@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800&display=swap";:root{font-family:Nunito,ui-sans-serif,system-ui,sans-serif;color:#1b2a4a;background:#f2f6fd;font-synthesis:none;--ink: #1b2a4a;--ink-soft: #4c5b7d;--paper: #f2f6fd;--line: #dbe4f3;--sun: #ffc93c;--sun-deep: #f0b429;--coral: #ff6b6b;--teal: #12b5a5;--sky: #4d96ff;--leaf: #7bc96f;--muted: #6f7b96;--border: #dbe4f3;--surface: #fff;--danger: #d94d58;--purple: #4d96ff;--purple-dark: #347fdf;--purple-soft: #eaf3ff;--shadow: 0 12px 32px rgba(27, 42, 74, .12)}*{box-sizing:border-box}html,body,#root{margin:0;min-width:1100px;min-height:100%}body{min-height:100vh;background:var(--paper)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{opacity:.4;cursor:not-allowed;transform:none!important}h1,h2,h3,.brand,.editor-brand{font-family:"Baloo 2",Nunito,sans-serif}.primary-button,.secondary-button,.ghost-button,.refresh-button{border:0;border-radius:10px;min-height:38px;padding:0 15px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease}.primary-button{background:var(--sun);color:var(--ink);box-shadow:0 2px 0 var(--sun-deep)}.primary-button:hover{background:var(--sun-deep);transform:translateY(-1px)}.secondary-button{background:#fff;color:var(--ink);border:1.5px solid var(--line)}.secondary-button:hover{border-color:var(--sky);transform:translateY(-1px)}.ghost-button{background:transparent}.ghost-button:hover{background:var(--paper)}.primary-button.large,.secondary-button.large{min-height:46px;padding:0 20px}.primary-button.full,.secondary-button.full{width:100%}.spin{animation:spin 1s linear infinite}@keyframes pop{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(8deg)}}@keyframes drift{0%,to{transform:translate(0)}45%{transform:translate(20px,-12px)}70%{transform:translate(30px,-16px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.login-page{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:32px;background:linear-gradient(145deg,#eef6ff,#fff8e6 52%,#e7faf7)}.login-orb{position:absolute;border-radius:999px;filter:blur(2px);opacity:.55;animation:drift 9s ease-in-out infinite}.login-orb-one{width:330px;height:330px;top:-110px;left:-80px;background:#b9d9ff}.login-orb-two{width:280px;height:280px;right:-55px;bottom:-80px;background:#b9eee6;animation-delay:-3s}.login-card{position:relative;z-index:1;width:min(430px,calc(100vw - 48px));padding:27px 42px 23px;border:1px solid rgba(219,228,243,.95);border-radius:28px;background:#fffffff0;box-shadow:0 28px 80px #1b2a4a29;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:pop .35s ease-out}.login-brand{display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:18px;color:var(--ink);font-family:"Baloo 2",sans-serif;font-size:29px;font-weight:800}.login-brand svg{color:var(--sun-deep)}.login-lock{width:54px;height:54px;margin:0 auto 11px;display:grid;place-items:center;border-radius:17px;color:#fff;background:var(--teal);box-shadow:0 10px 24px #12b5a53d}.login-eyebrow{margin:0 0 6px;color:var(--teal);text-align:center;font-size:11px;font-weight:900;letter-spacing:.16em}.login-card h1{margin:0;text-align:center;font-size:35px;line-height:1.08}.login-copy{margin:6px auto 16px;max-width:34ch;color:var(--ink-soft);text-align:center;font-size:14px;font-weight:700;line-height:1.45}.login-card form{display:grid;gap:8px}.login-card label{margin-top:4px;color:var(--ink);font-size:12px;font-weight:900}.login-card input{width:100%;min-height:44px;padding:0 14px;border:1.5px solid var(--line);border-radius:12px;outline:none;color:var(--ink);background:#f9fbff;font-weight:700;transition:border-color .14s ease,box-shadow .14s ease}.login-card input:focus{border-color:var(--sky);box-shadow:0 0 0 4px #4d96ff1f}.login-error{margin-top:5px;padding:10px 12px;border:1px solid #ffc7cb;border-radius:10px;color:#b9343f;background:#fff2f3;font-size:12px;font-weight:800}.login-submit{min-height:47px;margin-top:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;color:#fff;background:var(--ink);box-shadow:0 4px #0e1930;font-weight:900;cursor:pointer}.login-submit:hover{background:#263a63;transform:translateY(-1px)}.login-security{margin:15px 0 0;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--muted);font-size:11px;font-weight:700}.login-spinner{animation:spin 1s linear infinite}.auth-logout{position:fixed;z-index:1000;right:16px;bottom:16px;min-height:36px;padding:0 13px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);background:#fffffff0;box-shadow:0 5px 18px #1b2a4a1f;font-size:11px;font-weight:900;cursor:pointer}.auth-logout:hover{color:var(--danger);border-color:#ffc7cb}.dashboard{position:relative;min-height:100vh;overflow:hidden;background:var(--paper)}.dash-wrap{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:42px 30px 70px}.dash-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:30px}.brand{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:30px;font-weight:800;letter-spacing:-.02em;text-decoration:none}.brand-star{color:var(--sun-deep)}.status-pill{border-radius:999px;border:1.5px solid var(--line);background:#ffffffe6;padding:5px 12px;font-size:11px;font-weight:800;color:var(--ink-soft)}.dashboard-intro h1{margin:0 0 8px;font-size:clamp(34px,4.4vw,50px);line-height:1.02;letter-spacing:-.025em}.dashboard-intro h1 em{color:var(--teal);font-style:normal}.dashboard-intro p{max-width:50ch;margin:0 0 26px;color:var(--ink-soft);font-size:15px;font-weight:700;line-height:1.55}.ambient-glow{position:fixed;border-radius:50%;filter:blur(70px);pointer-events:none}.glow-sun{width:340px;height:340px;left:-90px;top:-90px;background:#ffc93c38}.glow-teal{width:380px;height:380px;right:-110px;top:160px;background:#12b5a529}.ambient-shape{position:fixed;pointer-events:none;opacity:.2;animation:float 8s ease-in-out infinite;font-size:64px;line-height:1}.ambient-star{left:8%;top:24%;color:var(--sun)}.ambient-heart{right:10%;top:60%;color:var(--coral);animation-delay:-3s}.create-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;margin-bottom:40px}.template-card,.blank-card{cursor:pointer;color:var(--ink);text-align:left}.template-card{grid-row:span 2;position:relative;overflow:hidden;border:2px solid transparent;border-radius:16px;padding:22px;background:linear-gradient(150deg,#fff6dc,#ffe9e9);box-shadow:0 6px 22px #1b2a4a14;transition:.18s ease}.template-card:hover{transform:translateY(-3px);border-color:var(--sun);box-shadow:0 14px 34px #1b2a4a24}.template-stage{position:relative;height:150px;overflow:hidden;border-radius:12px;background:#e8f4fd}.template-question{position:absolute;z-index:2;top:15px;left:0;right:0;text-align:center;font-family:"Baloo 2";font-size:17px;font-weight:800}.match-art{position:absolute;inset:10px 8px 0;width:calc(100% - 16px);height:calc(100% - 10px)}.match-art .flying-heart{animation:drift 3.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.template-card h2{margin:15px 0 3px;font-size:21px}.template-card p{margin:0;color:var(--ink-soft);font-size:12px;font-weight:800}.template-card p span{color:var(--coral)}.blank-card{display:flex;align-items:center;gap:14px;min-height:112px;border:2px dashed var(--line);border-radius:16px;padding:18px;background:#fff;transition:.18s ease}.blank-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #1b2a4a1a}.landscape-card:hover{border-color:var(--sky)}.vertical-card:hover{border-color:var(--teal)}.blank-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px}.blank-icon svg{width:20px}.landscape-card .blank-icon{background:#4d96ff24;color:var(--sky)}.vertical-card .blank-icon{background:#12b5a524;color:var(--teal)}.blank-card strong,.blank-card small{display:block}.blank-card strong{font-family:"Baloo 2";font-size:16px}.blank-card small{margin-top:2px;color:var(--ink-soft);font-size:11px;font-weight:800}.project-section{padding:0}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-heading h2{margin:0;font-size:20px}.refresh-button{min-height:32px;padding:0 8px;background:transparent;color:var(--ink-soft);font-size:12px}.refresh-button:hover{color:var(--sky);background:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{padding:14px;border:1.5px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 3px 12px #1b2a4a0d;animation:pop .4s both;transition:.18s ease}.project-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #1b2a4a1f}.project-thumbnail{position:relative;width:100%;height:116px;overflow:hidden;border:0;border-radius:11px;background:#e8f4fd;cursor:pointer}.project-thumbnail .match-art{inset:-2px 0 0;width:100%;height:100%}.aspect-pill{position:absolute;right:8px;bottom:8px;border-radius:999px;background:#ffffffe6;padding:3px 7px;color:var(--ink-soft);font-size:9px;font-weight:800}.project-card-content{padding:10px 1px 7px}.project-card-content h3{margin:0;font-size:16px}.project-card-content p{margin:2px 0 0;color:var(--ink-soft);font-size:10px;font-weight:700}.project-actions{display:flex;gap:7px}.project-actions button{min-height:32px;border:1.5px solid var(--line);border-radius:9px;background:#fff;cursor:pointer;font-weight:800}.project-actions .open-project{flex:1;background:var(--sun);border-color:var(--sun);box-shadow:0 2px 0 var(--sun-deep)}.project-actions button:not(.open-project){width:34px;display:grid;place-items:center;color:var(--ink-soft)}.project-actions button:hover{border-color:var(--sky)}.danger-icon:hover{color:var(--danger)!important;border-color:#ffc8cf!important;background:#fff2f3!important}.empty-card{min-height:245px;border:2px dashed var(--line);border-radius:16px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.empty-card h3{margin:12px 0 4px;font-size:21px}.empty-card p{margin:0 0 16px;color:var(--ink-soft)}.empty-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#12b5a51f;color:var(--teal)}.error-banner{margin:10px 0;padding:10px 13px;border:1px solid #ffd0d5;border-radius:10px;background:#fff1f2;color:#a33c47;font-size:12px}.onboarding{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 8% 8%,rgba(255,201,60,.13),transparent 24%),radial-gradient(circle at 92% 85%,rgba(18,181,165,.12),transparent 28%),#f5f8fd}.onboarding-glow{position:fixed;width:260px;height:260px;border-radius:50%;filter:blur(70px);pointer-events:none}.onboarding-glow-one{left:-80px;bottom:5%;background:#4d96ff21}.onboarding-glow-two{right:-80px;top:10%;background:#ff6b6b1f}.onboarding-header{position:relative;z-index:2;min-height:78px;padding:0 40px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(219,228,243,.85);background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.onboarding-header .brand{font-size:24px}.setup-exit{justify-self:end;color:var(--ink-soft);font-size:12px;font-weight:800;text-decoration:none}.setup-exit:hover{color:var(--sky)}.onboarding-progress{display:flex;align-items:center;gap:10px}.onboarding-progress b{width:54px;height:2px;border-radius:999px;background:var(--line)}.progress-step{display:flex;align-items:center;gap:7px;color:#98a2b7;font-size:11px;font-weight:800}.progress-step i{width:26px;height:26px;display:grid;place-items:center;border:1.5px solid var(--line);border-radius:50%;background:#fff;font-style:normal}.progress-step.active{color:var(--ink)}.progress-step.active i{border-color:var(--teal);background:var(--teal);color:#fff;box-shadow:0 4px 12px #12b5a53d}.onboarding-shell{position:relative;z-index:1;width:min(1120px,calc(100% - 64px));margin:38px auto 70px}.onboarding-title{max-width:760px;margin:0 auto 25px;text-align:center}.eyebrow{display:inline-flex;margin-bottom:6px;border-radius:999px;padding:5px 11px;background:#12b5a51c;color:#0d8f82;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.onboarding-title h1{margin:0;font-size:39px;line-height:1.08;letter-spacing:-.025em}.onboarding-title p{max-width:650px;margin:8px auto 0;color:var(--ink-soft);font-size:14px;font-weight:700;line-height:1.55}.selection-summary{min-height:58px;margin-bottom:18px;padding:10px 14px;display:flex;align-items:center;gap:18px;border:1.5px solid var(--line);border-radius:15px;background:#ffffffe0;box-shadow:0 5px 18px #1b2a4a0b}.selection-count{min-width:105px;display:flex;align-items:baseline;gap:5px}.selection-count strong{color:var(--teal);font-family:"Baloo 2";font-size:24px}.selection-count span{color:var(--ink-soft);font-size:10px;font-weight:800}.selected-chips{display:flex;flex-wrap:wrap;gap:8px}.selected-chips button{min-height:31px;padding:0 9px 0 11px;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;background:var(--paper);color:var(--ink);font-size:10px;font-weight:900;cursor:pointer}.selected-chips button:hover{background:#e7eef9}.selected-chips i{width:8px;height:8px;border-radius:50%}.selected-chips svg{width:12px;height:12px;color:var(--ink-soft)}.item-category-tabs{width:min(720px,100%);margin:0 auto 16px;padding:4px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;border:1.5px solid var(--line);border-radius:13px;background:#fff}.item-category-tabs button{min-width:0;min-height:38px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;background:transparent;color:var(--ink-soft);font-size:11px;font-weight:900;cursor:pointer}.item-category-tabs button.active{background:var(--ink);color:#fff;box-shadow:0 3px 9px #1b2a4a33}.item-category-tabs svg{width:17px;height:17px}.item-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.item-choice-card{position:relative;min-height:178px;padding:15px 15px 13px;overflow:hidden;border:2px solid transparent;border-radius:18px;background:#fff;box-shadow:0 5px 18px #1b2a4a11;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.item-choice-card:hover{transform:translateY(-3px);border-color:#4d96ff7a;box-shadow:0 14px 30px #1b2a4a1c}.item-choice-card.selected{border-color:var(--teal);box-shadow:0 7px 24px #12b5a526}.item-check,.pattern-check{position:absolute;z-index:2;top:11px;right:11px;width:25px;height:25px;display:grid;place-items:center;border:1.5px solid var(--line);border-radius:50%;background:#fff}.selected .item-check,.selected .pattern-check{border-color:var(--teal);background:var(--teal);color:#fff}.item-check svg,.pattern-check svg{width:14px;height:14px;stroke-width:3}.item-preview{height:105px;margin-bottom:7px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#eef7ff,#fff8e7)}.item-preview img{width:132px;height:96px;object-fit:contain;filter:drop-shadow(0 6px 7px rgba(27,42,74,.13))}.item-choice-card strong,.item-choice-card small{display:block;text-align:left}.item-choice-card strong{font-family:"Baloo 2";font-size:16px}.item-choice-card small{margin-top:1px;color:var(--ink-soft);font-size:9px;font-weight:800}.item-choice-card.selected small{color:var(--teal)}.project-title-field{width:min(650px,100%);margin:0 auto 20px;display:flex;align-items:center;gap:12px}.project-title-field span{flex:0 0 auto;color:var(--ink-soft);font-size:11px;font-weight:900}.project-title-field input{width:100%;height:43px;padding:0 13px;border:1.5px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font-weight:800}.project-title-field input:focus{outline:3px solid rgba(77,150,255,.12);border-color:var(--sky)}.pattern-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.pattern-choice-card{position:relative;min-height:305px;padding:18px;border:2px solid transparent;border-radius:19px;background:#fff;box-shadow:0 6px 20px #1b2a4a12;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.pattern-choice-card:hover{transform:translateY(-4px);border-color:#4d96ff73;box-shadow:0 15px 32px #1b2a4a1f}.pattern-choice-card.selected{border-color:var(--teal);box-shadow:0 8px 25px #12b5a526}.pattern-visual{position:relative;height:112px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:23px;overflow:hidden;border-radius:13px;background:linear-gradient(145deg,#e9f6ff,#fff5dc)}.pattern-visual>svg{position:absolute;left:20px;top:16px;width:19px;color:var(--teal)}.pattern-visual i{width:36px;height:36px;border-radius:50%;background:var(--coral);box-shadow:0 5px 8px #1b2a4a1f}.pattern-visual i:nth-of-type(2){background:var(--sky)}.pattern-visual i:nth-of-type(3){background:var(--sun)}.pattern-single-match i:first-of-type{border-radius:11px 11px 50% 50%}.pattern-try-until-correct:after{content:"×  ×  ✓";position:absolute;bottom:8px;color:var(--ink-soft);font-size:15px;font-weight:900;letter-spacing:21px;transform:translate(11px)}.pattern-connect-lines i{border-radius:9px}.pattern-connect-lines:after{content:"";position:absolute;left:72px;right:72px;top:55px;border-top:3px dashed var(--teal);transform:rotate(-7deg)}.pattern-picture-equation i{display:none}.pattern-picture-equation:after{content:"🔥  +  🚚  =  ?";color:var(--ink);font-family:"Baloo 2";font-size:30px;font-weight:900;letter-spacing:2px}.pattern-card-picture-equation{grid-column:2}.pattern-choice-card>strong{display:block;font-family:"Baloo 2";font-size:19px}.pattern-choice-card>p{min-height:65px;margin:5px 0 10px;color:var(--ink-soft);font-size:11px;font-weight:700;line-height:1.5}.pattern-choice-card>small{color:var(--teal);font-size:9px;font-weight:900}.build-summary{margin-top:15px;padding:13px 16px;display:grid;grid-template-columns:1fr 1.4fr;gap:20px;border:1.5px solid var(--line);border-radius:14px;background:#ffffffdb}.build-summary div{display:flex;flex-direction:column;gap:2px}.build-summary span{color:var(--ink-soft);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.build-summary strong{font-size:11px}.setup-error{margin:13px 0 0;padding:9px 12px;border:1px solid #ffd0d5;border-radius:10px;background:#fff1f2;color:#a33c47;font-size:11px;font-weight:800}.onboarding-actions{margin-top:22px;display:flex;align-items:center;justify-content:space-between}.setup-cancel,.setup-next{min-height:46px;padding:0 18px}.setup-cancel svg,.setup-next svg{width:17px}.setup-next{min-width:220px}.template-tile-compact{margin-top:9px;background:#fff}.editor-shell{height:100vh;display:grid;grid-template-rows:56px minmax(0,1fr) 104px 224px;overflow:hidden;background:var(--paper)}.editor-toolbar{position:relative;z-index:20;height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ink);color:#fff;box-shadow:0 4px 18px #1b2a4a40}.toolbar-left,.toolbar-centre,.toolbar-right{display:flex;align-items:center;gap:8px;min-width:0}.toolbar-left{width:42%}.toolbar-centre{position:absolute;left:50%;transform:translate(-50%);gap:13px}.toolbar-right{width:37%;justify-content:flex-end}.editor-brand{display:flex;align-items:center;gap:6px;color:var(--sun);font-size:21px;font-weight:800;text-decoration:none;white-space:nowrap}.project-name-input{width:200px;border:0;border-radius:9px;padding:7px 11px;outline:none;background:#ffffff1a;color:#fff;font-family:"Baloo 2";font-size:14px;font-weight:700}.project-name-input:focus{background:#fff3}.toolbar-divider{width:1px;height:24px;background:#ffffff2e}.toolbar-icon{width:31px;height:31px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#ffffffb8;cursor:pointer}.toolbar-icon:hover{background:#ffffff1a;color:#fff}.zoom-box{display:flex;align-items:center;gap:2px;border-radius:9px;padding:3px 6px;background:#ffffff1a}.zoom-box button{width:23px;height:23px;display:grid;place-items:center;border:0;background:transparent;color:#ffffffbf;cursor:pointer}.zoom-box span{width:42px;text-align:center;font-size:11px;font-weight:800}.play-button{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:50%;padding:0;background:var(--sun);color:var(--ink);box-shadow:0 4px 14px #ffc93c80;cursor:pointer;transition:.12s}.play-button:hover{transform:scale(1.07)}.time-code{font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:700;white-space:nowrap}.time-code i{color:#fff6;font-style:normal}.save-state{display:flex;align-items:center;gap:7px;color:#ffffffb3;font-size:11px;font-weight:800;white-space:nowrap}.save-state i{width:9px;height:9px;border-radius:50%;background:var(--leaf)}.save-state.saving i,.save-state.dirty i{background:var(--sun);animation:pulse 1.2s infinite}.save-state.error i{background:var(--coral)}.compact-button{min-height:34px;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:9px;padding:0 12px;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.ai-button{background:var(--teal);box-shadow:0 2px #0e9385}.export-button{background:var(--coral);box-shadow:0 2px #e0524f}.editor-main{min-height:0;display:grid;grid-template-columns:318px minmax(380px,1fr) 304px}.tool-sidebar{min-height:0;display:grid;grid-template-columns:74px 244px;background:#fff;border-right:1.5px solid var(--line)}.tool-rail{min-height:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0;background:var(--ink)}.tool-rail button{width:52px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:13px;background:transparent;color:#ffffff9e;font-size:9px;font-weight:800;cursor:pointer;transition:.14s}.tool-rail button svg{width:18px;height:18px}.tool-rail button:hover{color:#fff;background:#ffffff14}.tool-rail button.active{color:var(--ink);background:var(--sun)}.tool-panel{min-height:0;overflow:hidden;background:#fff}.tool-content{height:100%;overflow-y:auto;padding:14px}.tool-content h3{margin:0 0 12px;font-size:16px}.shape-grid,.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.shape-grid button,.asset-grid button{min-height:76px;border:1.5px solid var(--line);border-radius:13px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:.14s}.shape-grid button:hover,.asset-grid button:hover{transform:translateY(-2px);border-color:var(--sun);box-shadow:0 6px 14px #1b2a4a1a}.shape-grid svg{width:35px;height:35px}.shape-grid button:nth-child(1) svg{color:var(--sky);fill:#4d96ff33}.shape-grid button:nth-child(2) svg{color:var(--teal);fill:#12b5a52e}.shape-grid button:nth-child(3) svg{color:var(--sun-deep);fill:var(--sun)}.shape-grid button:nth-child(5) svg{color:var(--coral);fill:var(--coral)}.shape-grid span,.asset-grid span{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800}.library-search{height:34px;margin-bottom:10px;padding:0 9px;display:flex;align-items:center;gap:6px;border:1.5px solid var(--line);border-radius:9px;background:#fff;color:var(--ink-soft)}.library-search:focus-within{border-color:var(--sky);box-shadow:0 0 0 3px #4d96ff1f}.library-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:10px;font-weight:700}.asset-library-folders{display:grid;gap:7px;margin-bottom:8px}.library-asset-grid{max-height:230px;overflow-y:auto;padding:1px}.library-asset-grid button{min-height:88px;padding:5px}.library-asset-grid button[draggable=true]{cursor:grab}.library-asset-grid button[draggable=true]:active{cursor:grabbing}.library-asset-grid img{width:58px;height:58px;object-fit:contain;pointer-events:none}.add-text{width:100%;min-height:58px;margin-bottom:9px;padding:10px 13px;border:1.5px solid var(--line);border-radius:13px;background:#fff;text-align:left;cursor:pointer}.add-text:hover{border-color:var(--sky);box-shadow:0 4px 12px #4d96ff1f}.add-text span{display:flex;flex-direction:column}.add-text strong{font-family:"Baloo 2";font-size:22px}.add-text:not(.hero-text) strong{font-size:17px}.add-text.body-text strong{font-family:Nunito;font-size:14px}.add-text small{color:var(--ink-soft);font-size:10px}.upload-drop{width:100%;min-height:138px;padding:18px 11px;border:2px dashed var(--line);border-radius:13px;background:#fff;color:var(--ink-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;cursor:pointer}.upload-drop:hover{border-color:var(--teal);background:#12b5a50d}.upload-drop strong{color:var(--ink);font-size:12px}.upload-drop small{font-size:9px;line-height:1.5}.inline-error{padding:7px;border-radius:7px;background:#fff1f3;color:var(--danger);font-size:10px}.muted-copy{color:var(--ink-soft);font-size:11px;line-height:1.5}.audio-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.audio-list>div{min-height:43px;display:flex;align-items:center;gap:7px;border:1.5px solid var(--line);border-radius:10px;padding:7px 8px}.audio-list span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.audio-list button{border:0;border-radius:7px;padding:4px 7px;background:#12b5a51f;color:var(--teal);font-size:9px;font-weight:900;cursor:pointer}.narration-generator{margin:12px 0;padding:11px;border:1.5px solid rgba(77,150,255,.25);border-radius:13px;background:linear-gradient(145deg,#f2f8ff,#fff)}.narration-heading{display:flex;align-items:center;gap:8px;margin-bottom:10px}.narration-heading>span{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--sky);color:#fff}.narration-heading>div{min-width:0;display:flex;flex-direction:column}.narration-heading strong{font-size:12px}.narration-heading small{color:var(--ink-soft);font-size:8px;line-height:1.25}.template-script-picker{margin-bottom:9px;padding:8px;border:1px solid rgba(18,181,165,.24);border-radius:9px;background:#12b5a512;display:flex;align-items:center;gap:8px}.template-script-picker>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.template-script-picker strong{font-size:9px}.template-script-picker small{color:var(--ink-soft);font-size:8px}.template-script-picker button{min-height:28px;padding:0 8px;border:1px solid rgba(18,181,165,.3);border-radius:7px;background:#fff;color:var(--teal);display:flex;align-items:center;gap:4px;font-size:8px;font-weight:900;cursor:pointer}.narration-generator label{display:flex;flex-direction:column;gap:4px;color:var(--ink-soft);font-size:9px;font-weight:900}.narration-generator textarea,.narration-generator select{width:100%;min-width:0;border:1.5px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:10px;font-weight:700}.narration-generator textarea{min-height:82px;padding:8px;resize:vertical;line-height:1.45}.narration-generator select{height:31px;padding:4px 6px}.narration-generator textarea:focus,.narration-generator select:focus{outline:3px solid rgba(77,150,255,.13);border-color:var(--sky)}.narration-generator label>small{align-self:flex-end;font-size:8px;font-weight:700}.narration-fields{margin-top:9px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.voice-generate,.voice-assign{width:100%;min-height:35px;margin-top:10px;border:0;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--teal);color:#fff;font-size:10px;font-weight:900;cursor:pointer}.voice-generate:disabled,.voice-assign:disabled{cursor:not-allowed;opacity:.55}.voice-notice,.voice-error{margin:8px 0;padding:8px;border-radius:8px;background:#fff6dc;color:#7a5913;font-size:9px;line-height:1.4}.voice-error{display:flex;align-items:center;gap:7px;background:#fff1f3;color:var(--danger)}.voice-error span{flex:1}.voice-error button{border:0;border-radius:6px;padding:4px 7px;background:var(--danger);color:#fff;font-size:8px;font-weight:900;cursor:pointer}.voice-result{margin-top:10px;padding:8px;border:1px solid rgba(18,181,165,.25);border-radius:10px;background:#fff}.voice-result>div:first-child{display:flex;align-items:center;gap:6px}.voice-result>div:first-child strong{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.voice-result>div:first-child small{color:var(--ink-soft);font-size:8px}.voice-result audio{width:100%;height:31px;margin-top:7px}.voice-actions{margin-top:7px;display:grid;grid-template-columns:1fr .8fr;gap:6px}.voice-actions .secondary-button{min-height:29px;padding:0 7px;font-size:8px;text-decoration:none}.voice-actions .voice-assign{grid-column:1 / -1;min-height:31px;margin:0}.reward-choice,.wide-action{width:100%;min-height:61px;margin-bottom:9px;padding:10px 12px;border:1.5px solid var(--line);border-radius:13px;background:#fff;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:.14s}.reward-choice:hover,.wide-action:hover{transform:translateY(-2px);border-color:var(--sun)}.reward-choice>svg{color:var(--sun-deep)}.reward-choice span,.wide-action span{display:flex;flex-direction:column}.reward-choice strong,.wide-action strong{font-size:11px}.reward-choice small,.wide-action small{margin-top:2px;color:var(--ink-soft);font-size:9px}.template-tile{border:1.5px solid var(--line);border-radius:13px;padding:11px;background:linear-gradient(150deg,#e8f4fd,#fff6dc)}.template-art{height:82px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:9px;background:#fff;font-size:30px}.template-art .dark-heart{color:#171b28}.template-art .red-heart{color:var(--coral);font-size:24px}.template-art .yellow-star{color:var(--sun);font-size:26px}.template-tile strong{display:block;margin:8px 2px 0;font-family:"Baloo 2";font-size:14px}.template-tile p{margin:2px;color:var(--ink-soft);font-size:10px}.canvas-workspace{min-width:0;min-height:0;position:relative;overflow:hidden;background-color:#edf3fb;background-image:radial-gradient(#c9d6ee 1.2px,transparent 1.2px);background-size:22px 22px}.stage-scroll{width:100%;height:100%;overflow:auto;display:flex;align-items:center;justify-content:center;padding:34px}.stage-shadow{position:relative;flex:0 0 auto;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 14px 44px #1b2a4a38}.canvas-text-editor{position:absolute;z-index:10;margin:0;padding:4px 7px;overflow:hidden;resize:none;border:2px solid var(--sky);border-radius:7px;outline:4px solid rgba(77,150,255,.18);background:#fffffff0;line-height:1.15;transform-origin:top left}.matching-banner{position:absolute;z-index:5;top:14px;left:50%;transform:translate(-50%);border:1.5px solid rgba(255,107,107,.4);border-radius:13px;padding:8px 14px;background:#fff;box-shadow:0 8px 22px #1b2a4a24;font-size:12px;font-weight:800}.matching-banner button{margin-left:8px;border:0;border-radius:7px;padding:4px 7px;background:var(--coral);color:#fff;cursor:pointer}.inspector-panel{min-height:0;display:grid;grid-template-rows:40px minmax(0,1fr) 200px;border-left:1.5px solid var(--line);background:#fff}.inspector-title{display:flex;align-items:center;padding:0 14px;border-bottom:1.5px solid var(--line);font-family:"Baloo 2";font-size:15px;font-weight:800}.inspector-properties{min-height:0;overflow:hidden}.panel-scroll{height:100%;overflow-y:auto;padding:13px}.panel-heading{margin-bottom:11px;padding-bottom:11px;border-bottom:1px solid var(--line)}.panel-heading h3{margin:0;font-size:16px}.panel-heading p{margin:3px 0 0;color:var(--ink-soft);font-size:10px}.element-type{display:block;margin-bottom:2px;color:var(--teal);font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.inspector-name{width:100%;margin-left:-6px;padding:4px 6px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--ink);font-family:"Baloo 2";font-size:16px;font-weight:800}.inspector-name:focus{outline:none;border-color:var(--sky);background:#fff}.inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.inspector-actions button{min-height:31px;border:1.5px solid var(--line);border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:800;cursor:pointer}.inspector-actions button:hover{border-color:var(--sky)}.inspector-actions .danger{color:var(--danger)}.inspector-section{padding:12px 0;border-top:1px solid var(--line)}.inspector-section h4{margin:0 0 9px;color:var(--ink-soft);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.field>span{color:var(--ink-soft);font-size:9px;font-weight:800}.field input,.field select,.field textarea{width:100%;min-width:0;min-height:31px;padding:5px 8px;border:1.5px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:11px;font-weight:700}.field textarea{min-height:68px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(77,150,255,.15);border-color:var(--sky)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.color-field{display:grid;grid-template-columns:35px 1fr;gap:5px}.color-field input[type=color]{padding:3px}.check-row{min-height:27px;display:flex;align-items:center;gap:7px;color:var(--ink-soft);font-size:10px}.check-row input{accent-color:var(--teal)}.silhouette-dot{width:25px;display:block!important;color:#20232d;font-size:24px;line-height:1}.wide-action.match{border-color:#ff6b6b61;background:#ff6b6b0d}.wide-action.match svg{color:var(--coral)}.interaction-role{margin:5px 0 8px;padding:6px 9px;border-radius:9px;background:#12b5a51f;color:var(--teal);font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.subsection-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.subsection-title h4{margin:0}.subsection-title select{height:27px;border:1.5px solid var(--line);border-radius:7px;background:#fff;color:var(--teal);font-size:9px;font-weight:800}.animation-chip{width:100%;min-height:34px;margin-top:6px;padding:0 9px;border:1.5px solid var(--line);border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.animation-chip.active{border-color:var(--sky);background:#4d96ff14}.animation-chip span{font-size:10px;font-weight:800;text-transform:capitalize}.animation-chip small{color:var(--ink-soft);font-size:8px}.animation-editor{margin-top:9px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--paper)}.animation-editor .subsection-title{margin-bottom:9px;font-size:11px;text-transform:capitalize}.text-danger{border:0;background:transparent;color:var(--danger);font-size:8px;cursor:pointer}.empty-selection{min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#a1abc0;text-align:center}.empty-selection strong{color:var(--ink-soft);font-size:12px}.empty-selection span{max-width:155px;font-size:9px}.layers-panel{min-height:0;display:grid;grid-template-rows:36px minmax(0,1fr);border-top:1.5px solid var(--line)}.layers-panel h3{margin:0;padding:8px 14px;border-bottom:1px solid var(--line);font-size:14px}.layer-list{padding:6px 8px}.layer-row{min-height:34px;display:flex;align-items:center;gap:5px;padding:3px 4px;border:1px solid transparent;border-radius:8px;cursor:pointer}.layer-row:hover{background:var(--paper)}.layer-row.selected{border-color:#4d96ff40;background:#4d96ff1a}.layer-symbol{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:#12b5a51f;color:var(--teal);font-size:9px;font-weight:900}.layer-row input{flex:1;min-width:0;border:1px solid transparent;background:transparent;padding:4px;font-size:10px;font-weight:700}.layer-row input:focus{outline:none;border-color:var(--sky);border-radius:5px;background:#fff}.layer-row>button{width:23px;height:24px;padding:0;border:0;border-radius:5px;background:transparent;display:grid;place-items:center;color:var(--ink-soft);cursor:pointer}.layer-row>button:hover{background:#fff;color:var(--sky)}.reorder-buttons{display:flex;flex-direction:column}.reorder-buttons button{height:11px;border:0;background:transparent;color:var(--ink-soft);font-size:9px;line-height:9px;cursor:pointer}.scene-strip{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;overflow:hidden;border-top:1.5px solid var(--line);background:#fff;padding:9px 14px}.scene-list{min-width:0;display:flex;align-items:center;gap:10px;overflow-x:auto;height:100%}.scene-card{width:150px;height:84px;flex:0 0 auto;padding:5px;border:2px solid var(--line);border-radius:13px;background:#fff;cursor:pointer;text-align:left;transition:.14s}.scene-card:hover{border-color:var(--sky)}.scene-card.selected{border-color:var(--sky);box-shadow:0 0 0 3px #4d96ff26}.scene-miniature{position:relative;display:block;height:50px;overflow:hidden;border-radius:7px}.mini-title{position:absolute;left:28%;right:28%;top:7px;height:3px;border-radius:3px;background:var(--ink)}.mini-heart{position:absolute;left:45%;top:13px;color:#171b28;font-size:22px}.mini-dots{position:absolute;left:24%;bottom:3px;color:var(--sky);font-size:11px;letter-spacing:26px;white-space:nowrap}.scene-info{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:4px;padding:0 2px}.scene-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.scene-info small{color:var(--ink-soft);font-size:9px}.add-scene{width:96px;height:84px;flex:0 0 auto;border:2px dashed var(--line);border-radius:13px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-soft);font-size:10px;font-weight:800;cursor:pointer}.add-scene:hover{border-color:var(--sun);color:var(--ink)}.scene-actions{display:flex;align-items:center;gap:3px}.scene-actions button{width:30px;height:30px;display:grid;place-items:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink-soft);cursor:pointer}.scene-actions button:hover{border-color:var(--line);background:var(--paper);color:var(--sky)}.timeline{min-width:0;min-height:0;display:grid;grid-template-rows:38px minmax(0,1fr);border-top:1.5px solid var(--line);background:#fff}.timeline-header{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1.5px solid var(--line)}.timeline-header>div{display:flex;align-items:center;gap:10px}.timeline-header strong{font-family:"Baloo 2";font-size:14px}.timeline-header span{color:var(--ink-soft);font-family:ui-monospace,Menlo,monospace;font-size:9px}.timeline-zoom{gap:3px!important}.timeline-zoom small{margin-right:5px;color:var(--ink-soft);font-size:9px;font-weight:800}.timeline-zoom button{width:25px;height:25px;border:0;border-radius:6px;background:transparent;display:grid;place-items:center;cursor:pointer}.timeline-zoom button:hover{background:var(--paper)}.timeline-zoom span{width:38px;text-align:center;font-weight:800}.timeline-body{min-width:0;overflow:auto;display:flex;position:relative}.timeline-labels{position:sticky;left:0;z-index:7;width:158px;flex:0 0 158px;background:#fff;box-shadow:1px 0 var(--line)}.timeline-labels>*{width:100%;height:30px;padding:0 9px;display:flex;align-items:center;gap:7px;overflow:hidden;border:0;border-bottom:1px solid rgba(219,228,243,.65);background:transparent;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.timeline-labels button{cursor:pointer;text-align:left}.timeline-labels button:hover{background:var(--paper)}.timeline-labels .ruler-label{height:26px;background:var(--paper);color:var(--ink-soft);font-size:8px;letter-spacing:.06em;text-transform:uppercase}.track-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--teal)}.timeline-tracks{position:relative;flex:0 0 auto;min-width:calc(100% - 178px)}.timeline-ruler{position:relative;height:26px;border-bottom:1.5px solid var(--line);background:var(--paper);cursor:crosshair}.timeline-ruler>span{position:absolute;bottom:4px;transform:translate(-1px);color:var(--ink-soft);font-size:8px}.timeline-ruler>span.last{transform:translate(-100%)}.timeline-ruler>span i{position:absolute;left:0;bottom:-4px;height:5px;border-left:1px solid #c8d3e7}.timeline-track{position:relative;height:30px;border-bottom:1px solid rgba(219,228,243,.65);background-image:linear-gradient(to right,rgba(76,91,125,.06) 1px,transparent 1px);background-size:var(--timeline-grid-size, calc(90px * var(--timeline-zoom,1))) 100%;cursor:crosshair}.timeline-block{position:absolute;top:5px;height:20px;min-width:8px;overflow:hidden;border:1px solid #0e9f91;border-radius:6px;background:#12b5a5db;color:#fff;padding:0 9px 0 6px;font-size:8px;font-weight:900;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:grab}.timeline-block:hover,.timeline-block.selected{outline:2px solid var(--ink);outline-offset:1px}.timeline-block.fade{border-color:#3186e8;background:var(--sky)}.timeline-block.scale,.timeline-block.pulse,.timeline-block.bounce{border-color:#55a95a;background:var(--leaf)}.timeline-block.rotate,.timeline-block.shake{border-color:var(--sun-deep);background:var(--sun);color:var(--ink)}.timeline-block.audio{border-color:#0e9385;background:var(--teal);display:flex;align-items:center;gap:4px}.timeline-block.reward{border-color:var(--sun-deep);background:var(--sun);color:var(--ink)}.resize-handle{position:absolute;top:0;right:0;bottom:0;width:7px;background:#0000001a;cursor:ew-resize}.playhead{position:absolute;z-index:6;top:0;bottom:0;width:2px;background:var(--coral);box-shadow:0 0 7px #ff6b6bd9;cursor:ew-resize}.playhead:before{content:"";position:absolute;left:-6px;top:0;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--coral)}.playhead i{position:absolute;left:-6px;top:0;bottom:0;width:13px}.dialog-backdrop{position:fixed;inset:0;z-index:100;padding:24px;display:grid;place-items:center;background:#1b2a4a70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog{width:min(620px,90vw);max-height:calc(100vh - 48px);overflow:hidden;display:flex;flex-direction:column;border-radius:20px;background:#fff;box-shadow:0 24px 60px #1b2a4a4d;animation:pop .24s both}.dialog>header{padding:16px 18px;display:flex;align-items:center;gap:11px;border-bottom:1.5px solid var(--line)}.dialog>header h2{margin:0;font-size:20px}.dialog>header p{margin:2px 0 0;color:var(--ink-soft);font-size:10px}.dialog-icon{width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;background:#ffc93c2e;color:var(--sun-deep)}.dialog-icon.ai{background:#ffffff2e;color:#fff}.close-button{width:33px;height:33px;margin-left:auto;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;cursor:pointer}.close-button:hover{background:var(--paper)}.dialog-content{padding:17px;overflow-y:auto}.dialog>footer{padding:12px 17px;display:flex;justify-content:flex-end;gap:8px;border-top:1.5px solid var(--line)}.ai-dialog{position:fixed;top:0;right:0;bottom:0;width:420px;max-height:none;border-radius:0;animation:slidein .26s cubic-bezier(.2,.9,.3,1.1)}.ai-dialog>header{background:var(--teal);color:#fff}.ai-dialog>header p{color:#ffffffc7}.ai-dialog .close-button{color:#fff}@keyframes slidein{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}.export-dialog{width:440px}.prompt-field{display:flex;flex-direction:column;gap:6px}.prompt-field>span{font-size:10px;font-weight:800}.prompt-field textarea{min-height:120px;padding:11px;border:1.5px solid var(--line);border-radius:10px;resize:vertical;line-height:1.5}.prompt-field textarea:focus{outline:3px solid rgba(18,181,165,.15);border-color:var(--teal)}.provider-note{margin:11px 0;padding:9px 11px;display:flex;gap:8px;border-radius:9px;background:#12b5a514;color:#267d72;font-size:10px;line-height:1.45}.provider-note svg{flex:0 0 auto}.proposal{margin-top:12px;overflow:hidden;border:1.5px solid var(--line);border-radius:12px}.proposal-heading{padding:11px;display:flex;gap:9px;background:var(--paper)}.proposal-heading>span{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#7bc96f33;color:#3f9849}.proposal-heading p{margin:2px 0 0;color:var(--ink-soft);font-size:9px}.command-list{max-height:230px;overflow-y:auto}.command-list>div{min-height:38px;padding:7px 10px;display:flex;align-items:center;gap:9px;border-top:1px solid var(--line)}.command-list code{padding:4px 6px;border-radius:5px;background:#12b5a51a;color:var(--teal);font-size:8px;font-weight:900}.command-list span{font-size:10px}.export-summary{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1.5px solid var(--line);border-radius:12px}.export-summary>div{min-height:62px;padding:10px 14px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line)}.export-summary>div:nth-child(odd){border-right:1px solid var(--line)}.export-summary>div:nth-last-child(-n+2){border-bottom:0}.export-summary span{color:var(--ink-soft);font-size:9px}.export-summary strong{margin-top:2px;font-size:13px}.render-note{padding:10px;border-radius:8px;background:var(--paper);color:var(--ink-soft);font-size:10px;line-height:1.5}.render-state{min-height:74px;padding:12px;display:flex;align-items:center;gap:11px;border-radius:11px;background:var(--paper)}.render-state>svg{width:30px;height:30px;color:var(--teal)}.render-state.completed>svg{color:#3f9849}.render-state.failed>svg,.render-state.cancelled>svg{color:var(--danger)}.render-state div{display:flex;flex-direction:column}.render-state strong{font-size:14px;text-transform:capitalize}.render-state span{margin-top:3px;color:var(--ink-soft);font-size:10px}.progress-bar{height:10px;margin-top:16px;overflow:hidden;border-radius:999px;background:var(--paper)}.progress-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--sky));transition:width .4s}.progress-caption{margin:5px 1px 16px;display:flex;justify-content:space-between;color:var(--ink-soft);font-size:9px;text-transform:capitalize}.full-page-state{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--paper);color:var(--teal)}.full-page-state>svg{width:42px;height:42px}.full-page-state h2{margin:14px 0 4px;color:var(--ink)}.full-page-state p{color:var(--ink-soft)}.full-page-state.error>svg{color:var(--danger)}.render-loading{width:100vw;height:100vh;display:grid;place-items:center;background:#fff;font-size:20px}@media(max-width:1270px){.toolbar-left{width:44%}.toolbar-right{width:38%}.editor-main{grid-template-columns:288px minmax(340px,1fr) 280px}.tool-sidebar{grid-template-columns:68px 220px}.compact-button{padding:0 9px}}.editor-shell{grid-template-rows:58px minmax(0,1fr) 104px 230px;background:#eef3fb}.editor-main{grid-template-columns:286px minmax(420px,1fr) 330px}.tool-sidebar{grid-template-columns:64px 222px}.tool-rail{padding-top:10px}.tool-rail button{width:48px;height:47px;border-radius:11px}.tool-content{padding:16px}.scene-strip{padding-block:7px}.scene-list{overflow-y:hidden}.template-intro{margin:-4px 0 12px}.blank-scene-button{width:100%;min-height:58px;margin-bottom:10px;padding:9px 11px;display:flex;align-items:center;gap:9px;border:1.5px solid rgba(18,181,165,.35);border-radius:13px;background:linear-gradient(145deg,#effcf9,#f5f9ff);color:var(--ink);cursor:pointer;text-align:left}.blank-scene-button:hover{border-color:var(--teal);box-shadow:0 7px 16px #12b5a51f}.blank-scene-button>svg{width:25px;color:var(--teal)}.blank-scene-button>span{display:grid;gap:1px}.blank-scene-button strong{font-size:11px}.blank-scene-button small{color:var(--ink-soft);font-size:8px}.template-folder-list{display:grid;gap:8px}.template-composer~h3,.template-composer~.template-intro,.template-composer~.template-folder-list{display:none}.template-composer{display:grid;gap:8px}.composer-duration{padding:10px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px;border:1.5px solid rgba(18,181,165,.3);border-radius:12px;background:linear-gradient(145deg,#effcf9,#f5f9ff)}.composer-duration>svg{color:var(--teal)}.composer-duration>span{display:grid}.composer-duration strong{font-family:"Baloo 2";font-size:17px;line-height:1}.composer-duration small{color:var(--ink-soft);font-size:8px}.composer-duration>div{grid-column:1 / -1;height:5px;overflow:hidden;border-radius:5px;background:#dfe8f3}.composer-duration>div i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),var(--sky))}.composer-target{display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--ink-soft);font-size:8px;font-weight:900}.composer-target>div{display:flex;gap:3px}.composer-target button{min-width:42px;height:25px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink-soft);font-size:8px;font-weight:900;cursor:pointer}.composer-target button.active{border-color:var(--teal);background:#12b5a51a;color:var(--teal)}.composer-folder>summary{min-height:44px}.composer-blocks{display:grid;gap:5px;padding:0 7px 8px}.composer-blocks>button{min-height:43px;padding:6px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.composer-blocks>button.selected{border-color:var(--teal);background:#12b5a50f}.composer-blocks>button>span:last-child{min-width:0;display:grid}.composer-blocks strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.composer-blocks small{overflow:hidden;color:var(--ink-soft);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.composer-check{width:17px;height:17px;display:grid;place-items:center;border:1.5px solid var(--line);border-radius:5px;color:#fff}.selected .composer-check{border-color:var(--teal);background:var(--teal)}.composer-actions{display:grid;gap:5px}.composer-actions button{min-height:34px;display:flex;align-items:center;justify-content:center;gap:5px;border:1.5px solid var(--teal);border-radius:9px;background:#fff;color:var(--teal);font-size:8px;font-weight:900;cursor:pointer}.composer-actions button.fill{border:0;background:var(--teal);color:#fff}.composer-actions button:disabled{cursor:not-allowed;opacity:.5}.composer-note,.composer-success{margin:0;padding:6px 7px;border-radius:8px;display:flex;align-items:center;gap:5px;font-size:8px;line-height:1.4}.composer-note{color:var(--ink-soft);background:var(--paper)}.composer-success{color:#087d70;background:#12b5a51a;font-weight:800}.library-folder{overflow:hidden;border:1.5px solid var(--line);border-radius:13px;background:#fff}.library-folder>summary{min-height:52px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none}.library-folder>summary::-webkit-details-marker{display:none}.library-folder>summary:before{content:"›";color:var(--ink-soft);font-size:18px;font-weight:900;transform:rotate(0);transition:transform .15s}.library-folder[open]>summary:before{transform:rotate(90deg)}.library-folder>summary>span{min-width:0;flex:1;display:grid;gap:1px}.library-folder>summary strong{font-size:10px}.library-folder>summary small{overflow:hidden;color:var(--ink-soft);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.library-folder>summary>b{min-width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:var(--paper);color:var(--ink-soft);font-size:8px}.library-folder>.editor-template-list{padding:0 7px 8px}.library-folder .editor-template-card{min-height:52px}.asset-folder{margin-bottom:8px}.asset-folder>.upload-drop,.asset-folder>.asset-grid,.asset-folder>.word-importer,.asset-folder>.text-preset-row,.asset-folder>.letter-asset-grid{margin:0 8px 8px;width:calc(100% - 16px)}.word-importer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px}.word-importer input{min-width:0;height:34px;padding:0 9px;border:1.5px solid var(--line);border-radius:9px;font-size:9px;font-weight:700}.word-importer button{padding:0 10px;border:0;border-radius:9px;background:var(--teal);color:#fff;font-size:9px;font-weight:900;cursor:pointer}.word-importer button:disabled{opacity:.45;cursor:default}.text-preset-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.text-preset-row button{min-width:0;height:30px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:8px;font-weight:900;cursor:pointer}.letter-asset-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.letter-asset-grid button{aspect-ratio:1;border:1px solid var(--line);border-radius:7px;background:linear-gradient(145deg,#fff,#f5f7fc);color:var(--ink);font-family:"Baloo 2";font-size:12px;font-weight:900;cursor:pointer}.letter-asset-grid button:hover,.text-preset-row button:hover{border-color:var(--sky);background:#f1f7ff}.editor-template-list{display:flex;flex-direction:column;gap:8px}.editor-template-card{min-height:58px;padding:9px 9px 9px 10px;display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);text-decoration:none;transition:.15s ease}.editor-template-card:hover{transform:translate(3px);border-color:var(--teal);box-shadow:0 7px 16px #1b2a4a17}.template-number{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#12b5a51f;color:var(--teal);font-family:"Baloo 2";font-weight:900}.template-accent-1 .template-number{background:#ffc93c33;color:#b77a00}.template-accent-2 .template-number{background:#4d96ff21;color:var(--sky)}.editor-template-card>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.editor-template-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.editor-template-card small{margin-top:2px;overflow:hidden;color:var(--ink-soft);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.template-arrow{color:var(--ink-soft);font-size:17px}.editor-template-list~.template-tile,.editor-template-list~.muted-copy{display:none}.friendly-inspector{min-height:0;display:grid;grid-template-rows:48px minmax(0,1fr);border-left:1.5px solid var(--line);background:#fff}.inspector-tabs{padding:6px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-bottom:1px solid var(--line);background:#f7f9fd}.inspector-tabs button{min-width:0;border:0;border-radius:9px;background:transparent;color:var(--ink-soft);display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:900;cursor:pointer}.inspector-tabs button svg{width:14px}.inspector-tabs button:hover{background:#fff;color:var(--ink)}.inspector-tabs button.active{background:#fff;color:var(--teal);box-shadow:0 2px 9px #1b2a4a17}.inspector-tab-content{min-height:0;overflow:hidden}.friendly-panel{padding:15px}.friendly-heading{margin-bottom:14px;padding-bottom:12px}.friendly-heading .eyebrow{color:var(--teal);font-size:8px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.friendly-heading h3{margin-top:3px;font-family:"Baloo 2";font-size:19px}.scene-duration-control{margin:12px 0;padding:11px;display:grid;grid-template-columns:minmax(0,1fr) 74px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.scene-duration-control>div:first-child{display:flex;align-items:center;gap:8px}.scene-duration-control svg{width:18px;color:var(--sky)}.scene-duration-control span{display:flex;flex-direction:column}.scene-duration-control strong{font-size:10px}.scene-duration-control small{color:var(--ink-soft);font-size:8px}.scene-duration-control .field{margin:0}.audio-mixer{margin:12px 0;padding:11px;display:grid;gap:10px;border:1px solid #cfe0f6;border-radius:13px;background:linear-gradient(145deg,#f4f9ff,#f8f5ff)}.audio-mixer-heading{display:flex;align-items:center;gap:8px}.audio-mixer-heading>svg{width:18px;color:var(--teal)}.audio-mixer-heading>span{display:grid;gap:1px}.audio-mixer-heading strong{font-size:10px}.audio-mixer-heading small{color:var(--ink-soft);font-size:8px}.audio-mixer-sliders{display:grid;gap:8px}.audio-mixer-sliders>label{display:grid;grid-template-columns:58px minmax(0,1fr) 32px;align-items:center;gap:7px}.audio-mixer-sliders>label>span{display:flex;align-items:center;gap:4px;font-size:9px}.audio-mixer-sliders svg{width:13px;color:var(--sky)}.audio-mixer-sliders input{width:100%;min-width:0;accent-color:var(--teal)}.audio-mixer-sliders output{color:var(--ink-soft);font-size:8px;font-weight:900;text-align:right}.audio-mixer-sliders .disabled{opacity:.55}.audio-mixer-toggle{display:flex;align-items:center;gap:7px;color:var(--ink-soft);font-size:9px;font-weight:800}.audio-mixer-toggle input{accent-color:var(--teal)}.audio-mixer>p{margin:0;color:var(--ink-soft);font-size:8px;line-height:1.4}.background-picker>span{color:var(--ink-soft);font-size:9px;font-weight:800}.background-picker>div{margin-top:7px;display:flex;gap:7px}.background-picker button{width:32px;height:32px;border:2px solid var(--line);border-radius:50%;cursor:pointer}.background-picker button[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--teal)}.attention-style-section{margin-top:15px}.attention-style-section>p{margin:-2px 0 10px;color:var(--ink-soft);font-size:9px;line-height:1.45}.attention-style-grid{display:grid;gap:7px}.attention-style-grid button{min-height:54px;padding:8px 9px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.attention-style-grid button:hover{border-color:var(--teal);transform:translateY(-1px)}.attention-style-grid button[aria-pressed=true]{border-color:var(--teal);background:#12b5a514;box-shadow:inset 3px 0 0 var(--teal)}.attention-style-grid button>svg{width:18px;color:var(--teal)}.attention-style-grid button span{min-width:0;display:flex;flex-direction:column;gap:2px}.attention-style-grid button strong{font-size:10px}.attention-style-grid button small,.attention-note{color:var(--ink-soft);font-size:8px;line-height:1.35}.attention-note{display:block;margin-top:8px}.primary-item-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:13px}.primary-item-actions button{min-width:0;min-height:48px;padding:7px 4px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:8px;font-weight:800;cursor:pointer}.primary-item-actions button svg{width:16px;height:16px}.primary-item-actions button:hover{border-color:var(--sky);color:var(--ink)}.primary-item-actions .motion-cta{min-height:60px;grid-column:1 / -1;padding:8px 10px;display:grid;grid-template-columns:30px minmax(0,1fr) 18px;text-align:left;background:linear-gradient(135deg,#12b5a51f,#4d96ff1a);border-color:#12b5a559;color:var(--ink)}.motion-cta>svg:first-child{width:23px;height:23px;color:var(--teal)}.motion-cta>span{align-items:flex-start}.motion-cta strong{font-size:11px}.motion-cta small{color:var(--ink-soft);font-size:8px}.friendly-section{padding:12px 0;border-top:1px solid var(--line)}.friendly-section h4{margin:0 0 9px;display:flex;align-items:center;gap:5px;color:var(--ink-soft);font-size:9px;letter-spacing:.05em;text-transform:uppercase}.friendly-section h4 svg{width:13px}.advanced-controls{margin:5px 0 12px;border:1px solid var(--line);border-radius:11px;background:#fff}.advanced-controls summary{padding:10px 11px;color:var(--ink-soft);font-size:10px;font-weight:900;cursor:pointer}.advanced-controls>div{padding:0 11px 8px}.motion-empty{height:100%;min-height:260px}.motion-empty>svg{width:38px;height:38px;color:var(--teal)}.motion-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.motion-preset-grid button{min-width:0;min-height:58px;padding:6px 3px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:8px;font-weight:900;cursor:pointer}.motion-preset-grid button:hover{transform:translateY(-2px);border-color:var(--teal);background:#12b5a50d;color:var(--ink)}.motion-preset-grid svg{width:18px;height:18px;color:var(--teal)}.motion-list-heading{margin:17px 0 7px;display:flex;align-items:center;justify-content:space-between}.motion-list-heading strong{font-size:10px}.motion-list-heading small{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--paper);color:var(--ink-soft);font-size:8px;font-weight:900}.friendly-motion-chip{width:100%;min-height:48px;margin-bottom:6px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.friendly-motion-chip:hover{border-color:var(--sky)}.friendly-motion-chip.active{border-color:var(--teal);background:#12b5a50f;box-shadow:0 0 0 2px #12b5a51a}.friendly-motion-chip>span{display:flex;flex-direction:column}.friendly-motion-chip strong{font-size:10px}.friendly-motion-chip small{color:var(--ink-soft);font-size:8px}.friendly-motion-chip b{color:var(--teal);font-size:10px}.no-motion-card{min-height:64px;padding:10px;display:flex;align-items:center;gap:9px;border:1.5px dashed var(--line);border-radius:11px;color:var(--ink-soft)}.no-motion-card svg{color:var(--sky)}.no-motion-card span{display:flex;flex-direction:column}.no-motion-card strong{color:var(--ink);font-size:10px}.no-motion-card small{font-size:8px}.friendly-animation-editor{margin-top:12px;padding:12px;border-color:#12b5a540;border-radius:12px;background:#f4fbfa}.motion-editor-heading{margin-bottom:11px;display:flex;align-items:center;justify-content:space-between}.motion-editor-heading>div{display:flex;flex-direction:column}.motion-editor-heading span{color:var(--ink-soft);font-size:8px;font-weight:800;text-transform:uppercase}.motion-editor-heading strong{margin-top:2px;font-family:"Baloo 2";font-size:16px}.icon-danger{width:30px;height:30px;border:0;border-radius:8px;background:#fff;color:var(--danger);display:grid;place-items:center;cursor:pointer}.icon-danger svg{width:15px}.speed-control{margin-bottom:11px}.speed-control>span{color:var(--ink-soft);font-size:9px;font-weight:800}.speed-control>div{margin:5px 0;padding:3px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;border-radius:9px;background:#e6eeef}.speed-control button{min-height:29px;border:0;border-radius:7px;background:transparent;color:var(--ink-soft);font-size:9px;font-weight:900;cursor:pointer}.speed-control button[aria-pressed=true]{background:#fff;color:var(--teal);box-shadow:0 2px 6px #1b2a4a1a}.speed-control small{color:var(--ink-soft);font-size:8px;line-height:1.35}.friendly-checks{margin:8px 0;display:flex;flex-direction:column;gap:6px}.friendly-checks label{display:flex;align-items:center;gap:7px;color:var(--ink-soft);font-size:9px;font-weight:700}.friendly-checks input{accent-color:var(--teal)}.friendly-layer-list{display:flex;flex-direction:column;gap:2px}.timeline{grid-template-rows:48px minmax(0,1fr)}.timeline-header{gap:16px;padding:0 14px}.timeline-heading-copy{min-width:190px;display:flex;flex-direction:column;align-items:flex-start!important;gap:0!important}.timeline-heading-copy strong{font-size:15px}.timeline-heading-copy span{margin-top:-2px;font-size:8px}.timeline-help{flex:1;justify-content:center;gap:14px!important}.timeline-help>span{display:inline-flex;align-items:center;gap:4px;color:var(--ink-soft);font-family:Nunito,sans-serif;font-size:8px;font-weight:800}.timeline-help svg{width:13px;height:13px;color:var(--teal)}.manual-sync-button{min-height:29px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(18,181,165,.35);border-radius:8px;background:#effbf9;color:#087d70;font-size:8px;font-weight:900;cursor:pointer;white-space:nowrap}.manual-sync-button:disabled{border-color:var(--line);background:#f7f8fb;color:#9ba5b6;cursor:default}.manual-sync-button svg{color:currentColor}.timeline-remove-button{min-height:29px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(217,75,89,.35);border-radius:8px;background:#fff2f3;color:#b73343;font-size:8px;font-weight:900;cursor:pointer;white-space:nowrap}.timeline-remove-button:disabled{border-color:var(--line);background:#f7f8fb;color:#9ba5b6;cursor:default}.timeline-remove-button svg{color:currentColor}.manual-narration-cue{margin:0 0 9px;padding:8px 9px;display:flex;align-items:center;gap:7px;border:1px solid rgba(18,181,165,.25);border-radius:10px;background:#effbf9;color:#087d70}.manual-narration-cue>span{min-width:0;display:grid;gap:1px}.manual-narration-cue strong{font-size:9px}.manual-narration-cue small{color:#527a75;font-size:7px;line-height:1.25}.motion-playhead-sync{margin:0 13px 12px;padding:9px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;border:1px solid rgba(18,181,165,.28);border-radius:11px;background:#effbf9}.motion-playhead-sync>span{display:grid}.motion-playhead-sync strong{color:#087d70;font-size:8px;text-transform:uppercase}.motion-playhead-sync small{color:#527a75;font-size:8px}.motion-playhead-sync button{min-height:32px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:8px;background:var(--teal);color:#fff;font-size:8px;font-weight:900;cursor:pointer}.motion-playhead-sync button:disabled{background:#cdd8d6;cursor:default}.motion-playhead-sync svg{width:13px}.timeline-labels{width:178px;flex-basis:178px}.timeline-labels>*{height:36px;padding:0 10px}.timeline-labels button.selected{background:#12b5a514;color:var(--teal)}.timeline-labels button small{margin-left:auto;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:var(--paper);color:var(--ink-soft);font-size:7px}.timeline-labels .ruler-label{height:28px}.timeline-labels .empty-track-label{height:36px;color:var(--ink-soft);font-weight:700}.empty-track-label svg{width:14px}.timeline-ruler{height:28px}.timeline-track{height:36px}.timeline-block{top:4px;height:28px;min-width:18px;overflow:visible;padding:0 13px;border-radius:7px;display:flex;align-items:center}.timeline-block-copy{min-width:0;overflow:hidden;display:flex;flex-direction:column;line-height:1.05}.timeline-block-copy b{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.timeline-block-copy small{margin-top:2px;overflow:hidden;color:#ffffffc7;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.timeline-block.rotate .timeline-block-copy small,.timeline-block.shake .timeline-block-copy small,.timeline-block.reward .timeline-block-copy small{color:#1b2a4ab3}.timeline-block:hover,.timeline-block.selected{z-index:4;outline:2px solid var(--ink);outline-offset:1px}.timeline-block.dragging{cursor:grabbing;box-shadow:0 6px 14px #1b2a4a40}.resize-handle{z-index:3;top:3px;bottom:3px;width:9px;border-radius:4px;background:#ffffffb8;cursor:ew-resize;opacity:.75}.resize-handle:after{content:"";position:absolute;top:5px;bottom:5px;left:4px;border-left:1px solid rgba(27,42,74,.45)}.resize-handle.start{left:2px;right:auto}.resize-handle.end{right:2px}.timeline-block:hover .resize-handle,.timeline-block.selected .resize-handle{opacity:1}.timeline-drag-readout{position:absolute;left:50%;bottom:calc(100% + 7px);transform:translate(-50%);padding:4px 7px;border-radius:6px;background:var(--ink);color:#fff;box-shadow:0 4px 10px #1b2a4a38;font-size:7px;font-style:normal;white-space:nowrap}.timeline-drag-readout:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--ink)}.empty-motion-track{display:flex;align-items:center;padding-left:18px;color:var(--ink-soft);font-size:9px;font-weight:700}.timeline-block.audio,.timeline-block.reward{gap:5px}.timeline-block.audio>span,.timeline-block.reward>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-track-label small{margin-left:auto}.word-track-icon{width:22px;height:20px;display:grid;place-items:center;border-radius:6px;background:#4d96ff1f;color:#2d73c9;font-family:"Baloo 2",sans-serif;font-size:9px}.narration-word-track{background-color:#4d96ff06}.narration-word{position:absolute;top:5px;height:26px;min-width:22px;overflow:visible;padding:0 11px;border:1px solid #78aef0;border-radius:7px;background:#eaf3ff;color:#234f87;box-shadow:0 1px 2px #234f8714;font-size:8px;font-weight:900;text-align:center;text-overflow:ellipsis;white-space:nowrap;cursor:grab}.narration-word:hover,.narration-word.selected,.narration-word.dragging{z-index:5;border-color:#2d73c9;outline:2px solid var(--ink);outline-offset:1px}.narration-word>span{display:block;overflow:hidden;text-overflow:ellipsis}.narration-word .resize-handle{width:7px;opacity:0}.narration-word:hover .resize-handle,.narration-word.selected .resize-handle{opacity:1}.playhead{z-index:8}.pattern-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pattern-choice-card{min-height:292px}@media(max-width:1270px){.editor-main{grid-template-columns:260px minmax(350px,1fr) 300px}.tool-sidebar{grid-template-columns:60px 200px}.timeline-help span:first-child{display:none}}.home-dashboard{min-height:100vh;overflow:hidden}.home-wrap{position:relative;z-index:1;width:min(1280px,calc(100% - 48px));max-width:none;margin:0 auto;padding:24px 0 64px}.home-head{min-height:54px;margin-bottom:30px}.home-nav{display:flex;align-items:center;gap:24px}.home-nav a{display:inline-flex;align-items:center;gap:5px;color:var(--ink-soft);font-size:13px;font-weight:900;text-decoration:none}.home-nav a:hover{color:var(--ink)}.home-nav .status-pill{margin-left:6px}.home-hero{min-height:390px;margin-bottom:48px;padding:46px 48px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr);align-items:center;gap:52px;border:1px solid rgba(77,150,255,.18);border-radius:34px;background:linear-gradient(135deg,#fffffffa,#ebf7fff5 58%,#ecfff7f0);box-shadow:0 24px 70px #1d345c1c;overflow:hidden;position:relative}.home-hero:before{content:"";position:absolute;width:310px;height:310px;right:16%;top:-190px;border-radius:50%;background:#ffcb3333}.home-hero-copy{position:relative;z-index:1}.home-kicker{width:max-content;margin-bottom:15px;padding:7px 11px;display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:#12b5a51c;color:#078e82;font-size:11px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.home-kicker svg{width:16px;height:16px}.home-hero h1{margin:0;max-width:650px;color:var(--ink);font-family:"Baloo 2",sans-serif;font-size:clamp(45px,4.4vw,68px);line-height:.98;letter-spacing:-.04em}.home-hero h1 em{color:var(--sky);font-style:normal}.home-hero p{max-width:600px;margin:20px 0 26px;color:var(--ink-soft);font-size:16px;font-weight:700;line-height:1.6}.hero-button{width:max-content;min-height:52px;padding:0 20px;text-decoration:none}.hero-button svg{width:18px}.home-hero-demo{position:relative;z-index:1;min-height:282px;padding:22px;display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr;align-items:center;border:1px solid rgba(255,255,255,.85);border-radius:28px;background:#ffffffb8;box-shadow:0 20px 44px #1d345c1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-demo-card{min-width:0;min-height:200px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:21px;background:#fff;box-shadow:0 11px 24px #1d345c14;text-align:center}.hero-demo-card:nth-child(3){transform:translateY(-12px);background:linear-gradient(150deg,#fff6dc,#fff)}.hero-demo-card:nth-child(5){background:linear-gradient(150deg,#eafaf7,#fff)}.hero-demo-card>span{width:42px;height:42px;margin-bottom:15px;display:grid;place-items:center;border-radius:15px;background:var(--ink);color:#fff;font-family:"Baloo 2";font-size:20px;font-weight:1000}.hero-demo-card strong{font-family:"Baloo 2";font-size:17px;line-height:1.1}.hero-demo-card small{margin-top:8px;color:var(--ink-soft);font-size:10px;font-weight:800;line-height:1.35}.hero-demo-arrow{color:var(--sky);font-size:24px;font-weight:1000;text-align:center}.home-template-section{scroll-margin-top:18px}.home-section-heading{margin-bottom:22px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.home-section-heading h2{margin:5px 0 3px;font-family:"Baloo 2";font-size:34px;line-height:1.1}.home-section-heading p{margin:0;color:var(--ink-soft);font-size:13px;font-weight:700}.template-filters{padding:4px;display:flex;gap:3px;border:1px solid var(--line);border-radius:14px;background:#ffffffc7}.template-filters button{min-height:34px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--ink-soft);font-size:10px;font-weight:1000;cursor:pointer}.template-filters button:hover{color:var(--ink)}.template-filters button.active{background:var(--ink);color:#fff;box-shadow:0 5px 12px #1d345c26}.home-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.home-template-card{min-width:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:23px;background:#fff;box-shadow:0 9px 28px #1d345c13;text-align:left;cursor:pointer;animation:cardRise .5s both;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.home-template-card:hover{transform:translateY(-5px);border-color:var(--template-accent, var(--sky));box-shadow:0 19px 42px #1d345c24}.home-template-copy{padding:17px 18px 16px;display:block}.template-card-topline{margin-bottom:7px;display:flex;align-items:center;justify-content:space-between;gap:10px}.template-card-topline b{font-size:9px;font-weight:1000;letter-spacing:.09em;text-transform:uppercase}.template-card-topline i{color:var(--ink-soft);font-size:9px;font-style:normal;font-weight:800}.home-template-copy>strong{display:block;font-family:"Baloo 2";font-size:21px;line-height:1.1}.home-template-copy>p{min-height:38px;margin:6px 0 15px;color:var(--ink-soft);font-size:11px;font-weight:700;line-height:1.5}.template-card-footer{padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line)}.template-card-footer small{color:var(--ink-soft);font-size:9px;font-weight:800}.template-card-footer b{display:inline-flex;align-items:center;gap:5px;color:var(--ink);font-size:10px;font-weight:1000}.template-card-footer svg{width:14px;height:14px;color:var(--sky)}.home-template-preview{--template-accent: #4d96ff;--template-soft: #eaf3ff;height:226px;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 110%,rgba(255,255,255,.88),transparent 47%),var(--template-soft);border-bottom:1px solid rgba(29,52,92,.07)}.home-template-preview:after{content:"";position:absolute;inset:12px;border:1px dashed color-mix(in srgb,var(--template-accent) 28%,transparent);border-radius:18px;pointer-events:none}.home-template-preview.compact{height:178px;border:0;border-radius:18px}.home-template-preview img{display:block;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(29,52,92,.12))}.preview-prompt{position:absolute;z-index:3;top:18px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 44px);padding:6px 11px;border-radius:999px;background:#ffffffeb;color:var(--ink);box-shadow:0 5px 14px #1d345c14;font-family:"Baloo 2";font-size:13px;font-weight:900}.preview-single-match .preview-moving-item{position:absolute;z-index:2;left:38px;bottom:26px;width:108px;height:82px}.preview-arrow{position:absolute;left:50%;bottom:55px;transform:translate(-50%);color:var(--template-accent)}.preview-arrow svg{width:35px;height:35px;stroke-width:3}.preview-target{position:absolute;right:34px;bottom:27px;width:112px;height:82px;display:grid;place-items:center;border:3px dashed var(--template-accent);border-radius:19px;background:#ffffff8c}.preview-target img{width:86px;height:58px;filter:brightness(0) saturate(100%) opacity(.32)}.preview-try-item{position:absolute;z-index:3;left:25px;bottom:24px;width:72px;height:72px}.preview-hole{position:absolute;bottom:29px;width:72px;height:72px;display:grid;place-items:center;border:2px dashed rgba(29,52,92,.18);border-radius:18px;background:#ffffffa6}.preview-hole:nth-of-type(2){left:122px}.preview-hole:nth-of-type(3){left:211px}.preview-hole:nth-of-type(4){right:22px}.preview-hole img{width:54px;height:48px;filter:brightness(0) opacity(.14)}.preview-hole b{position:absolute;right:-7px;top:-8px;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#ff6b6b;box-shadow:0 4px 10px #1d345c1f;font-size:15px}.preview-hole.right{border-color:#38b26d}.preview-hole.right b{background:#38b26d;color:#fff}.preview-hole.right b svg{width:14px;height:14px}.preview-lines{position:absolute;z-index:1;left:62px;right:62px;bottom:18px;width:calc(100% - 124px);height:134px}.preview-lines path{fill:none;stroke:var(--template-accent);stroke-width:3;stroke-linecap:round;stroke-dasharray:5 5}.preview-column{position:absolute;z-index:2;bottom:22px;display:flex;flex-direction:column;gap:7px}.preview-column.left{left:30px}.preview-column.right{right:30px}.preview-column img{width:70px;height:36px}.preview-column.silhouettes img{width:68px;filter:brightness(0) opacity(.65)}.preview-link{position:absolute;z-index:3;left:50%;bottom:75px;width:35px;height:35px;transform:translate(-50%);display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--template-accent);box-shadow:0 7px 15px #1d345c1f}.preview-link svg{width:18px}.preview-show-and-tell{background:radial-gradient(circle at 50% 57%,rgba(255,255,255,.96),transparent 38%),var(--template-soft)}.preview-speech{position:absolute;z-index:3;top:17px;left:28px;padding:7px 12px;border-radius:14px 14px 14px 3px;background:#fff;color:var(--ink);box-shadow:0 7px 16px #1d345c1a;font-family:"Baloo 2";font-size:13px;font-weight:900}.preview-rays{position:absolute;left:50%;bottom:57px;width:150px;height:150px;transform:translate(-50%);border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(139,107,232,.18) 0 7deg,transparent 7deg 23deg)}.preview-show-item{position:absolute;z-index:2;left:50%;bottom:38px;width:112px;height:112px;transform:translate(-50%)}.preview-label{position:absolute;z-index:3;right:25px;bottom:22px;padding:7px 13px;border-radius:9px;background:var(--template-accent);color:#fff;font-family:"Baloo 2";font-size:14px;font-weight:1000;letter-spacing:.07em}.preview-spot-row{position:absolute;left:22px;right:22px;bottom:31px;display:flex;align-items:center;justify-content:space-between}.preview-spot-row img{width:103px;height:70px;padding:7px;border-radius:16px;background:#ffffff94}.preview-spot-row img.spotted{outline:4px solid var(--template-accent);background:#fff;transform:translateY(-7px) scale(1.04)}.preview-eye,.preview-spark{position:absolute;z-index:3;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--template-accent);box-shadow:0 6px 13px #1d345c21}.preview-eye{left:50%;bottom:30px;width:31px;height:31px;transform:translate(-50%)}.preview-spark{right:18px;top:54px;width:29px;height:29px}.preview-eye svg,.preview-spark svg{width:16px}.preview-memory-missing{display:flex;align-items:flex-end;justify-content:center;gap:14px;padding-bottom:45px}.preview-memory-card{width:92px;height:102px;display:grid;place-items:center;border:2px solid rgba(225,91,154,.22);border-radius:18px;background:#fff;box-shadow:0 10px 18px #1d345c17}.preview-memory-card img{width:72px;height:72px}.preview-memory-card.missing{border-style:dashed;background:#ffffff73;color:var(--template-accent)}.preview-memory-card.missing svg{width:35px;height:35px}.preview-memory-dots{position:absolute;left:50%;bottom:17px;transform:translate(-50%);display:flex;gap:5px}.preview-memory-dots i{width:7px;height:7px;border-radius:50%;background:#e15b9a52}.preview-memory-dots i:nth-child(2){width:20px;border-radius:99px;background:var(--template-accent)}.preview-picture-equation{background:radial-gradient(circle at 78% 67%,rgba(255,215,70,.23),transparent 27%),var(--template-soft)}.preview-equation-item{position:absolute;z-index:2;bottom:37px;width:83px;height:83px;display:grid;place-items:center;border-radius:18px;background:#ffffffe0;box-shadow:0 8px 18px #1d345c17}.preview-equation-item:nth-of-type(2){left:23px}.preview-equation-item:nth-of-type(4){left:145px}.preview-equation-item img{width:66px;height:66px}.preview-plus{position:absolute;z-index:3;left:118px;bottom:62px;color:var(--template-accent)}.preview-plus svg{width:29px;height:29px;stroke-width:3.5}.preview-burst{position:absolute;z-index:2;right:24px;bottom:26px;width:105px;height:105px;display:grid;place-items:center;border-radius:50%;background:#ffd84e;box-shadow:0 0 0 8px #ffd84e38}.preview-burst:before{content:"";position:absolute;inset:-12px;background:#ffd84e;clip-path:polygon(50% 0,60% 22%,78% 7%,80% 29%,100% 26%,85% 47%,100% 62%,77% 64%,81% 88%,60% 75%,50% 100%,40% 76%,19% 91%,23% 65%,0 62%,16% 47%,0 28%,22% 29%,20% 7%,40% 23%);opacity:.55}.preview-burst>svg{position:absolute;z-index:1;width:94px;height:94px;color:#fff;opacity:.8}.preview-burst img{position:relative;z-index:2;width:74px;height:74px}.preview-youtube-short{background:radial-gradient(circle at 76% 68%,rgba(255,207,62,.27),transparent 28%),linear-gradient(145deg,#fff5fa,#edf9ff)}.preview-short-badge{position:absolute;z-index:4;left:20px;top:18px;padding:6px 9px;border-radius:999px;background:var(--template-accent);color:#fff;font-size:9px;font-weight:1000;letter-spacing:.08em;box-shadow:0 6px 14px #ff4f7b33}.preview-short-phone{position:absolute;z-index:2;left:50%;bottom:10px;width:126px;height:206px;transform:translate(-50%);overflow:hidden;display:block;border:5px solid var(--ink);border-radius:25px;background:linear-gradient(#fff9e9,#fff);box-shadow:0 13px 25px #1d345c33}.preview-short-phone:before{content:"";position:absolute;z-index:5;left:50%;top:5px;width:33px;height:5px;transform:translate(-50%);border-radius:99px;background:var(--ink)}.preview-short-phone>b{position:absolute;z-index:3;left:0;right:0;top:22px;color:var(--ink);font:1000 10px "Baloo 2";text-align:center}.preview-short-before,.preview-short-after{position:absolute;display:grid;place-items:center;border-radius:16px}.preview-short-before{left:9px;top:56px;width:44px;height:58px;background:#eaf0f8}.preview-short-before img{width:38px;height:45px;filter:brightness(0) opacity(.72)}.preview-short-arrow{position:absolute;left:54px;top:76px;width:18px;height:18px;color:var(--template-accent);stroke-width:3}.preview-short-after{right:7px;top:48px;width:52px;height:73px;background:#fff1c7;box-shadow:0 0 0 4px #ffd2412e}.preview-short-after>svg{position:absolute;width:58px;height:58px;color:#ffd541}.preview-short-after img{position:relative;z-index:2;width:45px;height:53px;filter:drop-shadow(0 5px 5px rgba(29,52,92,.13))}.preview-short-phone>i{position:absolute;left:50%;bottom:26px;transform:translate(-50%);padding:6px 10px;border-radius:9px;background:var(--template-accent);color:#fff;font: 1000 12px "Baloo 2";letter-spacing:.07em}.preview-mixed-challenge{background:radial-gradient(circle at 50% 78%,rgba(67,206,167,.24),transparent 36%),linear-gradient(145deg,#eafff8,#eef5ff)}.preview-challenge-card{position:absolute;z-index:2;bottom:50px;width:91px;height:104px;padding:8px;display:grid;grid-template-rows:1fr auto;gap:3px;border:3px solid #fff;border-radius:18px;background:#fff;box-shadow:0 10px 20px #1d345c21}.preview-challenge-card img{width:100%;height:68px}.preview-challenge-card b{color:var(--ink);font:1000 11px "Baloo 2";text-align:center}.preview-challenge-card.one{left:35px;transform:rotate(-5deg)}.preview-challenge-card.two{left:50%;transform:translate(-50%) translateY(-8px);border-color:color-mix(in srgb,var(--template-accent) 42%,#fff)}.preview-challenge-card.three{right:35px;transform:rotate(5deg)}.preview-challenge-flow{position:absolute;z-index:3;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;gap:6px;color:var(--template-accent);font-size:12px;font-weight:1000}.preview-challenge-flow i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--template-accent);color:#fff;font-style:normal}.home-template-preview.compact .preview-challenge-card{bottom:39px;width:66px;height:79px;padding:6px;border-radius:14px}.home-template-preview.compact .preview-challenge-card img{height:49px}.home-template-preview.compact .preview-challenge-card.one{left:17px}.home-template-preview.compact .preview-challenge-card.three{right:17px}.home-template-preview.compact .preview-challenge-flow{bottom:9px}.preview-counting-adventure{background:radial-gradient(circle at 50% 75%,rgba(255,210,70,.3),transparent 34%),linear-gradient(145deg,#fff9dc,#eefaff)}.preview-number-row{position:absolute;left:50%;top:64px;transform:translate(-50%);display:flex;align-items:flex-end;gap:12px}.preview-number-row b{width:62px;height:72px;display:grid;place-items:center;border:4px solid #fff;border-radius:20px;color:#fff;font:1000 44px "Baloo 2";box-shadow:0 10px 19px #1d345c24}.preview-number-row b:nth-child(1){background:#ff6b6b;transform:rotate(-6deg)}.preview-number-row b:nth-child(2){height:83px;background:#4d96ff}.preview-number-row b:nth-child(3){background:#f5a623;transform:rotate(6deg)}.preview-count-dots{position:absolute;left:32px;bottom:27px;display:flex;gap:8px}.preview-count-dots i{width:17px;height:17px;border-radius:50%;background:var(--template-accent);box-shadow:inset 0 -3px #784b0024}.preview-number-bubble{position:absolute;right:25px;bottom:21px;padding:9px 13px;border-radius:13px;background:#fff;color:var(--ink);font:1000 17px "Baloo 2";box-shadow:0 8px 17px #1d345c1a}.preview-letter-builder{background:radial-gradient(circle at 28% 68%,rgba(139,107,232,.23),transparent 29%),linear-gradient(145deg,#f7f1ff,#edfbff)}.preview-letter-pair{position:absolute;left:40px;bottom:27px;width:115px;height:116px;display:flex;align-items:baseline;justify-content:center;gap:3px;border-radius:31px;background:var(--template-accent);color:#fff;box-shadow:0 12px 22px #5644b033}.preview-letter-pair b{font:1000 76px "Baloo 2";line-height:1.45}.preview-letter-pair i{font: 1000 42px "Baloo 2"}.preview-word-build{position:absolute;right:31px;bottom:45px;display:flex;gap:7px}.preview-word-build b{width:47px;height:56px;display:grid;place-items:center;border-radius:15px;background:#fff;color:var(--template-accent);font:1000 30px "Baloo 2";box-shadow:0 8px 16px #1d345c1c}.preview-letter-spark{position:absolute;right:23px;top:63px;color:#f5a623}.preview-letter-spark svg{width:31px;height:31px}.home-template-preview.compact .preview-number-row{top:48px;gap:7px}.home-template-preview.compact .preview-number-row b{width:42px;height:52px;border-width:3px;border-radius:14px;font-size:31px}.home-template-preview.compact .preview-number-row b:nth-child(2){height:59px}.home-template-preview.compact .preview-count-dots{left:16px;bottom:19px}.home-template-preview.compact .preview-count-dots i{width:11px;height:11px}.home-template-preview.compact .preview-number-bubble{right:13px;bottom:13px;padding:6px 8px;font-size:11px}.home-template-preview.compact .preview-letter-pair{left:20px;bottom:21px;width:77px;height:87px;border-radius:23px}.home-template-preview.compact .preview-letter-pair b{font-size:54px}.home-template-preview.compact .preview-letter-pair i{font-size:30px}.home-template-preview.compact .preview-word-build{right:15px;bottom:32px;gap:4px}.home-template-preview.compact .preview-word-build b{width:32px;height:41px;border-radius:10px;font-size:21px}.home-template-preview.compact .preview-letter-spark{right:12px;top:48px}.home-template-preview.compact .preview-prompt,.home-template-preview.compact .preview-speech{top:12px;font-size:10px}.home-template-preview.compact .preview-moving-item{left:25px;bottom:19px;width:86px}.home-template-preview.compact .preview-target{right:25px;bottom:20px;width:90px;height:66px}.home-template-preview.compact .preview-hole{bottom:20px;transform:scale(.78)}.home-template-preview.compact .preview-hole:nth-of-type(2){left:79px}.home-template-preview.compact .preview-hole:nth-of-type(3){left:139px}.home-template-preview.compact .preview-hole:nth-of-type(4){right:8px}.home-template-preview.compact .preview-try-item{left:15px;bottom:22px;width:58px}.home-template-preview.compact .preview-column img{width:52px;height:28px}.home-template-preview.compact .preview-lines{left:48px;right:48px;width:calc(100% - 96px);bottom:8px}.home-template-preview.compact .preview-show-item{width:84px;height:84px;bottom:32px}.home-template-preview.compact .preview-label{right:14px;bottom:14px;font-size:10px}.home-template-preview.compact .preview-spot-row img{width:72px;height:54px}.home-template-preview.compact .preview-memory-card{width:67px;height:79px}.home-template-preview.compact .preview-memory-card img{width:52px;height:52px}.home-template-preview.compact .preview-equation-item{bottom:25px;width:65px;height:65px}.home-template-preview.compact .preview-equation-item:nth-of-type(2){left:14px}.home-template-preview.compact .preview-equation-item:nth-of-type(4){left:102px}.home-template-preview.compact .preview-equation-item img{width:51px;height:51px}.home-template-preview.compact .preview-plus{left:80px;bottom:43px}.home-template-preview.compact .preview-burst{right:15px;bottom:17px;width:78px;height:78px}.home-template-preview.compact .preview-burst img{width:56px;height:56px}.home-template-preview.compact .preview-short-badge{left:12px;top:12px;padding:5px 7px;font-size:8px}.home-template-preview.compact .preview-short-phone{bottom:7px;width:98px;height:162px;border-width:4px;border-radius:20px}.home-template-preview.compact .preview-short-phone>b{top:18px;font-size:8px}.home-template-preview.compact .preview-short-before{left:6px;top:45px;width:36px;height:47px}.home-template-preview.compact .preview-short-before img{width:30px;height:37px}.home-template-preview.compact .preview-short-arrow{left:40px;top:61px;width:15px;height:15px}.home-template-preview.compact .preview-short-after{right:5px;top:40px;width:42px;height:57px}.home-template-preview.compact .preview-short-after img{width:36px;height:42px}.home-template-preview.compact .preview-short-phone>i{bottom:18px;padding:4px 7px;font-size:9px}.blank-starter-row{margin-top:22px;padding:16px 18px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;border:1.5px dashed var(--line);border-radius:18px;background:#ffffffa1}.blank-starter-row>div{display:flex;align-items:center;gap:12px}.blank-starter-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--paper);color:var(--sky)}.blank-starter-icon svg{width:18px}.blank-starter-row>div>span:last-child{display:flex;flex-direction:column}.blank-starter-row strong{font-size:12px}.blank-starter-row small{margin-top:2px;color:var(--ink-soft);font-size:9px;font-weight:700}.home-project-section{margin-top:56px;scroll-margin-top:18px}.new-project-thumbnail{display:grid;place-items:center}.new-project-thumbnail>svg{width:50px;height:50px;color:#1d345c2e}.project-initial{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-52%);font-family:"Baloo 2";font-size:46px;font-weight:1000;color:var(--ink)}.new-onboarding{min-height:100vh;padding-bottom:54px}.new-onboarding-header{min-height:72px;padding:0 max(24px,calc((100vw - 1260px)/2))}.new-onboarding-shell{width:min(1260px,calc(100% - 48px));max-width:none;margin:27px auto 0;padding:0;background:transparent;box-shadow:none}.three-step-progress{min-width:460px;justify-content:center}.three-step-progress .progress-step{gap:7px}.three-step-progress .progress-step i{width:25px;height:25px}.three-step-progress .progress-step.complete{color:var(--teal);text-decoration:none}.three-step-progress .progress-step.complete i{background:var(--teal);color:#fff}.three-step-progress .progress-step.complete svg{width:14px;height:14px}.setup-exit{min-width:122px;color:var(--ink-soft);font-size:10px;font-weight:900;text-align:right;text-decoration:none}.setup-exit:hover{color:var(--ink)}.setup-page-title{margin:0 0 22px;text-align:left}.setup-page-title h1{margin:5px 0 4px;font-size:39px}.setup-page-title p{max-width:720px;margin:0}.asset-setup-layout{display:grid;grid-template-columns:316px minmax(0,1fr);align-items:start;gap:22px}.chosen-template-panel,.asset-picker-panel,.review-template-card,.review-details-card{border:1px solid var(--line);border-radius:23px;background:#fffffff2;box-shadow:0 16px 42px #1d345c17}.chosen-template-panel{padding:13px;position:sticky;top:92px}.chosen-template-label{margin:2px 5px 11px;display:flex;align-items:center;gap:6px;color:var(--teal);font-size:9px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.chosen-template-label svg{width:13px;height:13px}.chosen-template-panel>h2{margin:15px 7px 3px;font-family:"Baloo 2";font-size:23px}.chosen-template-panel>p{min-height:48px;margin:0 7px 13px;color:var(--ink-soft);font-size:10px;font-weight:700;line-height:1.5}.chosen-template-meta{margin:0 7px 14px;display:flex;flex-wrap:wrap;gap:5px}.chosen-template-meta span{padding:5px 7px;border-radius:7px;background:var(--paper);color:var(--ink-soft);font-size:8px;font-weight:900}.chosen-template-panel>a{margin:0 7px 5px;color:var(--sky);font-size:9px;font-weight:1000;text-decoration:none}.asset-picker-panel{min-height:640px;padding:24px}.asset-picker-heading{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.asset-picker-heading h2{margin:3px 0 0;font-family:"Baloo 2";font-size:27px}.selection-count.large{min-width:92px;min-height:50px;padding:6px 11px;display:flex;align-items:center;gap:7px;border-radius:13px;background:var(--ink);color:#fff}.selection-count.large strong{font-family:"Baloo 2";font-size:25px}.selection-count.large span{max-width:42px;font-size:8px;font-weight:900;line-height:1.15}.equation-count-control{margin:0 0 14px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(18,181,165,.22);border-radius:14px;background:linear-gradient(135deg,#12b5a514,#4d96ff12)}.equation-count-control>span{display:flex;flex-direction:column;gap:2px}.equation-count-control strong{color:var(--ink);font-size:11px}.equation-count-control small{color:var(--ink-soft);font-size:9px;font-weight:800}.equation-count-control select{min-width:150px;min-height:42px;padding:0 34px 0 12px;border:1px solid rgba(18,181,165,.3);border-radius:11px;background:#fff;color:var(--ink);font:900 11px Nunito;cursor:pointer;outline:none}.equation-count-control select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #12b5a51f}.challenge-duration-input{display:flex;align-items:center;gap:8px}.challenge-duration-input input{width:92px;min-height:42px;padding:0 12px;border:1px solid rgba(18,181,165,.3);border-radius:11px;background:#fff;color:var(--ink);font:900 15px Nunito;outline:none}.challenge-duration-input input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #12b5a51f}.challenge-duration-input b{color:var(--ink-soft);font-size:10px}.lesson-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lesson-choice-card{min-height:126px;padding:16px;position:relative;display:grid;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:12px;border:2px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.challenge-builder-controls{margin-bottom:18px;padding:15px;border:1.5px solid rgba(22,160,133,.22);border-radius:18px;background:linear-gradient(145deg,#effcf8,#f7fbff)}.challenge-pattern-heading{margin:14px 2px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.challenge-pattern-heading strong{font-family:"Baloo 2";font-size:16px}.challenge-pattern-heading small{color:var(--ink-soft);font-size:10px;font-weight:900}.challenge-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.challenge-pattern-grid .lesson-choice-card{min-height:98px;padding:12px;grid-template-columns:40px minmax(0,1fr)}.challenge-pattern-grid .lesson-choice-icon{width:40px;height:40px}.challenge-pattern-grid .lesson-choice-card>b{bottom:7px}.challenge-review-summary{margin:0 0 13px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.challenge-review-summary span{min-width:0;padding:9px;display:flex;align-items:center;gap:7px;border:1px solid rgba(22,160,133,.2);border-radius:11px;background:#effcf8;color:var(--ink);font-size:9px;font-weight:900}.challenge-review-summary b{width:20px;height:20px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#16a085;color:#fff}.lesson-choice-card:hover{transform:translateY(-2px);border-color:#12b5a56b;box-shadow:0 11px 24px #1d345c1a}.lesson-choice-card.selected{border-color:var(--teal);background:linear-gradient(145deg,#fff,#edfffb);box-shadow:0 0 0 3px #12b5a51a}.lesson-choice-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#fff1bf,#eaf5ff);color:var(--teal)}.lesson-choice-icon svg{width:25px;height:25px}.lesson-choice-card>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.lesson-choice-card strong{font:1000 15px "Baloo 2"}.lesson-choice-card small{color:var(--ink-soft);font-size:9px;font-weight:800;line-height:1.4}.lesson-choice-card>b{grid-column:2;color:var(--teal);font-size:9px}.lesson-choice-card>i{position:absolute;right:13px;top:13px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--paper);color:var(--ink-soft)}.lesson-choice-card.selected>i{background:var(--teal);color:#fff}.lesson-choice-card>i svg{width:14px;height:14px}.setup-selected-chips{min-height:57px;margin:0 0 14px;padding:8px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.equation-count-control+.setup-selected-chips{max-height:142px;overflow-y:auto;align-content:flex-start}.setup-selected-chips button{min-height:39px;padding:4px 8px 4px 5px;gap:6px;border:1px solid rgba(18,181,165,.22);background:#fff}.setup-selected-chips img{width:31px;height:31px;padding:2px;object-fit:contain;border-radius:8px;background:#edf8ff}.setup-selected-chips svg{width:13px;height:13px;color:var(--ink-soft)}.setup-category-tabs{margin:0 0 14px;padding:4px;display:grid;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:3px;overflow:visible;border-radius:14px;background:#edf2f8}.setup-category-tabs button{min-width:0;min-height:48px;padding:5px 3px;flex-direction:column;gap:3px;border:0;border-radius:10px;background:transparent;color:var(--ink-soft);font-size:8px;font-weight:900}.setup-category-tabs button{width:100%}.setup-category-tabs button svg{width:17px;height:17px}.setup-category-tabs button.active{background:#fff;color:var(--teal);box-shadow:0 4px 10px #1d345c17}.setup-item-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.setup-item-grid .item-choice-card{min-height:173px;padding:10px;border-radius:16px}.setup-item-grid .item-preview{height:122px;margin-bottom:7px;padding:12px;overflow:hidden;border-radius:12px}.setup-item-grid .item-preview img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;filter:none}.setup-item-grid .item-choice-card{min-height:195px}.equation-choice-grid{align-items:stretch}.equation-choice-card{min-height:188px!important}.equation-card-preview{height:118px;margin-bottom:7px;padding:8px 7px;display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 16px minmax(0,1.12fr);align-items:center;gap:3px;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#eef7ff,#fff8e7)}.equation-card-preview img{display:block;width:100%;height:92px;min-width:0;object-fit:contain;object-position:center}.equation-card-preview b,.equation-card-preview i{color:var(--ink-soft);font:1000 17px "Baloo 2";text-align:center;font-style:normal}.equation-card-preview i{color:var(--teal);font-size:15px}.equation-card-preview i svg{width:14px;height:14px}.equation-card-preview .equation-answer-preview{padding:3px;border:2px solid rgba(18,181,165,.22);border-radius:10px;background:#ffffffc7}.setup-item-grid .item-choice-card>strong{position:relative;z-index:2;font-size:11px}.setup-item-grid .item-choice-card>small{margin-top:2px;position:relative;z-index:2;color:var(--ink-soft);font-size:8px}.setup-error{max-width:100%;margin:14px 0 0;padding:10px 13px;border:1px solid rgba(255,107,107,.28);border-radius:12px;background:#fff2f2;color:#b53a3a;font-size:10px;font-weight:900}.setup-sticky-actions{position:sticky;z-index:8;bottom:14px;min-height:70px;margin-top:18px;padding:10px 12px;border:1px solid rgba(29,52,92,.12);border-radius:18px;background:#ffffffed;box-shadow:0 15px 38px #1d345c29;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.setup-sticky-actions>div{display:flex;align-items:center;gap:13px}.setup-sticky-actions>div>span{color:var(--ink-soft);font-size:9px;font-weight:900}.setup-cancel{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.setup-cancel svg,.setup-next svg{width:16px}.setup-next{min-height:48px;padding:0 18px}.review-setup-layout{display:grid;grid-template-columns:385px minmax(0,1fr);align-items:start;gap:22px}.review-template-card{padding:14px}.review-template-card>div:last-child{padding:17px 8px 7px}.review-template-card>div:last-child>span{font-size:9px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.review-template-card h2{margin:5px 0 2px;font-family:"Baloo 2";font-size:25px}.review-template-card p{margin:0;color:var(--ink-soft);font-size:10px;font-weight:800}.review-details-card{padding:24px}.review-name-field{display:flex;flex-direction:column;gap:6px}.review-name-field span,.review-assets-heading>span{color:var(--ink-soft);font-size:9px;font-weight:1000;letter-spacing:.06em;text-transform:uppercase}.review-name-field input{width:100%;min-height:48px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font:900 13px Nunito;outline:none}.review-name-field input:focus{border-color:var(--sky);box-shadow:0 0 0 3px #4d96ff1f}.review-assets-heading{margin:22px 0 9px;display:flex;justify-content:space-between;align-items:center}.review-assets-heading button{border:0;background:transparent;color:var(--sky);font-size:9px;font-weight:1000;cursor:pointer}.review-assets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.review-assets>div{min-height:150px;padding:10px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:15px;background:var(--paper)}.review-assets>div>span{position:absolute;left:9px;top:9px;width:21px;height:21px;display:grid;place-items:center;border-radius:7px;background:var(--ink);color:#fff;font-size:8px;font-weight:1000}.review-assets img{width:100%;height:96px;object-fit:contain}.review-assets strong{margin-top:4px;font-size:10px}.review-assets>.review-lesson{grid-column:1 / -1;min-height:105px;align-items:flex-start;padding-left:54px}.review-lesson>div{display:flex;flex-direction:column;gap:4px}.review-lesson strong{font:1000 18px "Baloo 2"}.review-lesson small{color:var(--ink-soft);font-size:10px;font-weight:800}.generated-features{margin-top:17px;padding:13px 15px;border-radius:14px;background:linear-gradient(135deg,#12b5a517,#4d96ff14)}.generated-features>span{display:flex;align-items:center;gap:6px;color:var(--teal);font-size:10px;font-weight:1000}.generated-features svg{width:15px}.generated-features ul{margin:9px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;list-style:none}.generated-features li{padding-left:15px;position:relative;color:var(--ink-soft);font-size:9px;font-weight:800;line-height:1.35}.generated-features li:before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:1000}@media(max-width:1120px){.home-hero{grid-template-columns:1fr}.home-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-setup-layout{grid-template-columns:285px minmax(0,1fr)}.setup-category-tabs{display:grid}}@media(max-width:820px){.new-onboarding-header{min-height:auto;padding:12px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.new-onboarding-header .brand{font-size:20px}.three-step-progress{grid-column:1 / -1;grid-row:2;width:100%;min-width:0;justify-content:space-between}.three-step-progress>b{width:auto;flex:1}.setup-exit{min-width:0}.new-onboarding-shell{width:calc(100% - 24px);margin-top:18px}.setup-page-title h1{font-size:31px;line-height:1.05}.asset-setup-layout,.review-setup-layout{grid-template-columns:minmax(0,1fr)}.chosen-template-panel{position:static}.asset-picker-panel,.review-details-card{min-height:0;padding:16px}.asset-picker-heading{align-items:flex-start;gap:10px}.lesson-choice-grid,.challenge-pattern-grid{grid-template-columns:1fr}.setup-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.equation-count-control{align-items:flex-start;gap:10px}.equation-count-control select{min-width:125px}.setup-sticky-actions{position:static;align-items:stretch;flex-direction:column;gap:10px}.setup-sticky-actions>div{justify-content:space-between}.setup-next{min-width:0}.generated-features ul,.challenge-review-summary{grid-template-columns:1fr}}@media(max-width:480px){.three-step-progress .progress-step{font-size:8px}.three-step-progress .progress-step i{width:22px;height:22px}.setup-category-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.review-assets{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-sticky-actions>div{align-items:stretch;flex-direction:column}.setup-next,.setup-cancel{width:100%;justify-content:center}}.soundtrack-picker{margin:14px 0 18px;padding:13px;border:1px solid #cfe0f6;border-radius:16px;background:linear-gradient(145deg,#f4f9ff,#f8f5ff)}.soundtrack-heading{display:flex;align-items:center;gap:9px;margin-bottom:11px}.soundtrack-heading>span:last-child{display:grid;gap:2px}.soundtrack-heading small{color:#6f7d97;font-size:10px;line-height:1.3}.soundtrack-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#1fc7b5;color:#fff}.soundtrack-list{display:grid;gap:7px}.soundtrack-card{display:flex;gap:7px;padding:6px;border:1px solid #dbe5f3;border-radius:12px;background:#fff}.soundtrack-card.selected{border-color:#17b9a8;box-shadow:0 0 0 2px #17b9a81c}.soundtrack-preview{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:9px;background:#e9f7f5;color:#159b8c;cursor:pointer}.soundtrack-select{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;padding:0;border:0;background:transparent;color:#182846;cursor:pointer;text-align:left}.soundtrack-select>span{display:grid;gap:1px}.soundtrack-select strong{font-size:11px}.soundtrack-select small{color:#7d8aa0;font-size:9px}.soundtrack-picker .audio-mixer{margin:12px 0 0}.music-generator,.builtin-audio-library{margin-top:12px;padding-top:12px;border-top:1px solid #dbe5f3}.music-generator textarea{width:100%;min-height:66px;padding:8px;resize:vertical;border:1.5px solid var(--line);border-radius:9px;color:var(--ink);font-size:10px;line-height:1.4}.music-generator textarea:focus{outline:3px solid rgba(18,181,165,.13);border-color:var(--teal)}.music-generator>button{width:100%;min-height:33px;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:9px;background:var(--teal);color:#fff;font-size:9px;font-weight:900;cursor:pointer}.music-generator>button:disabled{cursor:not-allowed;opacity:.5}.audio-folder{margin-top:7px}.effect-list{display:grid;gap:5px;padding:0 7px 8px}.effect-list>div{min-height:39px;display:flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--line);border-radius:9px}.effect-list>div>span{min-width:0;flex:1;display:grid}.effect-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.effect-list small{color:var(--ink-soft);font-size:8px}.effect-preview,.effect-add{border:0;border-radius:7px;cursor:pointer}.effect-preview{width:27px;height:27px;display:grid;place-items:center;background:#e9f7f5;color:var(--teal)}.effect-add{padding:5px 7px;background:#12b5a51f;color:var(--teal);font-size:8px;font-weight:900}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sound-effects-review-link{margin-bottom:8px;text-decoration:none}.sfx-review-page{min-height:100vh;padding:0 5vw 54px;background:radial-gradient(circle at 8% 9%,rgba(255,210,72,.2),transparent 25%),radial-gradient(circle at 93% 24%,rgba(18,181,165,.16),transparent 24%),#f5f8fd;color:var(--ink)}.sfx-review-head{min-height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(29,52,92,.1)}.sfx-review-head .secondary-button{text-decoration:none}.sfx-review-hero{max-width:1320px;margin:0 auto;padding:58px 0 44px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.6fr);gap:52px;align-items:end}.sfx-review-hero h1{margin:14px 0 12px;font:1000 clamp(38px,5vw,64px)/.98 "Baloo 2";letter-spacing:-.035em}.sfx-review-hero h1 em{color:var(--teal);font-style:normal}.sfx-review-hero p{max-width:760px;margin:0;color:var(--ink-soft);font-size:15px;font-weight:700;line-height:1.6}.sfx-review-summary{padding:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;border:1px solid rgba(29,52,92,.1);border-radius:22px;background:#ffffffe6;box-shadow:0 18px 45px #1d345c1a}.sfx-review-summary span{display:grid;gap:2px;color:var(--ink-soft);font-size:10px;font-weight:900;text-align:center}.sfx-review-summary b{color:var(--ink);font:1000 27px "Baloo 2"}.sfx-review-summary>div{height:7px;grid-column:1/-1;overflow:hidden;border-radius:99px;background:#e6edf6}.sfx-review-summary i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--teal),#4d96ff);transition:width .25s ease}.sfx-category-list{max-width:1320px;margin:0 auto;display:grid;gap:24px}.sfx-category{padding:24px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;border:1px solid rgba(29,52,92,.1);border-radius:24px;background:#ffffffe6;box-shadow:0 13px 38px #1d345c12}.sfx-category-copy{display:flex;gap:13px;align-items:flex-start}.sfx-category-copy>span{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;background:#e6faf7;color:var(--teal);font:1000 13px "Baloo 2"}.sfx-category-copy h2{margin:1px 0 6px;font:1000 21px/1.08 "Baloo 2"}.sfx-category-copy p{margin:0;color:var(--ink-soft);font-size:11px;font-weight:700;line-height:1.45}.sfx-option-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.sfx-option{min-width:0;padding:12px;border:1.5px solid #dce5f1;border-radius:16px;background:#fff;transition:border-color .18s,box-shadow .18s,transform .18s}.sfx-option:hover{transform:translateY(-2px);box-shadow:0 9px 22px #1d345c14}.sfx-option.status-approved{border-color:#19b99f;background:#f2fffb}.sfx-option.status-rejected{border-color:#e4b4b4;background:snow;opacity:.72}.sfx-option-top{display:flex;align-items:center;gap:6px}.sfx-option-top>span{flex:1;color:var(--ink-soft);font-size:8px;font-weight:1000;letter-spacing:.07em;text-transform:uppercase}.sfx-option-top small{color:#8c98aa;font-size:8px;font-weight:900}.sfx-play{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--ink);color:#fff;cursor:pointer}.sfx-play:hover{background:var(--teal)}.sfx-play svg{width:15px;height:15px;fill:currentColor}.sfx-option h3{margin:13px 0 5px;font:1000 15px "Baloo 2"}.sfx-option>p{min-height:48px;margin:0;color:var(--ink-soft);font-size:9px;font-weight:700;line-height:1.42}.sfx-review-actions{margin-top:12px;display:flex;gap:5px}.sfx-review-actions button{min-height:30px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:3px;flex:1;border:1px solid #dce5f1;border-radius:9px;background:#f6f8fb;color:var(--ink-soft);font-size:8px;font-weight:1000;cursor:pointer}.sfx-review-actions button svg{width:12px;height:12px}.sfx-review-actions button.approve.active{border-color:var(--teal);background:var(--teal);color:#fff}.sfx-review-actions button.reject.active{border-color:#d75d5d;background:#d75d5d;color:#fff}.sfx-review-actions button.reset{max-width:30px;padding:0;flex:0 0 30px}.sfx-review-actions button:disabled{cursor:wait;opacity:.45}.sfx-floating-stop{position:fixed;z-index:40;right:28px;bottom:28px;min-height:48px;padding:0 18px;display:flex;align-items:center;gap:8px;border:0;border-radius:999px;background:var(--ink);color:#fff;box-shadow:0 15px 35px #1d345c47;font-weight:1000;cursor:pointer}.sfx-review-footer{max-width:1320px;margin:25px auto 0;padding:17px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;background:#e9f9f6;color:#167f75;font-size:11px;font-weight:900}.sfx-review-footer svg{width:17px}.sfx-loading{max-width:1320px;margin:0 auto;padding:80px;text-align:center;font-weight:900}.sfx-error{max-width:1320px;margin:0 auto 24px}@media(max-width:1180px){.sfx-category{grid-template-columns:1fr}.sfx-option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.sfx-review-page{padding-inline:18px}.sfx-review-hero{padding-top:34px;grid-template-columns:1fr;gap:25px}.sfx-option-grid{grid-template-columns:1fr}.sfx-category{padding:16px}.sfx-option>p{min-height:0}}