:root{--c-accent:oklch(58.5% .2041 277);--c-accent-hover:oklch(54.3% .2138 276);--c-accent-strong:oklch(51.1% .2301 277);--c-accent-deep:oklch(45.7% .2146 277);--c-accent-bright:oklch(68% .1583 277);--c-accent-bright-2:oklch(78.5% .1041 275);--c-accent-text:oklch(87% .0622 274);--on-accent:oklch(99% 0 0);--c-bg:oklch(13.6% .0068 285);--c-bg-elevated:oklch(22.1% .0155 285);--c-surface:oklch(16.1% .0084 285);--c-surface-1:oklch(18.1% .0143 285);--c-surface-2:oklch(19.9% .0139 285);--c-surface-3:oklch(22.5% .0135 285);--c-surface-3-hover:oklch(26% .0168 285);--c-border-subtle:oklch(24.8% .0189 285);--c-border:oklch(28.9% .0163 285);--c-border-strong:oklch(33% .0193 285);--c-muted-3:oklch(41.7% .0198 286);--c-text:oklch(92% .004 286);--c-text-2:oklch(82.3% .0111 286);--c-text-3:oklch(71.2% .0129 286);--c-text-muted:oklch(64% .0163 286);--c-white:oklch(99% 0 0);--c-danger:oklch(57% .21 27);--c-danger-hover:oklch(64% .22 27);--c-gold:oklch(89% .16 95);--c-gold-2:oklch(83% .16 82);--c-gold-3:oklch(85% .16 88);--c-gold-ink:oklch(36% .07 72);--c-gold-ink-strong:oklch(27% .06 64);--shadow-pop:0 16px 40px #0000008c;--shadow-card:0 24px 60px #00000080;--shadow-sm:0 8px 24px #00000059;--shadow-preset:0 3px 10px #00000073;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:12px;--r-card:16px;--r-pill:999px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--c-text);background:var(--c-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}#root{width:100vw;height:100vh}button{font-family:inherit}.app{grid-template-rows:52px 1fr;grid-template-columns:320px 1fr 300px;width:100vw;height:100vh;display:grid;overflow:hidden}.topbar{background:var(--c-surface);border-bottom:1px solid var(--c-border);grid-column:1/-1;align-items:center;gap:18px;height:52px;padding:0 16px;display:flex}.topbar__brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.topbar__brand .topbar__logo{object-fit:contain;width:24px;height:24px;display:block}.topbar__history{gap:4px;display:flex}.topbar__icon{background:var(--c-surface-2);width:32px;height:32px;color:var(--c-text-2);border:1px solid var(--c-border);cursor:pointer;border-radius:8px;place-items:center;display:grid}.topbar__icon:hover:not(:disabled){border-color:var(--c-accent);color:var(--c-white)}.topbar__icon:disabled{opacity:.4;cursor:default}.topbar__icon:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.topbar__actions{align-items:center;gap:10px;margin-left:auto;display:flex}.topbar__support{color:var(--c-text-2);border:1px solid var(--c-border);border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.topbar__support:hover{color:var(--c-white);border-color:var(--c-accent);background:var(--c-surface-2)}.topbar__support:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.exp{display:flex;position:relative}.exp__cfg{background:var(--c-accent-strong);width:32px;height:36px;color:var(--on-accent);border:none;border-right:1px solid color-mix(in oklch, var(--on-accent) 20%, transparent);cursor:pointer;border-radius:9px 0 0 9px;place-items:center;display:grid}.exp__cfg:hover:not(:disabled){background:var(--c-accent-deep)}.exp__cfg:disabled{opacity:.55;cursor:default}.exp__go{background:var(--c-accent);color:var(--on-accent);white-space:nowrap;cursor:pointer;border:none;border-radius:0 9px 9px 0;align-items:center;gap:6px;height:36px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.exp__go:hover:not(:disabled){background:var(--c-accent-hover)}.exp__go--stop{background:var(--c-danger);color:var(--c-white)}.exp__go--stop:hover{background:var(--c-danger-hover)}.exp__go:disabled{opacity:.55;cursor:default}.exp__cfg:focus-visible,.exp__go:focus-visible{outline:2px solid var(--c-white);outline-offset:2px}.exp__menu{z-index:30;background:var(--c-surface);border:1px solid var(--c-border);width:244px;box-shadow:var(--shadow-pop);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.panel{background:var(--c-surface);border-right:1px solid var(--c-border);flex-direction:column;gap:18px;padding:18px;display:flex;overflow-y:auto}.uploader{border:1.5px dashed var(--c-border-strong);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;padding:22px 16px;transition:border-color .15s,background .15s;display:flex}.uploader:hover,.uploader--drag{border-color:var(--c-accent);background:var(--c-surface-2)}.uploader strong{font-size:13px}.uploader span{color:var(--c-text-muted);font-size:11px}.controls{flex-direction:column;display:flex}.sect{border-top:1px solid var(--c-border-subtle)}.sect:first-child{border-top:none}.sect__head{cursor:pointer;width:100%;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.08em;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:13px 2px;font-size:11px;font-weight:600;display:flex}.sect__head:hover{color:var(--c-text-2)}.sect__head:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:6px}.sect--open .sect__title{color:var(--c-text)}.sect__chev{color:var(--c-text-muted);transition:transform .16s}.sect--open .sect__chev{transform:rotate(180deg)}.sect__body{flex-direction:column;gap:10px;padding:2px 2px 16px;display:flex}.field{color:var(--c-text-2);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.field input[type=range]{flex:1}.app input[type=range]{appearance:none;background:var(--c-border);cursor:pointer;border-radius:999px;height:5px}.app input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--c-accent-bright);border:2px solid var(--c-surface);width:15px;height:15px;box-shadow:0 0 0 1px var(--c-accent-strong);border-radius:50%}.app input[type=range]:hover::-webkit-slider-thumb{background:var(--c-accent-bright-2)}.app input[type=range]::-moz-range-thumb{background:var(--c-accent-bright);border:2px solid var(--c-surface);border-radius:50%;width:15px;height:15px}.app input[type=range]::-moz-range-track{background:var(--c-border);border-radius:999px;height:5px}.app input[type=range]:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}.field input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:6px;width:34px;height:26px}.field select{background:var(--c-surface-2);color:var(--c-text);border:1px solid var(--c-border);border-radius:7px;padding:5px 8px;font-size:12px}.row{gap:14px;display:flex}.rangefield{gap:8px}.rangefield__slider{flex:1;min-width:0}.rangefield__num{flex-shrink:0;align-items:center;gap:3px;display:inline-flex}.rangefield__num input[type=number]{background:var(--c-surface-2);width:44px;color:var(--c-text);border:1px solid var(--c-border);text-align:right;appearance:textfield;border-radius:6px;padding:4px 5px;font-size:12px}.rangefield__num input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.rangefield__num input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rangefield__num input[type=number]:hover{border-color:var(--c-accent)}.rangefield__num em{color:var(--c-text-muted);font-size:11px;font-style:normal}.colorfield{flex-direction:column;gap:8px;display:flex}.colorfield__top{color:var(--c-text-2);justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.colorfield__top input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:6px;width:34px;height:26px}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatch{border:1px solid var(--c-border);cursor:pointer;border-radius:6px;width:20px;height:20px;padding:0}.swatch--brand{box-shadow:0 0 0 1.5px var(--c-accent)}.swatch--on{outline:2px solid var(--c-white);outline-offset:1px}.swatch--static{cursor:default}.swatch--add{background:var(--c-surface-2);color:var(--c-text-muted);place-items:center;font-size:12px;line-height:1;display:grid}.swatch-wrap{display:inline-flex;position:relative}.swatch__remove{border:1px solid var(--c-border);background:var(--c-surface);width:14px;height:14px;color:var(--c-text);cursor:pointer;border-radius:50%;place-items:center;padding:0;font-size:11px;line-height:1;display:none;position:absolute;top:-5px;right:-5px}.swatch-wrap:hover .swatch__remove{display:grid}.logo{align-items:center;gap:10px;display:flex}.logo__drop{border:1.5px dashed var(--c-border-strong);background:var(--c-surface-1);min-height:56px;color:var(--c-text-muted);cursor:pointer;border-radius:10px;flex:1;place-items:center;padding:8px;font-size:12px;display:grid}.logo__drop:hover:not(:disabled),.logo__drop--drag{border-color:var(--c-accent)}.logo__drop--drag{background:var(--c-surface-2)}.logo__drop img{object-fit:contain;max-width:100%;max-height:48px}.logo__clear{background:var(--c-surface-2);color:var(--c-text-2);border:1px solid var(--c-border);cursor:pointer;border-radius:7px;padding:6px 10px;font-size:12px}.presets{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.preset{border:1px solid var(--c-border);cursor:pointer;background-position:50%;background-size:cover;border-radius:7px;height:30px;padding:0;transition:transform .1s,box-shadow .1s}.preset:hover{box-shadow:var(--shadow-preset);transform:translateY(-1px)}.preset--on{outline:2px solid var(--c-white);outline-offset:1px;border-color:#0000}.toggle{color:var(--c-text-2);cursor:pointer;align-items:center;gap:8px;margin-top:2px;font-size:12px;display:flex}.toggle input[type=checkbox]{width:15px;height:15px;accent-color:var(--c-accent);cursor:pointer}.hint{color:var(--c-text-muted);margin:0;font-size:11px;line-height:1.4}.seg{gap:6px;display:flex}.seg button{background:var(--c-surface-2);color:var(--c-text-2);border:1px solid var(--c-border);cursor:pointer;border-radius:7px;flex:1;padding:7px 0;font-size:12px}.seg button.seg__on{background:var(--c-accent);border-color:var(--c-accent);color:var(--on-accent)}.seg--speed button{text-align:center;flex:1 1 0;min-width:0;padding:7px 10px}.viewport{background:radial-gradient(120% 120% at 50% 0%, var(--c-bg-elevated) 0%, var(--c-bg) 70%);flex-direction:column;justify-content:safe center;align-items:center;gap:16px;min-width:0;padding:24px 24px 104px;display:flex;position:relative;overflow:auto}.dropzone{border:2px dashed var(--c-accent);background:color-mix(in oklch, var(--c-bg) 72%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;z-index:5;border-radius:18px;justify-content:center;align-items:center;display:flex;position:absolute;inset:12px}.dropzone__card{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.dropzone__card strong{letter-spacing:-.01em;font-size:18px}.dropzone__card span{color:var(--c-text-3);font-size:12px}.stage{transform-origin:50%;max-width:100%;max-height:calc(100vh - 172px);box-shadow:var(--shadow-card);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:16px;position:relative;overflow:hidden}.stage--resizing{will-change:width, height}.stage>div{width:100%;height:100%}.stage--inspect{cursor:grab;outline:1.5px solid var(--c-accent);outline-offset:-1.5px}.stage--inspect:active{cursor:grabbing}.preview-grip{background:linear-gradient(135deg, transparent 45%, color-mix(in oklch, var(--c-accent) 75%, transparent) 45%);opacity:.55;cursor:nwse-resize;z-index:6;border:0;border-bottom-right-radius:6px;width:18px;height:18px;margin:0;padding:0;position:absolute;bottom:0;right:0}.preview-grip:hover{opacity:1}.preview-grip:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;opacity:1}.transport{align-items:center;gap:14px;width:min(560px,100%);display:flex}.vtl{flex-direction:column;gap:6px;width:min(560px,100%);display:flex}.vtl__track{background:var(--c-surface-2);border:1px solid var(--c-border);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:9px;height:44px;position:relative;overflow:hidden}.vtl__strip{display:flex;position:absolute;inset:0}.vtl__strip img{object-fit:cover;pointer-events:none;flex:1;min-width:0;height:100%}.vtl__dim{background:color-mix(in oklch, var(--c-bg) 66%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.vtl__sel{border:2px solid var(--c-accent);box-shadow:0 0 0 1px color-mix(in oklch, var(--c-accent) 40%, transparent);cursor:grab;border-radius:6px;position:absolute;top:0;bottom:0}.vtl__sel:active{cursor:grabbing}.vtl__playhead{background:var(--c-white);width:2px;box-shadow:0 0 6px color-mix(in oklch, var(--c-white) 80%, transparent);pointer-events:none;position:absolute;top:0;bottom:0;transform:translate(-1px)}.vtl__handle{cursor:ew-resize;justify-content:center;align-items:center;width:16px;display:flex;position:absolute;top:-2px;bottom:-2px}.vtl__handle--start{left:-9px}.vtl__handle--end{right:-9px}.vtl__handle:before{content:"";background:var(--c-accent);width:6px;height:62%;box-shadow:0 0 0 2px color-mix(in oklch, var(--c-surface) 90%, transparent);border-radius:3px}.vtl__meta{color:var(--c-text-muted);justify-content:space-between;font-size:11px;display:flex}.vtl__len{color:var(--c-text-2);font-weight:600}.tl{flex-direction:column;gap:8px;width:min(620px,100%);display:flex}.tl__head{justify-content:space-between;align-items:center;display:flex}.tl__title{letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-muted);font-size:11px;font-weight:600}.tl__lanes{flex-direction:column;gap:6px;display:flex}.tl__lane{align-items:center;gap:10px;display:flex}.tl__lanelabel{width:78px;color:var(--c-text-muted);text-align:right;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-size:10px;font-weight:600;overflow:hidden}.tl__lane .atl__track,.tl__lane .etl__track{flex:1;min-width:0}.tl__hint{color:var(--c-text-muted);text-align:center;font-size:10px}.atl{flex-direction:column;gap:6px;width:min(560px,100%);display:flex}.atl__head{justify-content:space-between;align-items:center;display:flex}.atl__title{letter-spacing:.02em;color:var(--c-text-2);font-size:11px;font-weight:600}.atl__reset{border:1px solid var(--c-border);background:var(--c-surface-3);width:24px;height:22px;color:var(--c-text-2);cursor:pointer;border-radius:6px;font-size:13px;line-height:1}.atl__reset:hover{background:var(--c-surface-3-hover)}.atl__reset:disabled{opacity:.4;cursor:default}.atl__track{background:var(--c-surface-2);border:1px solid var(--c-border);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:9px;height:30px;position:relative}.atl__playhead{background:var(--c-white);width:2px;box-shadow:0 0 6px color-mix(in oklch, var(--c-white) 80%, transparent);pointer-events:none;position:absolute;top:0;bottom:0;transform:translate(-1px)}.atl__kf{background:var(--c-accent);border:1px solid color-mix(in oklch, var(--c-surface) 90%, transparent);width:12px;height:12px;box-shadow:0 0 0 1px color-mix(in oklch, var(--c-accent) 35%, transparent);cursor:ew-resize;border-radius:2px;margin-top:-6px;margin-left:-6px;position:absolute;top:50%;transform:rotate(45deg)}.atl__kf--active{background:var(--c-accent-bright);box-shadow:0 0 8px color-mix(in oklch, var(--c-accent-bright) 80%, transparent)}.atl__kf--locked{background:var(--c-muted-3);width:9px;height:9px;box-shadow:none;cursor:default;margin-top:-4.5px;margin-left:-4.5px}.atl__hint{border:1px solid var(--c-border);background:var(--c-surface-3);color:var(--c-accent-text);white-space:nowrap;pointer-events:none;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;bottom:calc(100% + 4px);transform:translate(-50%)}.atl__meta{color:var(--c-text-muted);text-align:center;font-size:10px}.etl{flex-direction:column;gap:6px;width:min(560px,100%);display:flex}.etl__head{align-items:center;display:flex}.etl__title{letter-spacing:.02em;color:var(--c-text-2);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.etl__track{background:var(--c-surface-2);border:1px solid var(--c-border);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:9px;height:30px;position:relative}.etl__playhead{background:var(--c-white);width:2px;box-shadow:0 0 6px color-mix(in oklch, var(--c-white) 80%, transparent);pointer-events:none;position:absolute;top:0;bottom:0;transform:translate(-1px)}.etl__clip{background:color-mix(in oklch, var(--c-accent) 25%, transparent);border:1px solid var(--c-accent);cursor:grab;border-radius:6px;position:absolute;top:4px;bottom:4px}.etl__clip:active{cursor:grabbing}.etl__handle{background:var(--c-accent);border:1px solid color-mix(in oklch, var(--c-surface) 90%, transparent);width:12px;height:12px;box-shadow:0 0 0 1px color-mix(in oklch, var(--c-accent) 35%, transparent);cursor:ew-resize;border-radius:2px;margin-top:-6px;position:absolute;top:50%;transform:rotate(45deg)}.etl__handle--start{left:-6px}.etl__handle--end{right:-6px}.etl__meta{color:var(--c-text-muted);justify-content:space-between;font-size:11px;display:flex}.etl__len{color:var(--c-text-2);font-weight:600}.transport .icon{border:1px solid var(--c-border);background:var(--c-surface-2);width:40px;height:40px;color:var(--c-text);cursor:pointer;border-radius:50%;font-size:13px}.transport .icon:disabled{opacity:.55;cursor:default}.transport .mode{border:1px solid var(--c-border);background:var(--c-surface-2);height:40px;color:var(--c-text-2);cursor:pointer;white-space:nowrap;border-radius:9px;align-items:center;gap:5px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.transport .mode--on{background:var(--c-accent);border-color:var(--c-accent);color:var(--on-accent)}.transport .mode:disabled{opacity:.55;cursor:default}.transport .scrub{accent-color:var(--c-accent);flex:1}.transport .export{background:var(--c-accent);color:var(--on-accent);cursor:pointer;white-space:nowrap;border:none;border-radius:9px;padding:10px 18px;font-size:13px;font-weight:600}.transport .export--stop{background:var(--c-danger);color:var(--c-white)}.transport .export--stop:hover{background:var(--c-danger-hover)}.transport .export:disabled{opacity:.55;cursor:default}.overlay-canvas{z-index:2;width:100%;height:100%;position:absolute;inset:0}.fontpick{flex:1;position:relative}.fontpick__btn{background:var(--c-surface-2);width:100%;color:var(--c-text);border:1px solid var(--c-border);cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:14px;display:flex}.fontpick__chev{color:var(--c-text-muted);font-size:10px}.fontpick__menu{z-index:20;background:var(--c-surface);border:1px solid var(--c-border);max-height:280px;box-shadow:var(--shadow-pop);border-radius:9px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.fontpick__opt{text-align:left;width:100%;color:var(--c-text);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 10px;font-size:16px}.fontpick__opt:hover{background:var(--c-surface-2)}.fontpick__opt--on{background:var(--c-accent);color:var(--on-accent)}.ledit{flex-direction:column;gap:16px;display:flex}.ledit section{flex-direction:column;gap:10px;display:flex}.ledit h3{text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted);margin:0;font-size:11px}.ledit__text{resize:vertical;background:var(--c-surface-2);width:100%;color:var(--c-text);border:1px solid var(--c-border);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px}.layers-panel{background:var(--c-surface);border-left:1px solid var(--c-border);padding:18px;overflow-y:auto}.layers{flex-direction:column;gap:16px;display:flex}.layers__head{justify-content:space-between;align-items:center;display:flex}.layers__head h3,.layers__sub{text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-muted);margin:0;font-size:11px}.layers__addgroup{align-items:center;gap:8px;display:flex}.layers__add{background:var(--c-accent);color:var(--on-accent);cursor:pointer;border:none;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:600}.layers__presets{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px;display:grid}.layers__preset{text-align:center;background:var(--c-surface-2);min-height:42px;color:var(--c-text-2);border:1px solid var(--c-border);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:6px 8px;font-size:11px;line-height:1.25;display:flex}.layers__preset:hover{border-color:var(--c-accent);color:var(--c-white)}.layers__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.layers__empty{color:var(--c-text-muted);text-align:center;border:1px dashed var(--c-border);border-radius:10px;padding:20px 14px;font-size:12px;line-height:1.5}.layers__row{border:1px solid var(--c-border);background:var(--c-surface-2);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:6px 8px;display:flex}.layers__row--on{border-color:var(--c-accent);box-shadow:inset 0 0 0 1px var(--c-accent)}.layers__name{min-width:0;color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.layers__eye,.layers__ops button{color:var(--c-text-muted);cursor:pointer;background:0 0;border:none;padding:2px;font-size:12px}.layers__ops{gap:2px;display:flex}.layers__ops button:hover,.layers__eye:hover{color:var(--c-white)}.layers__editor{border-top:1px solid var(--c-border);padding-top:14px}.support-pill{z-index:15;background:linear-gradient(135deg, var(--c-gold) 0%, var(--c-gold-2) 100%);color:var(--c-gold-ink-strong);box-shadow:0 10px 30px #00000080, 0 2px 0 #0000002e, inset 0 1px 0 color-mix(in oklch, var(--c-white) 55%, transparent);border-radius:999px;align-items:center;gap:12px;padding:11px 22px 11px 18px;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.support-pill:hover{filter:brightness(1.04);box-shadow:0 16px 42px #0000008c, 0 2px 0 #0000002e, inset 0 1px 0 color-mix(in oklch, var(--c-white) 60%, transparent);transform:translate(-50%)translateY(-2px)}.support-pill:active{transform:translate(-50%)translateY(0)}.support-pill:focus-visible{outline:3px solid var(--c-white);outline-offset:3px}.support-pill__icon{filter:drop-shadow(0 1px 1px #00000026);font-size:22px;line-height:1}.support-pill__text{flex-direction:column;line-height:1.18;display:flex}.support-pill__text strong{letter-spacing:-.01em;font-size:15px;font-weight:800}.support-pill__text span{color:var(--c-gold-ink);font-size:11px;font-weight:600}.tip-nudge{background:var(--c-surface-2);color:var(--c-white);box-shadow:var(--shadow-sm);z-index:20;border:1px solid var(--c-border);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex;position:absolute;bottom:92px;left:50%;transform:translate(-50%)}.tip-nudge__cta{color:var(--c-gold-3);white-space:nowrap;font-weight:600;text-decoration:none}.tip-nudge__cta:hover{text-decoration:underline}.tip-nudge__cta:focus-visible,.tip-nudge__close:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:4px}.tip-nudge__close{color:var(--c-text-muted);cursor:pointer;background:0 0;border:none;font-size:13px}.tip-nudge__close:hover{color:var(--c-white)}.toast{background:var(--c-surface-2);max-width:380px;color:var(--c-white);box-shadow:var(--shadow-sm);z-index:25;border:1px solid var(--c-border);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:13px;line-height:1.35;display:flex;position:absolute;bottom:150px;left:50%;transform:translate(-50%)}.toast__close{color:var(--c-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:13px}.toast__close:hover{color:var(--c-white)}.toast__close:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:4px}.uploader__hint{color:var(--c-text-muted);margin:8px 0 0;font-size:12px;line-height:1.4}.app button:focus-visible,.app a:focus-visible,.app select:focus-visible,.app input:focus-visible,.app textarea:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.seg button:not(.seg__on):hover{border-color:var(--c-accent);color:var(--c-white)}.transport .export:not(.export--stop):not(:disabled):hover,.layers__add:hover{background:var(--c-accent-hover)}.fontpick__btn:hover,.field select:hover,.logo__clear:hover{border-color:var(--c-accent)}.logo__clear:hover{color:var(--c-white)}.swatch:not(.swatch--on):not(.swatch--static):hover{outline:1px solid var(--c-text-muted);outline-offset:1px}.crash{background:radial-gradient(120% 120% at 50% 0%, var(--c-bg-elevated) 0%, var(--c-bg) 70%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.crash__card{text-align:center;flex-direction:column;gap:10px;max-width:420px;display:flex}.crash__card h1{letter-spacing:-.01em;margin:0;font-size:20px}.crash__card p{color:var(--c-text-muted);margin:0;font-size:13px;line-height:1.5}.crash__actions{justify-content:center;gap:10px;margin-top:8px;display:flex}.crash__btn{background:var(--c-accent);color:var(--on-accent);cursor:pointer;border:none;border-radius:9px;padding:10px 18px;font-size:13px;font-weight:600}.crash__btn:hover{background:var(--c-accent-hover)}.crash__btn--ghost{background:var(--c-surface-2);color:var(--c-text-2);border:1px solid var(--c-border)}.crash__btn--ghost:hover{border-color:var(--c-accent);color:var(--c-white);background:var(--c-surface-2)}.crash__btn:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.transport .icon,.atl__reset{place-items:center;display:grid}.layers__add{align-items:center;gap:5px;display:inline-flex}.layers__eye,.layers__ops button{justify-content:center;align-items:center;display:inline-flex}.tip-nudge__cta{align-items:center;gap:6px;display:inline-flex}.tip-nudge__close,.toast__close{justify-content:center;align-items:center;display:inline-flex}.support-pill__icon{align-items:center;display:inline-flex}.welcome{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(120% 90% at 50% 0,#6366f11f,#000000a8 60%);place-items:center;padding:24px;animation:.22s both welcome-fade;display:grid;position:fixed;inset:0}.welcome__card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card);width:min(460px,100%);animation:.34s cubic-bezier(.22,1,.36,1) both welcome-rise;position:relative;overflow:hidden;box-shadow:0 32px 80px #0009,0 0 0 1px #6366f114,inset 0 1px #ffffff0a}.welcome__card:before{content:"";background:linear-gradient(90deg, transparent, var(--c-accent-bright), transparent);opacity:.7;height:1px;position:absolute;inset:0 0 auto}.welcome__close{z-index:2;border-radius:var(--r-md);background:color-mix(in oklch, var(--c-bg) 40%, transparent);width:30px;height:30px;color:var(--c-text-2);cursor:pointer;border:1px solid #0000;place-items:center;transition:color .15s,border-color .15s,background .15s;display:grid;position:absolute;top:14px;right:14px}.welcome__close:hover{border-color:var(--c-border);background:var(--c-surface-2);color:var(--c-white)}.welcome__hero{background:radial-gradient(80% 120% at 50% -10%, color-mix(in oklch, var(--c-accent) 32%, transparent), transparent 70%), linear-gradient(180deg, var(--c-bg-elevated), var(--c-surface));border-bottom:1px solid var(--c-border-subtle);place-items:center;height:132px;display:grid;position:relative;overflow:hidden}.welcome__hero:after{content:"";background-image:radial-gradient(circle,#ffffff0d 1px,#0000 1.4px);background-size:16px 16px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 100% at 50% 0,#000,#0000 75%);mask-image:radial-gradient(70% 100% at 50% 0,#000,#0000 75%)}.welcome__glow{background:radial-gradient(circle, color-mix(in oklch, var(--c-accent-bright) 55%, transparent), transparent 65%);filter:blur(8px);border-radius:50%;width:220px;height:220px;animation:5s ease-in-out infinite welcome-pulse;position:absolute;top:-60px}.welcome__device{background:linear-gradient(155deg, var(--c-surface-3), var(--c-surface));border:1px solid color-mix(in oklch, var(--c-accent-bright) 40%, var(--c-border));border-radius:13px;width:58px;height:84px;animation:4.5s ease-in-out infinite welcome-float;position:relative;transform:rotate(-9deg);box-shadow:0 12px 30px #00000080,inset 0 1px #ffffff0f}.welcome__device-screen{background:linear-gradient(150deg, var(--c-accent), var(--c-accent-strong));box-shadow:0 0 18px color-mix(in oklch, var(--c-accent) 70%, transparent);border-radius:8px;position:absolute;inset:6px;overflow:hidden}.welcome__device-screen:after{content:"";background:linear-gradient(120deg,#0000 35%,#ffffff59 50%,#0000 65%);animation:4.5s ease-in-out .6s infinite welcome-sheen;position:absolute;inset:0;transform:translate(-120%)}.welcome__body{padding:22px 28px 24px}.welcome__eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--c-accent-text);margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.welcome__title{letter-spacing:-.02em;background:linear-gradient(180deg, var(--c-white), var(--c-text-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:23px;font-weight:700}.welcome__lead{color:var(--c-text-2);margin:0 0 18px;font-size:14px;line-height:1.6}.welcome__steps{counter-reset:step;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 22px;padding:0;list-style:none;display:grid}.welcome__step{border-radius:var(--r-lg);background:var(--c-surface-2);border:1px solid var(--c-border-subtle);text-align:center;animation:.4s cubic-bezier(.22,1,.36,1) both welcome-rise;animation-delay:calc(.12s + var(--i) * 70ms);flex-direction:column;align-items:center;gap:8px;padding:14px 6px 12px;display:flex;position:relative}.welcome__step:not(:last-child):after{content:"";border-top:1.5px solid var(--c-border-strong);border-right:1.5px solid var(--c-border-strong);width:8px;height:8px;position:absolute;top:50%;right:-6px;transform:translateY(-50%)rotate(45deg)}.welcome__step-icon{width:38px;height:38px;color:var(--c-accent-bright);background:color-mix(in oklch, var(--c-accent) 16%, transparent);border:1px solid color-mix(in oklch, var(--c-accent) 28%, transparent);counter-increment:step;border-radius:50%;place-items:center;display:grid}.welcome__step-label{color:var(--c-text-2);font-size:11.5px;font-weight:600}.welcome__actions{justify-content:flex-end;gap:10px;display:flex}.welcome__skip,.welcome__go{border-radius:var(--r-lg);cursor:pointer;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s;display:inline-flex}.welcome__skip{color:var(--c-text-muted);border:1px solid var(--c-border);background:0 0}.welcome__skip:hover{color:var(--c-text);border-color:var(--c-border-strong);background:var(--c-surface-2)}.welcome__go{background:var(--c-accent);color:var(--on-accent);border:1px solid var(--c-accent);box-shadow:0 6px 18px color-mix(in oklch, var(--c-accent) 40%, transparent)}.welcome__go svg{transition:transform .18s}.welcome__go:hover{background:var(--c-accent-hover);border-color:var(--c-accent-hover);box-shadow:0 8px 24px color-mix(in oklch, var(--c-accent) 55%, transparent)}.welcome__go:hover svg{transform:translate(3px)}.welcome__go:active{transform:translateY(1px)}@keyframes welcome-fade{0%{opacity:0}to{opacity:1}}@keyframes welcome-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes welcome-float{0%,to{transform:rotate(-9deg)translateY(0)}50%{transform:rotate(-7deg)translateY(-6px)}}@keyframes welcome-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes welcome-sheen{0%,55%,to{transform:translate(-120%)}72%{transform:translate(120%)}}@media (prefers-reduced-motion:reduce){.welcome,.welcome__card,.welcome__step,.welcome__glow,.welcome__device,.welcome__device-screen:after{animation:none}}.driver-popover.promoreel-tour{background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border);border-radius:12px}.driver-popover.promoreel-tour .driver-popover-title{color:var(--c-text);font-size:15px}.driver-popover.promoreel-tour .driver-popover-description{color:var(--c-text-2);font-size:13px}.driver-popover.promoreel-tour .driver-popover-progress-text{color:var(--c-text-2)}.driver-popover.promoreel-tour .driver-popover-arrow{border-color:var(--c-surface)}.driver-popover.promoreel-tour button{background:var(--c-surface-2);color:var(--c-text);border:1px solid var(--c-border);text-shadow:none;border-radius:7px}.driver-popover.promoreel-tour button:hover{border-color:var(--c-accent);color:var(--c-white)}.driver-overlay path{filter:drop-shadow(0 0 4px color-mix(in oklch, var(--c-accent-bright) 90%, transparent)) drop-shadow(0 0 16px color-mix(in oklch, var(--c-accent) 65%, transparent))}.driver-active-element{border-radius:10px;animation:2s ease-in-out infinite tour-glow;box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--c-accent-bright) 85%, transparent), inset 0 0 18px 1px color-mix(in oklch, var(--c-accent) 28%, transparent)!important}@keyframes tour-glow{0%,to{box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--c-accent-bright) 70%, transparent), inset 0 0 14px 1px color-mix(in oklch, var(--c-accent) 22%, transparent)}50%{box-shadow:inset 0 0 0 2px color-mix(in oklch, var(--c-accent-bright) 95%, transparent), inset 0 0 22px 2px color-mix(in oklch, var(--c-accent) 36%, transparent)}}@media (prefers-reduced-motion:reduce){.driver-active-element{animation:none}}