@font-face{font-family:DM Sans;src:url(/fonts/DMSans-Regular.ttf)}@font-face{font-family:Cormorant Garamond;src:url(/fonts/CormorantGaramond-Regular.ttf)}:root{font-family:DM Sans,sans-serif;color:#e9e8ee;background:#141a1b;font-synthesis:none;font-weight:400;--accent:#cec6ea;--muted:#8d84a4;--line:#2b3435;--panel:#1b2223;--dark:#141a1b;--orange:#e4a078}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,select{transition:background .15s,color .15s,border-color .15s}input,textarea,select{color:#e8e7ed;background:#151c1d;border:1px solid #383244;border-radius:6px;min-width:0}input:not([type=range]):not([type=color]):not([type=checkbox]),textarea,select{padding:11px 12px}input::placeholder,textarea::placeholder{color:#706689}select{cursor:pointer}input[type=range]{accent-color:var(--accent);cursor:pointer}button svg,a svg{flex-shrink:0}button:hover:not(:disabled){filter:brightness(1.08)}a{color:inherit;text-decoration:none}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:35px;background:#192021}.brand{display:flex;gap:12px;align-items:center;min-width:233px;font-size:24px;font-weight:600;letter-spacing:-1px}.brand>span:last-child{display:flex;flex-direction:column}.brand small{font-size:8px;letter-spacing:2px;font-weight:400;margin-top:5px;color:#a39cb6}.brand-mark{width:44px;height:44px;background:var(--accent);border-radius:10px;color:#201c2b;position:relative;font-family:Cormorant Garamond,serif;font-size:51px;font-weight:600;line-height:38px;padding-left:10px}.brand-mark>span{font-size:22px;position:absolute;right:3px;top:1px;line-height:24px;color:#5e557a}.project-heading{display:flex;flex-direction:column;gap:6px;flex:1;min-width:100px}.project-heading input{width:min(100%,390px);background:transparent;border:1px solid transparent;padding:2px 0!important;font-size:14px;color:#e9e8ee}.project-heading input:hover{border-bottom-color:#5d5674}.save-state{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.status-dot{height:5px;width:5px;border-radius:50%;display:inline-block;background:#d6af71;flex-shrink:0}.status-dot.saved{background:#a49ac7}.top-actions{display:flex;gap:12px;align-items:center}.quiet,.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:6px;padding:11px 15px;font-size:12px;font-weight:600;white-space:nowrap}.quiet{color:#c2becf}.quiet:hover{background:#293334}.primary{background:var(--accent);color:#221c32}.secondary{background:#293334;border:1px solid #3d384b;color:#dedce5}.export-button{padding:13px 17px;gap:10px}.icon-button{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;color:#aba5bc;flex-shrink:0}.icon-button:hover{background:#373143;color:#ebeaf2}.editor{display:grid;grid-template-columns:79px 309px minmax(0,1fr);min-height:calc(100dvh - 88px)}.tool-rail{border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 9px;background:#181f20}.rail-button{width:60px;display:flex;align-items:center;flex-direction:column;gap:9px;padding:15px 0;font-size:9px;color:#8f87a7;border-radius:7px}.rail-button.active{color:var(--accent);background:#2d2939}.rail-button:hover{background:#292532}.rail-bottom{margin-top:auto;padding-top:40px;display:flex;flex-direction:column;align-items:center;gap:18px;font-size:7px;line-height:1.7;letter-spacing:1.5px;color:#736b90;text-align:center}.tiny-star{font-size:30px;color:#7c7499}.inspector{border-right:1px solid var(--line);background:var(--panel);height:calc(100dvh - 88px);display:flex;flex-direction:column}.inspector-heading{padding:28px 23px 19px}.eyebrow{font-size:8px;letter-spacing:1.8px;color:#938baa;font-weight:600}.inspector h1{font-size:20px;font-weight:500;letter-spacing:-.7px;margin:13px 0 8px}.inspector-heading p{font-size:10px;color:#9c95b1;margin:0}.inspector-body{padding:8px 23px 25px;overflow:auto;scrollbar-width:thin;scrollbar-color:#3f3a4e transparent;flex:1}.section-label{display:block;font-size:8px;font-weight:600;letter-spacing:1.7px;color:#8c85a5;margin:6px 0 13px}.layout-options{display:flex;gap:6px;margin-bottom:25px}.layout-option{border:1px solid #383344;border-radius:6px;flex:1;display:flex;align-items:center;gap:9px;flex-direction:column;padding:14px 3px 12px;font-size:9px;color:#a8a2ba}.layout-option.selected{border-color:#9e97b5;background:#2d293a;color:#dad5ee}.field{margin:0 0 19px}.field label,.field-heading label{font-size:11px;color:#d4d2dd;display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.field label>span{font-size:7px;letter-spacing:1px;color:#72698f}.field input,.field textarea,.field select{width:100%;font-size:12px}.field textarea{resize:vertical;min-height:125px;line-height:1.7}.field-heading{display:flex;justify-content:space-between;align-items:center}.field-heading>span{color:#6e668b;font-size:8px;margin-bottom:8px}.field small{display:block;font-size:9px;color:#837b9d;margin-top:8px;line-height:1.6}.divider{height:1px;background:#332f3f;margin:21px 0}.image-row{display:flex;align-items:center;gap:10px}.image-row>img,.image-placeholder{width:40px;height:40px;border:1px dashed #4d4761;border-radius:7px;object-fit:cover;display:flex;align-items:center;justify-content:center;color:#9d97b2}.image-row>div{flex:1;display:flex;flex-direction:column;gap:6px}.image-row strong{font-size:10px;font-weight:500}.image-row small{font-size:8px;color:#827a9d}.tip{margin-top:25px;display:flex;gap:12px;border-radius:6px;background:#272430;padding:13px 12px;color:#a5a0b9}.tip>span{font-size:22px;color:#c2bed3;line-height:1.3}.tip p{font-size:9px;line-height:1.8;margin:0}.inspector-footer{padding:16px 23px;border-top:1px solid var(--line);font-size:8px;color:#837c9e;display:flex;align-items:center;gap:6px}.workspace{min-width:0;padding:24px 35px 0;display:flex;flex-direction:column;min-height:calc(100dvh - 88px);background:radial-gradient(ellipse at 50% 38%,#24212c 0,#151c1d 65%)}.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;min-height:30px;gap:14px}.workspace-toolbar>div:first-child{display:flex;align-items:center;gap:14px}.preview-tag{font-size:7px;letter-spacing:1px;padding:4px 6px;border:1px solid #383346;border-radius:3px;color:#837b9d}.canvas-tools{display:flex;align-items:center;gap:5px}.canvas-tools select{font-size:10px;background:transparent;border:0;padding:7px 6px}.canvas-tools option{background:#1e1b25}.tool-separator{height:17px;border-left:1px solid #3b364a;margin:0 7px}.stage-area{flex:1;min-height:270px;display:flex;align-items:center;justify-content:center;padding:30px 0 8px}.canvas-wrap{width:100%;max-width:1160px;position:relative;box-shadow:0 22px 60px #0004;border:1px solid #3d394c40;background:#10191c}.canvas-wrap.portrait{width:auto;height:min(49vh,580px);max-height:580px}.canvas-wrap.square{width:auto;height:min(49vh,580px)}.canvas-wrap canvas{width:100%;height:100%;display:block;object-fit:contain}.loading-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#aeabc1}.stage-area:fullscreen{padding:35px;background:#151b1c}.stage-area:fullscreen .canvas-wrap{max-height:90vh;max-width:90vw;width:auto;height:90vh}.stage-area:fullscreen .canvas-wrap:not(.portrait):not(.square){width:min(90vw,160vh);height:auto}.checkerboard{background-color:#d2d0dd;background-image:linear-gradient(45deg,#a8a4bb 25%,transparent 25%),linear-gradient(-45deg,#a8a4bb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#a8a4bb 75%),linear-gradient(-45deg,transparent 75%,#a8a4bb 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.preview-meta{display:flex;justify-content:space-between;gap:14px;color:#70688d;font-size:8px;padding:14px 1px 28px;letter-spacing:.6px}.preview-meta>span:first-child{display:flex;align-items:center;gap:10px}.preview-meta i{width:2px;height:2px;border-radius:50%;background:#70688d}.preview-meta>span:last-child{color:#827b9d;letter-spacing:0}.timeline{border:1px solid #373345;border-radius:9px;background:#1e1b26;padding:17px 20px 12px;margin-top:4px}.timeline-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px}.transport{display:flex;gap:9px;align-items:center}.play-button{height:33px;width:33px;background:#cbc4e4;color:#262135;border-radius:50%;display:flex;align-items:center;justify-content:center}.time-display{font-variant-numeric:tabular-nums;font-size:10px;color:#d9d7e4;margin-left:3px}.time-display>span{color:#776f95;margin-left:4px}.timeline-caption{color:#8c85a5;font-family:Cormorant Garamond,serif;font-size:16px;font-style:italic}.key-hint{font-size:7px;letter-spacing:.8px;color:#645d7d}.timeline-track{position:relative;margin:0 6px}.ruler{display:flex;justify-content:space-between;color:#7c7499;font-size:8px;margin-bottom:11px}.phase-bars{height:42px;display:flex;gap:3px}.phase{min-width:0;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:20px}.phase>span{font-size:8px;letter-spacing:1.2px;overflow:hidden}.phase.entrance{background:repeating-linear-gradient(135deg,#4e496366,#4e496366 5px,#4c476099 5px,#4c476099 7px);color:#afacc3}.phase.hold{background:#5d5775;color:#d3cfe8}.phase.exit{background:repeating-linear-gradient(135deg,#4e496366,#4e496366 5px,#4c476099 5px,#4c476099 7px);color:#afacc3}.timeline-track input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:2}.timeline-track:focus-within{outline:1px solid var(--accent);outline-offset:5px}.playhead{position:absolute;top:16px;height:53px;width:1px;background:#f0bb8b;pointer-events:none;z-index:1}.playhead>span{position:absolute;top:-5px;left:-4px;width:9px;height:9px;transform:rotate(45deg);border-radius:2px;background:#f0bb8b}.timeline-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#8d87a7;margin:16px 6px 0}.timeline-bottom>span{display:flex;gap:6px;align-items:center}.legend-dot{width:5px;height:5px;border-radius:1px;background:#8d86ac}.timeline-bottom button{font-size:9px;display:flex;gap:6px;align-items:center;color:#bebad0}.workspace-footer{display:flex;justify-content:space-between;padding:20px 0 19px;color:#686183;font-size:7px;letter-spacing:1.5px}.workspace-footer>span:last-child{letter-spacing:.5px}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px}.theme-card{padding:0;text-align:left}.theme-sample{height:72px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:5px;border:2px solid transparent}.theme-card.selected .theme-sample{border-color:var(--accent)}.theme-sample i{font-size:34px;font-style:normal}.theme-sample>svg{position:absolute;right:5px;bottom:5px;background:#c5bddd;color:#29233c;border-radius:50%;padding:1px}.theme-sample.paper{background-image:repeating-linear-gradient(0deg,#00000008 0px,#00000008 1px,transparent 1px,transparent 3px)!important}.theme-sample.neon i{text-shadow:0 0 14px #ff77dd}.theme-sample.terminal{background-image:repeating-linear-gradient(0deg,#8268e00c 0px,#8268e00c 1px,transparent 1px,transparent 6px)!important}.theme-sample.poster i{transform:rotate(-9deg);font-weight:700;font-size:39px}.theme-card strong{display:block;font-size:9px;font-weight:400;margin:7px 0 0;color:#b3afc4}.theme-note{font-size:9px;color:#857ea0;margin:13px 0 0}.range-field{display:block;margin:19px 0 22px}.range-field>span{display:flex;justify-content:space-between;font-size:11px;color:#c8c4d6}.range-field output{font-size:10px;color:#a59dc2}.range-field input{width:100%;margin:12px 0 0;height:4px;display:block}.color-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;margin:23px 0}.color-field{display:grid;grid-template-columns:26px 1fr;column-gap:7px;align-items:center}.color-field input{grid-row:span 2;width:26px;height:29px;padding:2px;border-radius:4px;cursor:pointer;border:1px solid #47425a;background:transparent}.color-field span{font-size:9px;color:#c4c1d1}.color-field code{font-size:7px;color:#7f779a;margin-top:2px;text-transform:uppercase}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b6b2c8;margin:22px 0}.toggle-row input{accent-color:var(--accent)}.preset-save{display:flex;gap:6px;margin-bottom:10px}.preset-save input{width:100%;font-size:10px}.preset-save+select{font-size:10px;width:100%}.wide{width:100%}.motion-options{display:flex;flex-direction:column;gap:8px}.motion-card{display:flex;align-items:center;gap:11px;text-align:left;border:1px solid #373345;border-radius:6px;padding:13px 10px}.motion-card.selected{border-color:#9f98bb;background:#2e2b3c}.motion-number{font-family:Cormorant Garamond,serif;color:#9089a9;font-size:21px}.motion-card>span:nth-child(2){flex:1}.motion-card strong{font-size:11px;font-weight:500;display:block;margin-bottom:6px}.motion-card small{font-size:8px;display:block;color:#938dab;line-height:1.6}.motion-card>svg{color:#8b83a8;flex-shrink:0}.duration-card{padding:15px;border:1px solid #443f56;border-radius:6px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9690ae}.duration-card strong{font-size:17px;color:#dbd7eb}.duration-card small{font-size:9px;font-weight:400;color:#9a94b1}.connection-banner{background:#715c32;color:#fff1cd;text-align:center;padding:10px;font-size:12px}.hidden-input{display:none}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:20px;max-width:min(92vw,600px);padding:13px 16px;background:#e1dfee;color:#25203a;box-shadow:0 7px 30px #0008;border-radius:8px;font-size:12px}.toast .icon-button{color:#39344e}.modal{padding:0;border:1px solid #504c67;border-radius:14px;background:#1e1b27;color:#e3e2ee;width:min(700px,94vw);max-height:88dvh;box-shadow:0 25px 100px #0009}.modal::backdrop{background:#090710c9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-inner{padding:30px}.modal-heading{display:flex;justify-content:space-between;margin-bottom:27px;gap:20px}.modal h2{font-size:30px;font-family:Cormorant Garamond,serif;font-weight:400;letter-spacing:-.6px;margin:9px 0}.modal-heading p{font-size:11px;color:#918daa;margin:0;line-height:1.7}.library-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:23px}.library-actions button{font-size:10px;padding:10px}.project-list{display:flex;flex-direction:column;gap:10px;max-height:40vh;overflow:auto}.project-item{display:flex;align-items:center;gap:12px;background:#272334;padding:12px;border:1px solid #39354c;border-radius:7px}.project-swatch{width:45px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-family:Cormorant Garamond;font-size:25px;flex-shrink:0}.project-open{flex:1;text-align:left;min-width:0}.project-open strong{font-size:12px;display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-open small{display:block;color:#8985a4;font-size:9px;margin-top:5px}.dialog-note{font-size:10px;color:#938fad;line-height:1.9;margin:21px 0}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:13px}.export-option{position:relative;border:1px solid #48445e;background:#262233;border-radius:8px;padding:20px 17px;text-align:left;display:flex;flex-direction:column;gap:12px}.export-option.selected{border-color:#b8b1d9;background:#302b42}.export-option>svg{position:absolute;top:20px;right:17px;color:#c4bee9}.format-badge{font-size:9px;letter-spacing:1px;align-self:flex-start;border:1px solid #696386;border-radius:4px;padding:6px 8px;color:#bfbae0}.format-badge.alpha{background:repeating-linear-gradient(45deg,#9691b026,#9691b026 4px,transparent 4px,transparent 8px)}.export-option strong{font-size:13px;font-weight:500}.export-option small{font-size:9px;line-height:1.8;color:#9b96b4}.export-summary{display:flex;justify-content:space-between;font-size:10px;color:#a49fc3;margin-top:19px;border-bottom:1px solid #39354d;padding-bottom:17px}.export-start{padding:14px}.export-jobs{margin-top:27px}.export-job{border-top:1px solid #39354e;display:flex;gap:15px;align-items:center;justify-content:space-between;padding:14px 0}.export-job>div{min-width:0;flex:1}.export-job strong{font-size:11px;font-weight:400;display:block;overflow-wrap:anywhere}.export-job strong span{font-size:8px;color:#9691bb;margin-left:8px}.export-job small{display:block;color:#847eae;font-size:9px;margin-top:7px;overflow-wrap:anywhere}.export-job progress{height:5px;width:100%;accent-color:#a59ddf;margin-top:10px}.download-link{display:flex;align-items:center;gap:6px;font-size:10px;color:#b6b1e1}.error-text{font-size:11px;color:#edbb8d}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:801px){.workspace{height:calc(100dvh - 88px);min-height:0}.stage-area{min-height:0;padding-top:18px}.canvas-wrap:not(.portrait):not(.square){max-width:min(1160px,calc((100dvh - 430px)*1.7778))}.canvas-wrap.portrait,.canvas-wrap.square{height:calc(100dvh - 430px);max-height:580px}.preview-meta{padding-bottom:21px}.workspace-footer{padding:17px 0}}@media(min-width:1500px){.editor{grid-template-columns:85px 338px minmax(0,1fr)}.inspector-heading,.inspector-body{padding-left:28px;padding-right:28px}.workspace{padding-left:50px;padding-right:50px}.topbar{gap:55px}.brand{min-width:264px}}@media(max-width:1100px){.topbar{padding:0 18px;gap:20px}.brand{min-width:200px}.editor{grid-template-columns:66px 282px minmax(0,1fr)}.tool-rail{padding-left:3px;padding-right:3px}.inspector-heading,.inspector-body{padding-left:19px;padding-right:19px}.workspace{padding-left:22px;padding-right:22px}.preview-tag,.timeline-caption,.key-hint{display:none}.canvas-tools{gap:0}.preview-meta{font-size:7px}.project-heading input{font-size:12px}.export-button{font-size:11px}.top-actions{gap:4px}.preview-meta>span:last-child{max-width:160px;text-align:right}}@media(max-width:800px){.topbar{height:78px;gap:14px;padding:0 15px}.brand{min-width:0;font-size:19px}.brand-mark{width:36px;height:36px;font-size:42px;line-height:30px}.brand-mark>span{font-size:17px}.brand small{font-size:6px}.project-heading{display:none}.top-actions{margin-left:auto}.save-button{display:none}.quiet{padding:8px}.editor{grid-template-columns:60px 255px minmax(0,1fr);min-height:calc(100dvh - 78px)}.inspector{height:calc(100dvh - 78px)}.inspector-heading,.inspector-body{padding-left:16px;padding-right:16px}.inspector h1{font-size:18px}.workspace{padding:18px 15px 0}.workspace-toolbar{align-items:flex-start;flex-direction:column;gap:9px}.stage-area{min-height:180px;flex:0;padding:26px 0 10px}.canvas-wrap.portrait,.canvas-wrap.square{height:auto;width:100%}.preview-meta{flex-direction:column;gap:8px;padding-bottom:22px}.preview-meta>span:last-child{text-align:left;max-width:100%}.timeline{padding:15px 10px}.transport{gap:3px;flex-wrap:wrap}.time-display{font-size:9px}.timeline-bottom{gap:12px;align-items:flex-start}.timeline-bottom button{font-size:8px}.workspace-footer{gap:12px;line-height:1.8;font-size:6px}.phase{gap:4px}.phase svg{display:none}}@media(max-width:640px){.topbar{height:72px}.brand{font-size:18px}.brand small{letter-spacing:1px}.top-actions .quiet span,.export-button>svg:last-child{display:none}.export-button{padding:10px;font-size:10px}.editor{display:flex;flex-direction:column}.tool-rail{flex-direction:row;order:1;padding:8px 15px;border-top:1px solid var(--line);border-right:0;border-bottom:1px solid var(--line);justify-content:center;gap:16px}.rail-button{width:90px;flex-direction:row;padding:10px;font-size:10px}.rail-bottom{display:none}.workspace{order:0;min-height:0;padding:18px 18px 0}.workspace-toolbar{flex-direction:row;align-items:center;gap:8px}.workspace-toolbar .eyebrow{font-size:7px}.canvas-tools select{font-size:8px;width:118px}.canvas-tools .icon-button{width:25px}.canvas-tools .tool-separator{margin:0 3px}.stage-area{padding:21px 0 8px;min-height:0}.canvas-wrap.portrait{height:300px;width:auto}.canvas-wrap.square{height:260px;width:auto}.preview-meta{flex-direction:row;padding-bottom:15px;font-size:6px}.preview-meta>span:first-child{gap:6px}.timeline{margin-top:0;padding:11px 13px}.timeline-top{margin-bottom:13px}.timeline-track .phase-bars{height:30px}.playhead{height:40px}.timeline-bottom{margin-top:12px}.timeline-bottom button{font-size:9px}.timeline-top .key-hint{display:block;font-size:6px}.workspace-footer{padding:12px 0}.inspector{order:2;border-right:0;height:auto}.inspector-heading{padding:22px 22px 13px}.inspector-body{padding:10px 22px 28px;overflow:visible}.inspector-footer{padding:15px 22px}.layout-options{max-width:420px}.field textarea{min-height:120px}.theme-grid{grid-template-columns:repeat(3,1fr)}.theme-sample{height:85px}.color-fields{gap:15px}.modal-inner{padding:23px 20px}.export-options{gap:8px}.export-option{padding:15px 12px}.export-option strong{font-size:11px}.export-option small{font-size:8px}.export-option>svg{right:10px;top:15px}.export-summary{font-size:8px}.project-item{gap:8px;padding:10px}.project-open strong{font-size:10px}.toast{bottom:12px;font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.spin{animation:none}}@font-face{font-family:Bebas Neue;src:url(/fonts/BebasNeue-Regular.ttf)}@font-face{font-family:Cinzel;src:url(/fonts/Cinzel-Regular.ttf)}@font-face{font-family:Space Mono;src:url(/fonts/SpaceMono-Regular.ttf)}@font-face{font-family:Bangers;src:url(/fonts/Bangers-Regular.ttf)}@font-face{font-family:Fredoka;src:url(/fonts/Fredoka-Regular.ttf)}@font-face{font-family:Caveat;src:url(/fonts/Caveat-Regular.ttf)}:root{--accent:#c9b7ff;--muted:#a6a1b8;--line:#353147;--panel:#211e30;--dark:#151321;--orange:#ffa28f;background:var(--dark);color:#f5f1ff}input,textarea,select{color:#ece4f7;background:#191625;border-color:#443851}input::placeholder,textarea::placeholder{color:#91839f}.quiet,.icon-button{color:#c0b1d1}.quiet:hover,.icon-button:hover{background:#392d49}.secondary{background:#352941;border-color:#544061;color:#e0cde9}.topbar{background:#211d31;position:relative}.topbar:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#a99cff,#d799de 40%,#ffa18e,#8fd3e9)}.brand-mark{background:linear-gradient(140deg,#dbbcff,#a9b9ff);color:#3b285e;box-shadow:4px 4px #ffb3a340}.brand-mark>span{color:#8e3a84}.brand small{color:#a6a0bd}.brand{letter-spacing:-1.2px}.project-heading input{color:#f3ecff}.status-dot.saved{background:#a9cef5}.primary{background:#c9b7ff;color:#2e2149}.export-button{background:linear-gradient(115deg,#c5b4ff,#f1b5d6);box-shadow:0 4px 18px #b9a0f218}.tool-rail{background:#1b1829}.rail-button.active{background:#3a2f54;color:#e0cdff}.rail-button:nth-child(2).active{color:#ffbdab;background:#453035}.rail-button:nth-child(3).active{color:#a9d9f2;background:#253b50}.rail-button:nth-child(4).active{color:#ffb4dd;background:#472b46}.tiny-star{color:#edb0cd}.eyebrow{color:#aba1bf}.inspector-heading{padding-bottom:21px}.inspector h1{font-size:21px;line-height:1.2}.inspector-heading p{line-height:1.6;color:#aaa2bd}.inspector-footer{font-size:8px;color:#a59bb8}.workspace{background:radial-gradient(ellipse at 17% 20%,#392b503e,transparent 55%),radial-gradient(ellipse at 85% 80%,#18395450,transparent 60%),#161420}.workspace-toolbar .eyebrow{color:#b6a6cf}.preview-tag{border-color:#46405b;color:#b3a8cb}.canvas-wrap{border-color:#655a7d40;box-shadow:0 24px 65px #08061070}.canvas-tools option{background:#211d31}.preview-meta,.preview-meta>span:last-child{color:#a198b3}.preview-meta i{background:#a198b3}.timeline{background:#242031;border-color:#423a55}.play-button{background:#ffd1b8;color:#4a2f45}.time-display{color:#eee3ff}.time-display>span{color:#a49ab6}.timeline-caption{color:#b7a7ca}.ruler{color:#aaa0b8}.phase.entrance{background:repeating-linear-gradient(135deg,#a59bde35,#a59bde35 5px,#9f8dce55 5px,#9f8dce55 7px);color:#d2c6f4}.phase.hold{background:#76538b;color:#f5e3ff}.phase.exit{background:repeating-linear-gradient(135deg,#66a9ca30,#66a9ca30 5px,#66a9ca55 5px,#66a9ca55 7px);color:#b9dff2}.playhead,.playhead>span{background:#ffb79e}.legend-dot{background:#d19be4}.timeline-bottom,.workspace-footer{color:#a193b2}.timeline-bottom button{color:#d0bddf}.layout-option.selected{border-color:#bca4ee;background:#3d3153;color:#f0dcff}.tip{background:linear-gradient(120deg,#3a2e4c,#2e304a);color:#c7b8db}.tip>span{color:#ffb7cc}.theme-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 17px}.theme-filters button{padding:7px 9px;border:1px solid #464055;border-radius:20px;font-size:9px;color:#bcb0ce}.theme-filters button.selected{background:#d3bef3;color:#38284e;border-color:#d3bef3}.theme-grid{gap:14px 10px}.theme-card strong{font-size:10px;color:#cfc3df}.theme-card.selected strong{color:#ffe0ec}.theme-sample{height:74px;border-radius:8px}.theme-sample>svg{background:#e5c9ff;color:#3c2851}.theme-sample.mystery i,.theme-sample.dream i{text-shadow:0 0 10px currentColor}.theme-sample.comic{background-image:radial-gradient(#30245320 1px,transparent 1px);background-size:5px 5px}.theme-sample.kawaii{background-image:radial-gradient(ellipse at 10% 95%,#fff9 20%,transparent 21%),radial-gradient(ellipse at 90% 0,#fff6 25%,transparent 26%)}.theme-sample.candy{background-image:repeating-linear-gradient(45deg,transparent,transparent 12px,#fff5 12px,#fff5 24px)}.theme-sample.noir{background-image:repeating-linear-gradient(-20deg,transparent,transparent 10px,#ffffff10 10px,#ffffff10 20px)}.theme-sample.space{background-image:radial-gradient(#fff9 1px,transparent 1px);background-size:17px 19px}.theme-sample.disco i{text-shadow:2px 3px #ed6695}.theme-sample.pixel{background-image:linear-gradient(#9b79ce22 1px,transparent 1px),linear-gradient(90deg,#9b79ce22 1px,transparent 1px);background-size:10px 10px}.theme-sample.storybook i{font-size:43px}.theme-sample.anime i{transform:rotate(-7deg)}.theme-note{line-height:1.7;color:#b5a6c6}.motion-card.selected{background:#28374b;border-color:#8fbcd6}.motion-number{color:#adbbef}.motion-card small{color:#ada6c2}.color-field code{color:#a79bb9}.toggle-row{color:#cfbfe0}.range-field output{color:#e6b9d7}.range-field>span{color:#d8c9e8}.field label{color:#ded2ec}.field label>span,.field-heading>span,.field small{color:#a99bbb}.play-intro{display:flex;align-items:center;gap:12px;margin:0 0 20px}.play-intro>span{font-size:37px;color:#ffbbcf}.play-intro p{font-size:12px;line-height:1.6;color:#efdbf5;margin:0}.play-intro strong{font-size:9px;font-weight:400;color:#b4a7c7}.segmented{display:flex;padding:4px;border-radius:8px;background:#161421;gap:3px;margin-bottom:18px}.segmented button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 4px;border-radius:5px;font-size:9px;color:#aea0bf}.segmented button.selected{background:#554063;color:#ffe5f7}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.sticker-grid button{padding:3px 0 7px;background:#30283e;border:1px solid #463853;border-radius:9px;min-width:0}.sticker-grid button:hover{background:#47314e;transform:translateY(-1px)}.sticker-grid canvas{display:block;width:100%;height:auto}.sticker-grid span{display:block;font-size:7px;color:#d3bfdf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 3px}.sticker-layers{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sticker-layers button{display:flex;align-items:center;border:1px solid #4b3c59;border-radius:7px;text-align:left;padding:4px;gap:3px;min-width:0}.sticker-layers button.selected{background:#47314f;border-color:#e7acd8}.sticker-layers canvas{height:32px;width:32px}.sticker-layers span{flex:1;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sticker-layers small{color:#b09ac0;font-size:8px}.sticker-layers svg{color:#bf98ce;transform:rotate(45deg);display:none}.sticker-editor{margin-top:18px;border:1px solid #57415e;padding:14px;border-radius:10px;background:#2b2236}.sticker-editor-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#f2d1ed}.sticker-editor .range-field{margin:14px 0 20px}.sticker-editor .field:last-child{margin-bottom:0}.modal{background:#241d32;border-color:#625074;color:#f2e9fb}.modal::backdrop{background:#100a1dc9}.modal-heading p,.dialog-note{color:#b5a4c9}.project-item{background:#30243e;border-color:#4b375a}.export-option{background:#30253e;border-color:#59426a}.export-option.selected{background:#463052;border-color:#dbb2ed}.export-option small{color:#bea9d0}.export-option>svg{color:#f8cfea}.export-summary{color:#d1b9e1;border-color:#4c355b}.format-badge{color:#efcef5;border-color:#82608f}.export-job{border-color:#4e365e}.export-job small{color:#bba3cc}.export-job progress{accent-color:#c7a6ee}.download-link{color:#eec5f7}.toast{background:#f1dbf4;color:#4b2851}.toast .icon-button{color:#6b3f70}@media(max-width:640px){.tool-rail{gap:4px;padding:8px 10px;justify-content:space-around}.rail-button{width:auto;padding:10px 9px;gap:7px}.rail-button svg{width:18px}.sticker-grid{grid-template-columns:repeat(6,1fr)}.theme-filters button{font-size:10px}.inspector h1{font-size:23px}.theme-sample{height:86px}.sticker-editor{max-width:440px}.play-intro p{font-size:14px}}.checkerboard{background-color:#2b2735;background-image:linear-gradient(45deg,#3e394d 25%,transparent 25%),linear-gradient(-45deg,#3e394d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#3e394d 75%),linear-gradient(-45deg,transparent 75%,#3e394d 75%)}.checkerboard.light-checker{background-color:#d2d0dd;background-image:linear-gradient(45deg,#a8a4bb 25%,transparent 25%),linear-gradient(-45deg,#a8a4bb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#a8a4bb 75%),linear-gradient(-45deg,transparent 75%,#a8a4bb 75%)}.checker-toggle{font-size:8px;color:#cec6ea;text-decoration:underline;text-underline-offset:3px;padding:0;white-space:nowrap}