:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ecebe6;background:#11110f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#11110f}button,input,select,textarea{font:inherit}button{color:inherit}.studio-header{position:sticky;top:0;z-index:20;display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:20px;padding:12px 22px;border-bottom:1px solid #32322e;background:#11110ff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-lockup,.header-actions,.preview-toolbar,.library-heading,.category-filter{display:flex;align-items:center}.brand-lockup{gap:13px;min-width:0}.brand-index,.eyebrow{color:#d7ff2f;font-size:11px;font-weight:700;letter-spacing:.12em;white-space:nowrap}.brand-name{overflow:hidden;color:#f4f2ec;font-size:14px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.brand-signature{flex:0 0 auto;padding-left:13px;border-left:1px solid #46463f;color:#9b9a92;font-size:11px;font-weight:600;text-transform:uppercase;white-space:nowrap}.header-actions{gap:8px}.quiet-button,.primary-button,.restart-button,.category-filter button{min-height:36px;border:1px solid #3a3a35;border-radius:5px;padding:0 13px;background:transparent;color:#deddd7;cursor:pointer}.quiet-button:hover,.restart-button:hover,.category-filter button:hover{border-color:#76766e;background:#1e1e1b}.primary-button{border-color:#f1eee5;background:#f1eee5;color:#11110f;font-weight:700}button:disabled{opacity:.42;cursor:not-allowed}.export-dialog[hidden]{display:none}.export-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#000000c2}.export-panel{display:grid;width:min(420px,100%);gap:18px;padding:22px;border:1px solid #4a4a44;border-radius:6px;background:#161613;box-shadow:0 24px 70px #0000008c}.export-heading{display:grid;gap:7px}.export-heading strong{font-size:20px;font-weight:650}.export-panel progress{width:100%;height:7px;border:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#34342f}.export-panel progress::-webkit-progress-bar{background:#34342f}.export-panel progress::-webkit-progress-value{background:#d7ff2f}.export-panel progress::-moz-progress-bar{background:#d7ff2f}.export-status{display:flex;min-width:0;justify-content:space-between;gap:16px;color:#aaa9a1;font-size:12px}#export-status-text{min-width:0;overflow-wrap:anywhere}#export-progress-text{flex:0 0 auto;color:#efeee8;font-variant-numeric:tabular-nums}.export-cancel{justify-self:end}.export-render-stage{position:fixed;top:0;left:-10000px;z-index:-1;width:1920px;height:1080px;overflow:hidden;opacity:.001;pointer-events:none}.export-render-stage motion-canvas-player{display:block;width:1920px;height:1080px}body.is-exporting{overflow:hidden}.studio-shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:calc(100vh - 68px)}.control-panel{position:sticky;top:68px;align-self:start;display:grid;max-height:calc(100vh - 68px);grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 10px;overflow-y:auto;padding:25px 19px 28px;border-right:1px solid #32322e;background:#161613}.panel-heading,.field-wide,.restart-button,.panel-note{grid-column:1 / -1}.panel-heading{display:grid;gap:6px;margin-bottom:4px}.panel-heading strong{font-size:18px;font-weight:650}.field{display:grid;min-width:0;gap:7px;color:#aaa9a1;font-size:12px}.field>span{display:flex;justify-content:space-between;gap:8px}.field input,.field select,.field textarea{width:100%;min-width:0;border:1px solid #3a3a35;border-radius:4px;outline:none;background:#0f0f0d;color:#efeee8}.field select,.field textarea{min-height:40px;padding:9px 10px}.field textarea{resize:vertical;line-height:1.42}.field input:focus,.field select:focus,.field textarea:focus{border-color:#f2f0e8;box-shadow:0 0 0 2px #f2f0e81f}.color-grid{display:contents}.color-field input[type=color]{height:38px;padding:3px;cursor:pointer}.color-field input[type=color]:disabled{opacity:.35;cursor:not-allowed}.transparent-field{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 10px;border:1px solid #3a3a35;border-radius:4px;background:#0f0f0d;color:#aaa9a1;font-size:12px;cursor:pointer}.transparent-field>span:first-child{display:flex;align-items:center;gap:7px}.transparent-field small{color:#d7ff2f;font-size:9px;font-weight:700;letter-spacing:.12em}.toggle-control{position:relative;width:34px;height:18px;flex:0 0 auto}.toggle-control input{position:absolute;width:1px;height:1px;opacity:0}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;background:#4b4b46;transition:background .16s ease}.toggle-track:after{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#deddd7;content:"";transition:transform .16s ease}.toggle-control input:focus-visible+.toggle-track{outline:2px solid #f2f0e8;outline-offset:2px}.toggle-control input:checked+.toggle-track{background:#d7ff2f}.toggle-control input:checked+.toggle-track:after{background:#11110f;transform:translate(16px)}.range-field output{color:#efeee8;font-variant-numeric:tabular-nums}.range-field input{height:20px;accent-color:#d7ff2f}.restart-button{margin-top:3px}.panel-note{margin:0;color:#7c7b73;font-size:11px;line-height:1.55}.workspace{min-width:0;padding:22px clamp(16px,2.5vw,36px) 54px}.preview-toolbar{justify-content:space-between;gap:16px;margin-bottom:12px}.preview-toolbar>div{display:grid;gap:4px;min-width:0}.preview-toolbar strong{overflow:hidden;color:#f3f1ea;font-size:16px;text-overflow:ellipsis;white-space:nowrap}#preview-meta{color:#83827b;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.08em;white-space:nowrap}.preview-stage{display:grid;width:100%;max-height:72vh;aspect-ratio:var(--stage-ratio, 16 / 9);place-items:center;overflow:hidden;border:1px solid #393934;border-radius:6px;box-shadow:0 26px 70px #00000057}.preview-stage.is-transparent{background-color:#171715;background-image:linear-gradient(45deg,#2b2b27 25%,transparent 25%),linear-gradient(-45deg,#2b2b27 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2b2b27 75%),linear-gradient(-45deg,transparent 75%,#2b2b27 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.preview-stage motion-canvas-player{display:block;width:100%;max-width:100%;max-height:72vh;aspect-ratio:var(--stage-ratio, 16 / 9)}.library-heading{justify-content:space-between;gap:22px;margin:38px 0 16px}.library-heading>div:first-child{display:grid;gap:5px}.library-heading h1{margin:0;color:#f2f0e9;font-size:22px;font-weight:650;letter-spacing:0}.category-filter{flex-wrap:wrap;justify-content:flex-end;gap:4px}.category-filter button{min-height:32px;padding:0 11px;border-color:transparent;color:#92918a;font-size:12px}.category-filter button[aria-pressed=true]{border-color:#5a5952;background:#262622;color:#f1efe8}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.template-card{display:grid;min-width:0;overflow:hidden;border:1px solid #30302c;border-radius:6px;padding:0;background:#181815;color:#f1f0e9;text-align:left;cursor:pointer;transition:border-color .16s ease,transform .16s ease}.template-card:hover{border-color:#6f6e66;transform:translateY(-2px)}.template-card.is-selected{border-color:#f0eee6;box-shadow:0 0 0 1px #f0eee6}.thumb-scene{position:relative;display:grid;aspect-ratio:16 / 9;place-items:center;overflow:hidden;isolation:isolate;background:#0b0b0b}.thumb-text,.thumb-scan{position:absolute;display:block}.thumb-text{max-width:92%;overflow:hidden;color:#f5f5f0;font-family:Arial,PingFang SC,sans-serif;font-size:clamp(15px,2vw,30px);font-weight:900;line-height:1;letter-spacing:0;text-align:center;text-overflow:clip;white-space:nowrap}.thumb-text-b,.thumb-text-c,.thumb-scan{opacity:0}.card-copy{display:grid;gap:5px;min-width:0;padding:12px 13px 14px}.card-copy span{overflow:hidden;font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.card-copy b{margin-right:7px;color:#d7ff2f;font-size:10px}.card-copy small{overflow:hidden;color:#85847c;font-size:11px;font-weight:450;text-overflow:ellipsis;white-space:nowrap}.thumb-scene[data-template=blur-lock] .thumb-text-a{animation:thumb-blur-lock 3.3s cubic-bezier(.16,1,.3,1) infinite}.thumb-scene[data-template=blur-lock] .thumb-text-c{color:#d7ff2f;animation:thumb-blur-echo 3.3s cubic-bezier(.16,1,.3,1) infinite}.thumb-scene[data-template=scan-reveal] .thumb-text-a{animation:thumb-scan-text 3.4s cubic-bezier(.2,.8,.2,1) infinite}.thumb-scene[data-template=scan-reveal] .thumb-scan{top:20%;bottom:20%;width:5%;background:#d7ff2f;filter:blur(4px);animation:thumb-scan-band 3.4s ease-in-out infinite}.thumb-scene[data-template=glyph-assembly] .thumb-text-a{animation:thumb-assemble 3.7s cubic-bezier(.2,.9,.2,1) infinite}.thumb-scene[data-template=word-cascade] .thumb-text-a{max-width:88%;font-size:clamp(11px,1.35vw,20px);animation:thumb-cascade 3.8s cubic-bezier(.2,.9,.2,1) infinite}.thumb-scene[data-template=word-cascade] .thumb-text-c{color:#d7ff2f;animation:thumb-cascade-echo 3.8s cubic-bezier(.2,.9,.2,1) infinite}.thumb-scene[data-template=slot-replace] .thumb-text-a,.thumb-scene[data-template=slot-replace] .thumb-text-b{animation:thumb-slot-old 3.8s cubic-bezier(.2,.8,.2,1) infinite}.thumb-scene[data-template=slot-replace] .thumb-text-b{color:#d7ff2f;animation-name:thumb-slot-new}.thumb-scene[data-template=baseline-rewrite] .thumb-text{font-size:clamp(12px,1.45vw,22px)}.thumb-scene[data-template=baseline-rewrite] .thumb-text-a{animation:thumb-rewrite-old 4s cubic-bezier(.2,.8,.2,1) infinite}.thumb-scene[data-template=baseline-rewrite] .thumb-text-b{color:#ff4f52;animation:thumb-rewrite-new 4s cubic-bezier(.2,.8,.2,1) infinite}.thumb-scene[data-template=numeric-inflate] .thumb-text{font-size:clamp(32px,4vw,60px)}.thumb-scene[data-template=numeric-inflate] .thumb-text-a{animation:thumb-number-old 3.6s cubic-bezier(.2,.8,.2,1) infinite}.thumb-scene[data-template=numeric-inflate] .thumb-text-b{animation:thumb-number-new 3.6s cubic-bezier(.16,1,.3,1) infinite}.thumb-scene[data-template=width-morph] .thumb-text-a{animation:thumb-width 3.7s cubic-bezier(.16,1,.3,1) infinite}.thumb-scene[data-template=directional-split] .thumb-text-a{clip-path:inset(0 0 50% 0);animation:thumb-split-top 3.6s cubic-bezier(.4,0,.9,.4) infinite}.thumb-scene[data-template=directional-split] .thumb-text-c{clip-path:inset(50% 0 0 0);animation:thumb-split-bottom 3.6s cubic-bezier(.4,0,.9,.4) infinite}.thumb-scene[data-template=echo-focus] .thumb-text-a{animation:thumb-focus 3.8s cubic-bezier(.16,1,.3,1) infinite}.thumb-scene[data-template=echo-focus] .thumb-text-c{color:#d7ff2f;animation:thumb-focus-echo 3.8s cubic-bezier(.16,1,.3,1) infinite}.thumb-scene[data-template=pixel-dissolve] .thumb-text-a{animation:thumb-dissolve 3.6s steps(12,end) infinite}.thumb-scene[data-template=pixel-dissolve] .thumb-text-c{color:#ff5b45;clip-path:inset(43% 0 38% 0);animation:thumb-dissolve-strip 3.6s steps(8,end) infinite}.thumb-scene[data-template=flash-invert]{animation:thumb-invert-bg 3.4s steps(1,end) infinite}.thumb-scene[data-template=flash-invert] .thumb-text-a{animation:thumb-invert-old 3.4s cubic-bezier(.2,.8,.2,1) infinite}.thumb-scene[data-template=flash-invert] .thumb-text-b{color:#0b0b0b;animation:thumb-invert-new 3.4s cubic-bezier(.16,1,.3,1) infinite}.thumb-scene[data-template=kerning-magnet] .thumb-text-a{animation:thumb-magnet 3.7s cubic-bezier(.16,1,.3,1) infinite}.thumb-scene[data-template=axis-crush] .thumb-text-a{animation:thumb-axis 3.5s cubic-bezier(.16,1,.3,1) infinite}.thumb-scene[data-template=axis-crush] .thumb-text-c,.thumb-scene[data-template=compression-burst] .thumb-text-c{color:transparent;-webkit-text-stroke:1px #d7ff2f;animation:thumb-axis-outline 3.5s cubic-bezier(.16,1,.3,1) infinite}.thumb-scene[data-template=glyph-flip] .thumb-text-a{animation:thumb-flip 3.8s cubic-bezier(.16,1,.3,1) infinite}.thumb-scene[data-template=outline-flood] .thumb-text-a{color:transparent;-webkit-text-stroke:1px #d7ff2f;animation:thumb-outline 3.7s cubic-bezier(.2,.8,.2,1) infinite}.thumb-scene[data-template=outline-flood] .thumb-text-b{animation:thumb-flood 3.7s cubic-bezier(.2,.8,.2,1) infinite}.thumb-scene[data-template=character-relay] .thumb-text-a{animation:thumb-relay 3.9s cubic-bezier(.16,1,.3,1) infinite}.thumb-scene[data-template=character-relay] .thumb-text-c{color:#ff5b45;clip-path:inset(0 58% 0 28%);animation:thumb-relay-accent 3.9s ease-in-out infinite}.thumb-scene[data-template=center-aperture] .thumb-text-a{clip-path:inset(0 0 50% 0);animation:thumb-aperture-top 3.6s cubic-bezier(.16,1,.3,1) infinite}.thumb-scene[data-template=center-aperture] .thumb-text-c{clip-path:inset(50% 0 0 0);animation:thumb-aperture-bottom 3.6s cubic-bezier(.16,1,.3,1) infinite}.thumb-scene[data-template=tracking-wave] .thumb-text-a{animation:thumb-wave 4s cubic-bezier(.16,1,.3,1) infinite}.thumb-scene[data-template=tracking-wave] .thumb-text-c{color:#d7ff2f;clip-path:inset(0 35% 0 43%);animation:thumb-wave-accent 4s ease-in-out infinite}.thumb-scene[data-template=terminal-flip] .thumb-text-a{animation:thumb-terminal-old 3.8s cubic-bezier(.2,.8,.2,1) infinite}.thumb-scene[data-template=terminal-flip] .thumb-text-b{color:#ff5b45;animation:thumb-terminal-new 3.8s cubic-bezier(.16,1,.3,1) infinite}.thumb-scene[data-template=compression-burst] .thumb-text-a{animation:thumb-compress 3.5s cubic-bezier(.2,.8,.2,1) infinite}.thumb-scene[data-template=phase-shear] .thumb-text-a{clip-path:polygon(0 0,52% 0,44% 100%,0 100%);animation:thumb-phase-left 3.8s cubic-bezier(.16,1,.3,1) infinite}.thumb-scene[data-template=phase-shear] .thumb-text-c{clip-path:polygon(52% 0,100% 0,100% 100%,44% 100%);animation:thumb-phase-right 3.8s cubic-bezier(.16,1,.3,1) infinite}@keyframes thumb-blur-lock{0%,10%{opacity:0;filter:blur(12px);transform:translate(-38%) scaleX(2)}36%,76%{opacity:1;filter:blur(0);transform:translate(0) scaleX(1)}to{opacity:0;filter:blur(10px);transform:translate(45%) scaleX(1.7)}}@keyframes thumb-blur-echo{0%,15%{opacity:0;filter:blur(10px);transform:translate(48%) scaleX(2.2)}34%{opacity:.2;transform:translate(0) scaleX(1)}52%,to{opacity:0;filter:blur(3px);transform:translate(-6%)}}@keyframes thumb-scan-text{0%,12%{clip-path:inset(0 100% 0 0);filter:blur(10px);transform:scaleX(1.6)}44%,78%{clip-path:inset(0);filter:blur(0);transform:scaleX(1)}to{clip-path:inset(0 0 0 100%);filter:blur(8px)}}@keyframes thumb-scan-band{0%,10%{left:-12%;opacity:0}18%{opacity:1}48%{left:106%;opacity:1}58%,to{left:106%;opacity:0}}@keyframes thumb-assemble{0%,10%{opacity:0;filter:blur(11px);transform:translateY(70%) rotate(4deg) scaleX(.35)}40%,76%{opacity:1;filter:blur(0);transform:translateY(0) rotate(0) scaleX(1)}to{opacity:0;filter:blur(7px);transform:translateY(-75%) scaleX(1.6)}}@keyframes thumb-cascade{0%,13%{opacity:0;filter:blur(9px);transform:translateY(80%) scaleX(1.6)}39%,76%{opacity:1;filter:blur(0);transform:translateY(0) scaleX(1)}to{opacity:0;transform:translate(55%)}}@keyframes thumb-cascade-echo{0%,18%{opacity:0;transform:translateY(130%)}34%{opacity:.32;transform:translateY(14%)}45%,to{opacity:0;transform:translateY(0)}}@keyframes thumb-slot-old{0%,15%{opacity:0;filter:blur(8px);transform:translateY(35%)}34%,52%{opacity:1;filter:blur(0);transform:translateY(0)}70%,to{opacity:0;filter:blur(5px);transform:translateY(-110%)}}@keyframes thumb-slot-new{0%,45%{opacity:0;filter:blur(6px);transform:translateY(110%) scaleX(1.5)}68%,84%{opacity:1;filter:blur(0);transform:translateY(0) scaleX(1)}to{opacity:0;transform:translateY(-70%)}}@keyframes thumb-rewrite-old{0%,12%{opacity:0;filter:blur(8px);transform:translate(-25%) scaleX(1.5)}34%,52%{opacity:1;filter:blur(0);transform:translate(0) scaleX(1)}68%,to{opacity:0;filter:blur(7px);transform:translateY(-80%) scaleX(1.5)}}@keyframes thumb-rewrite-new{0%,48%{opacity:0;filter:blur(7px);transform:translateY(80%) scaleX(1.6)}70%,86%{opacity:1;filter:blur(0);transform:translateY(0) scaleX(1)}to{opacity:0;transform:translate(38%)}}@keyframes thumb-number-old{0%,10%{opacity:0;filter:blur(10px);transform:scale(.2,1.7)}30%,44%{opacity:1;filter:blur(0);transform:scale(1)}58%,to{opacity:0;transform:scale(.08,2)}}@keyframes thumb-number-new{0%,46%{opacity:0;filter:blur(9px);transform:scale(2,.08)}68%{opacity:1;filter:blur(0);transform:scale(.86,1.16)}78%,88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.7,.05)}}@keyframes thumb-width{0%,10%{opacity:0;filter:blur(9px);transform:scaleX(.12)}34%{opacity:1;filter:blur(0);transform:scaleX(1.8)}52%,78%{opacity:1;transform:scaleX(1)}to{opacity:0;filter:blur(7px);transform:scaleX(.06)}}@keyframes thumb-split-top{0%,13%{opacity:0;filter:blur(8px);transform:scaleX(1.6)}36%,70%{opacity:1;filter:blur(0);transform:translate(0) scaleX(1)}to{opacity:0;filter:blur(6px);transform:translate(-90%) scaleX(1.6)}}@keyframes thumb-split-bottom{0%,13%{opacity:0;filter:blur(8px);transform:scaleX(1.6)}36%,70%{opacity:1;filter:blur(0);transform:translate(0) scaleX(1)}to{opacity:0;filter:blur(6px);transform:translate(90%) scaleX(1.6)}}@keyframes thumb-focus{0%,24%{opacity:0;filter:blur(9px);transform:scaleX(.65)}48%,78%{opacity:1;filter:blur(0);transform:scaleX(1)}to{opacity:0;filter:blur(8px);transform:scaleX(1.8)}}@keyframes thumb-focus-echo{0%,8%{opacity:0;filter:blur(12px);transform:translate(-80%) scaleX(2)}38%{opacity:.3;transform:translate(0) scaleX(1)}58%{opacity:0;transform:translate(4%)}80%{opacity:.18;transform:translate(0)}to{opacity:0;transform:translate(90%) scaleX(2)}}@keyframes thumb-dissolve{0%,12%{opacity:0;filter:blur(8px);transform:translateY(30%)}36%,70%{opacity:1;filter:blur(0);transform:translateY(0);clip-path:inset(0)}76%{clip-path:inset(0 0 18% 0);transform:translate(4%)}82%{clip-path:inset(20% 0 38% 0);transform:translate(-8%) scaleX(1.2)}90%{clip-path:inset(45% 0 25% 0);transform:translate(18%)}to{opacity:0;clip-path:inset(70% 0 22% 0);transform:translate(45%)}}@keyframes thumb-dissolve-strip{0%,68%{opacity:0;transform:translate(0)}76%{opacity:.8;transform:translate(-12%)}84%{opacity:.65;transform:translate(22%) scaleX(1.5)}to{opacity:0;transform:translate(-48%)}}@keyframes thumb-invert-bg{0%,48%{background:#0b0b0b}49%,86%{background:#f5f5f0}87%,to{background:#0b0b0b}}@keyframes thumb-invert-old{0%,12%{opacity:0;filter:blur(9px);transform:scaleX(1.6)}34%,48%{opacity:1;filter:blur(0);transform:scaleX(1)}56%,to{opacity:0;transform:scale(2,.08)}}@keyframes thumb-invert-new{0%,49%{opacity:0;filter:blur(9px);transform:scale(.3,1.5)}68%,84%{opacity:1;filter:blur(0);transform:scale(1)}to{opacity:0;filter:blur(7px);transform:scaleX(1.6)}}@keyframes thumb-magnet{0%,10%{opacity:0;filter:blur(10px);letter-spacing:1em;transform:scaleX(.6)}40%,78%{opacity:1;filter:blur(0);letter-spacing:0;transform:scaleX(1)}to{opacity:0;filter:blur(7px);letter-spacing:-.2em;transform:scaleX(.08)}}@keyframes thumb-axis{0%,12%{opacity:0;filter:blur(10px);transform:scale(1.7,.03)}38%{opacity:1;filter:blur(0);transform:scale(.92,1.15)}50%,80%{opacity:1;transform:scale(1)}to{opacity:0;filter:blur(8px);transform:scale(1.8,.03)}}@keyframes thumb-axis-outline{0%,15%{opacity:0;transform:scale(1.8,.03)}38%{opacity:.8;transform:scale(1.18)}58%,78%{opacity:0;transform:scale(1.3)}86%{opacity:.55;transform:scaleX(.06)}to{opacity:0;transform:scaleX(2)}}@keyframes thumb-flip{0%,12%{opacity:0;filter:blur(9px);transform:translateY(70%) scale(1.5,-.05) rotate(7deg)}42%,78%{opacity:1;filter:blur(0);transform:translateY(0) scale(1) rotate(0)}to{opacity:0;filter:blur(7px);transform:translateY(-65%) scale(1.5,-.04)}}@keyframes thumb-outline{0%,10%{opacity:0;filter:blur(8px);transform:scaleX(1.6)}30%{opacity:1;filter:blur(0);transform:scaleX(1)}58%,to{opacity:0;transform:scaleX(1.08)}}@keyframes thumb-flood{0%,24%{opacity:0;clip-path:inset(100% 0 0 0);transform:scaleX(1.3)}54%,80%{opacity:1;clip-path:inset(0);transform:scaleX(1)}to{opacity:0;clip-path:inset(0 0 100% 0);transform:scaleX(1.6)}}@keyframes thumb-relay{0%,12%{opacity:0;filter:blur(9px);transform:translate(-24%) scaleX(.4)}38%,80%{opacity:1;filter:blur(0);transform:translate(0) scaleX(1)}to{opacity:0;filter:blur(7px);transform:translate(28%) scaleX(.4)}}@keyframes thumb-relay-accent{0%,36%{opacity:0;transform:translate(-130%)}48%{opacity:1;transform:translate(-45%) translateY(-8%)}67%{opacity:1;transform:translate(135%) translateY(-8%)}76%,to{opacity:0;transform:translate(170%)}}@keyframes thumb-aperture-top{0%,12%{opacity:0;filter:blur(9px);transform:translate(-70%) scaleX(1.6)}40%,78%{opacity:1;filter:blur(0);transform:translate(0) scaleX(1)}to{opacity:0;filter:blur(7px);transform:translate(80%) scaleX(1.6)}}@keyframes thumb-aperture-bottom{0%,12%{opacity:0;filter:blur(9px);transform:translate(70%) scaleX(1.6)}40%,78%{opacity:1;filter:blur(0);transform:translate(0) scaleX(1)}to{opacity:0;filter:blur(7px);transform:translate(-80%) scaleX(1.6)}}@keyframes thumb-wave{0%,12%{opacity:0;filter:blur(8px);letter-spacing:.7em;transform:translateY(25%) scaleY(.2)}38%,80%{opacity:1;filter:blur(0);letter-spacing:0;transform:translateY(0) scaleY(1)}to{opacity:0;filter:blur(7px);transform:translateY(-35%) scaleY(.08)}}@keyframes thumb-wave-accent{0%,38%{opacity:0;transform:translate(-160%)}49%{opacity:1;transform:translate(-50%) translateY(-12%) scaleY(1.3)}68%{opacity:1;transform:translate(145%) translateY(-12%) scaleY(1.3)}78%,to{opacity:0;transform:translate(180%)}}@keyframes thumb-terminal-old{0%,12%{opacity:0;filter:blur(8px);transform:scaleX(1.5)}34%,52%{opacity:1;filter:blur(0);transform:scale(1)}66%,to{opacity:0;transform:scale(1.5,-.04)}}@keyframes thumb-terminal-new{0%,50%{opacity:0;filter:blur(7px);transform:scale(1.5,-.04)}70%,86%{opacity:1;filter:blur(0);transform:scale(1)}to{opacity:0;transform:translateY(60%) scaleY(.05)}}@keyframes thumb-compress{0%,12%{opacity:0;filter:blur(8px);transform:scaleX(1.6)}38%,72%{opacity:1;filter:blur(0);transform:scaleX(1)}84%{opacity:1;transform:scaleX(.05)}to{opacity:0;filter:blur(9px);transform:scaleX(2.2)}}@keyframes thumb-phase-left{0%,12%{opacity:0;filter:blur(8px);transform:translateY(-65%) rotate(-2deg) scaleX(1.5)}42%,78%{opacity:1;filter:blur(0);transform:translateY(0) rotate(0) scaleX(1)}to{opacity:0;filter:blur(7px);transform:translateY(75%) rotate(3deg)}}@keyframes thumb-phase-right{0%,12%{opacity:0;filter:blur(8px);transform:translateY(65%) rotate(2deg) scaleX(1.5)}42%,78%{opacity:1;filter:blur(0);transform:translateY(0) rotate(0) scaleX(1)}to{opacity:0;filter:blur(7px);transform:translateY(-75%) rotate(-3deg)}}@media (max-width: 1120px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-shell{grid-template-columns:280px minmax(0,1fr)}}@media (max-width: 760px){.studio-header{position:static;min-height:62px;padding:10px 14px}.brand-index{display:none}.brand-signature{padding-left:10px}.studio-shell{display:block}.control-panel{position:static;max-height:none;grid-template-columns:repeat(3,minmax(0,1fr));padding:18px 14px 22px;border-right:0;border-bottom:1px solid #32322e}.workspace{padding:18px 14px 40px}.preview-stage,.preview-stage motion-canvas-player{max-height:none}.library-heading{align-items:flex-start;flex-direction:column;margin-top:30px}.category-filter{justify-content:flex-start}}@media (max-width: 520px){.brand-name{max-width:128px}.quiet-button{display:none}.template-grid{grid-template-columns:1fr}.preview-toolbar{align-items:flex-start;flex-direction:column;gap:8px}#preview-meta{white-space:normal}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}