:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#000}.download-modal-overlay{position:fixed;inset:0;background-color:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out;padding-top:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.download-modal-content{background-color:#1a1a1a;border:1px solid #333;border-top:none;border-radius:0 0 8px 8px;padding:1rem 2rem 2rem;max-width:90vw;max-height:95vh;position:relative;display:flex;flex-direction:column;gap:1rem;animation:slideUp .2s ease-out;margin-top:0;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.download-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#ffffffb3;font-size:2rem;line-height:1;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.download-modal-close:hover{color:#fff}.download-modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#ffffffde;text-align:center;flex-shrink:0}.download-modal-preview{max-width:100%;flex:1 1 auto;min-height:0;overflow:auto;border:1px solid #333;border-radius:4px;background-color:#0a0a0a;display:flex;align-items:center;justify-content:center;position:relative;scrollbar-width:none;-ms-overflow-style:none}.download-modal-preview::-webkit-scrollbar{display:none}.download-modal-preview img{max-width:100%;max-height:60vh;display:block}.download-modal-size-selector{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;padding:.75rem 0;border-top:1px solid #333;border-bottom:1px solid #333;flex-shrink:0}.size-option{padding:.5rem 1rem;background-color:transparent;color:#ffffffb3;border:1px solid #333;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.size-option:hover{background-color:#ffffff0d;color:#ffffffe6}.size-option-active{background-color:#0ea5e933;border-color:#0ea5e9;color:#0ea5e9}.size-option-active:hover{background-color:#0ea5e94d}.custom-size-inputs{display:flex;gap:1rem;justify-content:center;align-items:center;padding:.75rem 0;flex-shrink:0}.custom-size-inputs label{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.875rem}.custom-size-input{padding:.5rem;background-color:#0a0a0a;border:1px solid #333;border-radius:4px;color:#ffffffde;font-size:.875rem;width:100px}.custom-size-input:focus{outline:none;border-color:#0ea5e9}.renderer-bar{display:flex;align-items:center;gap:1rem;justify-content:center;padding:.5rem 0;border-top:1px solid #333;border-bottom:1px solid #333}.renderer-label{color:#ffffffb3;font-size:.875rem;font-weight:500}.renderer-checkbox{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.875rem;cursor:pointer;transition:color .2s ease}.renderer-checkbox:hover{color:#ffffffe6}.renderer-checkbox input[type=checkbox]{cursor:pointer;width:1rem;height:1rem;accent-color:#0ea5e9}.download-modal-actions{display:flex;gap:1rem;align-items:center;justify-content:center;flex-shrink:0}.download-name-input{display:flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.875rem}.name-input{padding:.5rem;background-color:#0a0a0a;border:1px solid #333;border-radius:4px;color:#ffffffde;font-size:.875rem;min-width:150px}.name-input:focus{outline:none;border-color:#0ea5e9}.download-modal-button{padding:.5rem 1rem;background-color:#000;color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,opacity .2s ease;display:flex;align-items:center;gap:.375rem}.download-modal-button:disabled{cursor:not-allowed;opacity:.7}.download-modal-button-loading{position:relative;pointer-events:none}.download-icon{font-size:1.5rem;line-height:1}.download-modal-button:hover:not(:disabled){background-color:#000}.download-modal-button-secondary{padding:.75rem 1.5rem;background-color:transparent;color:#ffffffb3;border:1px solid #333;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.download-modal-button-secondary:hover{background-color:#333;color:#fff}.app-container{min-height:100vh;display:flex;flex-direction:column;background-color:#000;color:#fff;width:100%;max-width:1600px;margin:0 auto;border-left:8px solid white;border-right:8px solid white;align-items:center;justify-content:center;box-sizing:border-box}.baeday-canvas{width:100%;height:100%;display:block}.download-button-wrapper{position:relative;display:block;width:100%;min-height:100vh;background-color:#000}.download-button{position:absolute;width:3rem;height:3rem;border-radius:4px;background-color:#000;color:#fff;border:none;font-size:2.4rem;font-weight:400;cursor:pointer;z-index:100;opacity:.25;transition:opacity .2s ease,transform .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000004d;line-height:1;margin:.5rem;padding:0;text-align:center;vertical-align:middle}.download-button:hover{transform:scale(1.1);background-color:#000}.download-button-visible{opacity:1}