:root{--primary: #ffd400;--primary-soft: #fff4b8;--on-primary: #000000;--tab-active-fg: #000000;--nav-active: #ffd400;--accent: #e5252b;--text: #0b0b0d;--muted: #5e5e68;--border: #e6e6ea;--card-border: #e9e9ee;--bg: #ffffff;--tile: #f4f4f6;--bar-bg: #0b0b0d;--bar-icon: #9a9aa4;--shadow: 0 12px 32px -14px rgba(0, 0, 0, .3);--overlay: rgba(0, 0, 0, .45);--tint-1: #e0b800;--tint-2: #9a4deb;--tint-3: #7b5be6;--tint-4: #e8358c;--tint-5: #1f8fe0;--tint-6: #1fa866;--tint-7: #f07400;--display: "Unbounded", "Arial Black", system-ui, sans-serif;--body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r-sm: 12px;--r-md: 18px;--r-lg: 26px;--dock-h: 72px;--dock-overhang: 22px;--rail-w: 104px;--safe-b: env(safe-area-inset-bottom, 0px);color-scheme:light}:root[data-theme=dark]{--primary: #ffd400;--primary-soft: rgba(255, 212, 0, .14);--accent: #ff3b30;--text: #ffffff;--muted: #a3a3ad;--border: #26262c;--card-border: #2a2a30;--bg: #000000;--tile: #121214;--bar-bg: #0b0b0d;--shadow: 0 14px 34px -14px rgba(0, 0, 0, .85);--overlay: rgba(0, 0, 0, .65);--tint-1: #ffd400;--tint-2: #b66dff;--tint-3: #9d7bff;--tint-4: #ff4fa3;--tint-5: #2ea8ff;--tint-6: #35d07f;--tint-7: #ff8a1f;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0;background:none;padding:0}button:disabled{cursor:default;opacity:.55}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{display:flex;height:100%}.shell-main{flex:1;min-width:0;height:100%;display:flex;flex-direction:column}.screen{flex:1;min-height:0;display:flex;flex-direction:column;max-width:860px;width:100%;margin:0 auto}.dock-wrap{position:fixed;left:14px;right:14px;bottom:calc(10px + var(--safe-b));z-index:30;transition:transform .25s ease}.dock-wrap.hidden{transform:translateY(calc(var(--dock-h) + 40px))}.dock{height:var(--dock-h);border-radius:26px;background:var(--bar-bg);padding:0 8px;display:flex;align-items:center;box-shadow:var(--shadow);max-width:560px;margin:0 auto}.dock-item{flex:1 1 0;height:100%;padding-bottom:9px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;color:var(--bar-icon)}.dock-item.active{color:var(--nav-active)}.dock-pill{display:none}.dock-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;font-weight:600;font-size:12.5px;white-space:nowrap}.dock-item.active .dock-content{font-weight:800}.dock-create{flex:1 1 0;height:100%;padding-bottom:9px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;color:#fff;font-weight:700;font-size:12.5px}.dock-create.active{color:var(--nav-active)}.dock-key{width:62px;height:62px;border-radius:50%;margin-top:calc(-1 * (var(--dock-overhang) + 18px));background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;border:4px solid var(--bar-bg);box-shadow:0 4px 16px #ffd40080;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.dock-create:active .dock-key{transform:scale(.92)}.dock-label-rail{display:none}@media(min-width:900px){.dock-wrap{position:relative;left:auto;right:auto;bottom:auto;width:var(--rail-w);flex:none;padding:16px 0 16px 16px;transform:none!important}.dock{height:100%;flex-direction:column;justify-content:center;gap:8px;padding:14px 8px;max-width:none}.dock-item,.dock-item.active{flex:none;width:72px;height:64px;margin:0;padding:0;justify-content:center}.dock-content{gap:4px;font-size:11px}.dock-create{flex:none;width:72px;height:auto;padding:6px 0;justify-content:center;font-size:11px}.dock-key{margin-top:0;width:54px;height:54px}.page-scroll{padding-bottom:32px!important}}.header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:16px 20px 10px}.header-eyebrow{font-size:13px;font-weight:600;color:var(--muted);margin:0 0 2px}.header-title{font-family:var(--display);font-weight:900;font-size:clamp(26px,5vw,34px);letter-spacing:-.03em;line-height:1.05;margin:0}.header-title .dot{color:var(--primary)}.header-actions{display:flex;gap:8px;padding-bottom:2px}.icon-btn{width:40px;height:40px;border-radius:12px;background:var(--tile);display:inline-flex;align-items:center;justify-content:center;color:var(--text);position:relative;flex:none}.icon-btn:hover{filter:brightness(.97)}.theme-toggle svg{position:absolute;transition:opacity .35s ease,transform .35s ease}.theme-toggle .sun{color:#e5a800}:root[data-theme=dark] .theme-toggle .sun{opacity:0;transform:rotate(90deg) scale(.4)}:root:not([data-theme=dark]) .theme-toggle .moon{opacity:0;transform:rotate(-90deg) scale(.4)}.chips{position:relative;display:flex;gap:6px;padding:6px 16px 10px;overflow-x:auto;scrollbar-width:none;flex:none}.chips::-webkit-scrollbar{display:none}.chip-pill{position:absolute;left:0;top:6px;height:38px;border-radius:999px;background:var(--primary);transform-origin:0 50%;pointer-events:none;will-change:transform}.chip{position:relative;height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--border);display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:15px;color:var(--muted);white-space:nowrap;flex:none;transition:color .2s}.chip.active{color:var(--tab-active-fg);border-color:transparent}.pager{flex:1;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.pager::-webkit-scrollbar{display:none}.page{flex:0 0 100%;scroll-snap-align:start;min-width:0;height:100%}.page-scroll{height:100%;overflow-y:auto;padding-bottom:calc(var(--dock-h) + var(--dock-overhang) + 40px + var(--safe-b));scrollbar-width:thin}.section-head{display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin:26px 0 12px}.section-title{font-size:19px;font-weight:800;letter-spacing:-.01em;margin:0}.link{color:var(--accent);font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:4px}.hero{margin:6px 16px 0;padding:20px;border-radius:24px;background:#0e0e10;color:#fff;border:1px solid var(--card-border);position:relative;overflow:hidden}.hero>*{position:relative;z-index:1}.hero:before{content:"";position:absolute;z-index:0;right:-70px;top:-70px;width:230px;height:230px;border-radius:50%;background:var(--primary);opacity:.16}.hero:after{content:"";position:absolute;z-index:0;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;border:18px solid rgba(255,212,0,.22)}.hero-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--primary);margin:0}.hero-title{font-family:var(--display);font-weight:900;font-size:clamp(21px,4.2vw,28px);letter-spacing:-.03em;line-height:1.1;margin:6px 0 16px;max-width:85%}.hero-row{display:flex;gap:8px;position:relative;z-index:1}.hero-btn{flex:1;height:74px;border-radius:18px;background:#ffffff12;border:1px solid rgba(255,255,255,.14);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-weight:700;font-size:13px;transition:transform .15s}.hero-btn svg{color:var(--primary)}.hero-btn:active{transform:scale(.97)}.hero-btn:first-child{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:800}.hero-btn:first-child svg{color:var(--on-primary)}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 16px}@media(min-width:640px){.tool-grid{grid-template-columns:repeat(8,1fr)}}.tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:86px;padding:0 4px;border-radius:14px;background:var(--tile);border:1px solid var(--card-border);font-size:12.5px;font-weight:600;text-align:center;line-height:1.2;position:relative;transition:transform .15s}.tool:hover{transform:translateY(-2px)}.tool:nth-child(7n+1) .tool-key{color:var(--tint-1)}.tool:nth-child(7n+2) .tool-key{color:var(--tint-2)}.tool:nth-child(7n+3) .tool-key{color:var(--tint-3)}.tool:nth-child(7n+4) .tool-key{color:var(--tint-4)}.tool:nth-child(7n+5) .tool-key{color:var(--tint-5)}.tool:nth-child(7n+6) .tool-key{color:var(--tint-6)}.tool:nth-child(7n) .tool-key{color:var(--tint-7)}.tool-key{display:flex;align-items:center;justify-content:center;position:static}.tool-key svg{width:28px;height:28px}.tool-new{position:absolute;top:-6px;right:-2px;padding:1px 6px;border-radius:8px;background:var(--primary);color:var(--on-primary);font-size:9.5px;font-weight:900;letter-spacing:.04em;line-height:1.5}.lab-list{display:grid;gap:10px;margin:0 20px}@media(min-width:640px){.lab-list{grid-template-columns:1fr 1fr}}.lab-row{display:flex;align-items:center;gap:14px;padding:12px;border-radius:18px;background:var(--tile);border:1px solid var(--card-border);text-align:left;width:100%}.lab-thumb{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex:none}.lab-title{font-weight:800;font-size:16px;display:flex;align-items:center;gap:8px}.lab-body{font-size:13px;color:var(--muted);margin-top:2px;line-height:1.4}.tag{background:var(--accent);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;padding:1px 6px;border-radius:6px}.rail{display:flex;gap:10px;overflow-x:auto;padding:0 20px 4px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.backdrop{flex:none;width:124px;height:164px;border-radius:14px;overflow:hidden;position:relative;border:1px solid var(--card-border)}.backdrop-bands{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;display:flex;flex-direction:column;transform:skewY(-12deg)}.backdrop-bands span{flex:1}.backdrop-count{position:absolute;top:8px;right:8px;background:var(--primary);color:var(--on-primary);font-weight:800;font-size:12px;padding:2px 7px;border-radius:8px}.backdrop-label{position:absolute;left:0;right:0;bottom:0;padding:9px 10px;background:#1210268c;color:#fff;font-weight:700;font-size:13px}.masonry{display:flex;gap:10px;padding:0 20px}.masonry-col{flex:1;display:flex;flex-direction:column;gap:10px}.masonry-item{border-radius:18px;display:flex;align-items:center;justify-content:center;color:#12102647}:root[data-theme=dark] .masonry-item{color:#ffffff4d}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 40px 0}.empty-key{width:68px;height:68px;border-radius:22px;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;transform:rotate(-6deg);margin-bottom:16px}.empty h3{margin:0 0 6px;font-size:19px;font-weight:800}.empty p{margin:0;color:var(--muted);max-width:34ch}.group{margin:0 20px;border-radius:18px;background:var(--tile);overflow:hidden}.row{display:flex;align-items:center;gap:12px;padding:14px;width:100%;text-align:left;font-size:16px;font-weight:500}.row+.row{border-top:1px solid var(--border)}.row-icon{width:34px;height:34px;border-radius:10px;background:var(--bg);display:flex;align-items:center;justify-content:center;flex:none}.row-label{flex:1}.row-value{color:var(--muted);font-size:15px}.switch{width:50px;height:30px;border-radius:999px;background:var(--border);position:relative;transition:background .2s;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.switch[aria-checked=true]{background:var(--primary)}.switch[aria-checked=true]:after{transform:translate(20px)}.backdrop-dim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:50;animation:fade .18s ease}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:51;background:var(--bg);border-radius:28px 28px 0 0;padding:10px 20px calc(20px + var(--safe-b));max-height:82vh;overflow-y:auto;animation:rise .28s cubic-bezier(.2,.9,.3,1);max-width:560px;margin:0 auto}.sheet-grip{width:40px;height:5px;border-radius:3px;background:var(--border);margin:0 auto 14px}.sheet h2{font-family:var(--display);font-weight:900;font-size:22px;letter-spacing:-.02em;margin:0 0 4px}.sheet .sub{color:var(--muted);margin:0 0 16px;font-size:14px}.source-row{display:flex;gap:12px}.source-btn{flex:1;height:120px;border-radius:22px;background:var(--tile);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:14px;padding:10px;text-align:center}.source-btn.primary{background:var(--primary);color:var(--on-primary)}.lang-row{display:flex;align-items:center;gap:14px;width:100%;padding:12px;border-radius:18px;background:var(--tile);border:1.5px solid transparent;margin-bottom:8px;text-align:left}.lang-row.active{border-color:var(--primary);background:var(--primary-soft)}.lang-code{width:42px;height:42px;border-radius:12px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;color:var(--muted)}.lang-row.active .lang-code{background:var(--primary);color:var(--on-primary)}.lang-native{font-weight:800}.lang-en{font-size:13px;color:var(--muted)}.modal-center{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:32px;background:var(--overlay);animation:fade .18s ease}.modal-card{width:100%;max-width:340px;background:var(--bg);border-radius:26px;padding:24px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;animation:pop .22s ease}.modal-card p{margin:0;font-weight:700;white-space:pre-wrap}.modal-card .note{font-weight:500;color:var(--muted);font-size:14px}.progress{align-self:stretch;height:6px;border-radius:3px;background:var(--tile);overflow:hidden}.progress>span{display:block;height:100%;background:var(--primary);transition:width .2s}.btn{height:46px;padding:0 20px;border-radius:14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-block{align-self:stretch}.spinner{width:34px;height:34px;border-radius:50%;border:4px solid var(--tile);border-top-color:var(--primary);animation:spin .8s linear infinite}.done-key{width:60px;height:60px;border-radius:20px;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;transform:rotate(-6deg)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(100%)}}@keyframes pop{0%{transform:scale(.9);opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}.editor{height:100%;display:flex;flex-direction:column;max-width:1180px;margin:0 auto;width:100%}.editor-top{display:flex;align-items:center;gap:12px;padding:10px 14px;flex:none}.editor-title{flex:1;text-align:center;font-weight:800;font-size:17px;margin:0}.editor-body{flex:1;min-height:0;display:flex;flex-direction:column}.stage{flex:1;min-height:220px;margin:0 12px;border-radius:22px;background:var(--tile);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.stage canvas{display:block}.stage-bar{position:absolute;left:16px;right:16px;bottom:12px;display:flex;align-items:center;gap:10px;pointer-events:none}.stage-bar>*{pointer-events:auto}.round-btn{width:44px;height:44px;border-radius:50%;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;flex:none}.compare-btn{margin-left:auto;width:42px;height:42px;border-radius:14px;background:var(--bg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);user-select:none;-webkit-user-select:none;touch-action:none}.compare-btn.active{background:var(--primary);color:var(--on-primary)}.time-label{background:var(--bg);padding:3px 8px;border-radius:8px;font-weight:800;font-size:13px;font-variant-numeric:tabular-nums}.stage-progress{flex:1;height:5px;border-radius:3px;background:#00000026;overflow:hidden}.stage-progress span{display:block;height:100%;background:var(--primary)}.panel{flex:none}.panel-tabs{display:flex;gap:6px;padding:10px 14px;overflow-x:auto;scrollbar-width:none}.panel-tab{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-weight:700;font-size:14px;white-space:nowrap}.panel-tab.active{background:var(--primary);border-color:var(--primary);color:var(--tab-active-fg)}.panel-body{height:210px;overflow-y:auto;padding-bottom:12px}@media(min-width:900px){.editor-body{flex-direction:row;gap:12px;padding:0 12px 12px}.stage{margin:0}.panel{width:380px;display:flex;flex-direction:column;background:var(--bg)}.panel-tabs{flex-wrap:wrap}.panel-body{height:auto;flex:1}}.choices{display:flex;gap:8px;overflow-x:auto;padding:0 16px 2px;scrollbar-width:none;flex-wrap:nowrap}@media(min-width:900px){.choices{flex-wrap:wrap}}.choice{height:40px;padding:0 16px;border-radius:14px;background:var(--tile);border:1.5px solid transparent;font-weight:700;font-size:14px;color:var(--muted);white-space:nowrap;flex:none}.choice.active{border-color:var(--primary);background:var(--primary-soft);color:var(--text)}.slider{display:block;padding:0 22px;margin-top:14px}.slider-head{display:flex;justify-content:space-between;font-size:14px;font-weight:700;margin-bottom:4px}.slider-head span:last-child{color:var(--muted);font-variant-numeric:tabular-nums}.slider input{width:100%;accent-color:var(--primary);height:28px}.slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.slider input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--border)}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-11px;border-radius:50%;background:var(--bg);border:3px solid var(--primary);box-shadow:0 2px 4px #0003}.slider input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--border)}.slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--bg);border:3px solid var(--primary)}.filters{display:flex;gap:10px;overflow-x:auto;padding:0 16px 4px;scrollbar-width:none}@media(min-width:900px){.filters{flex-wrap:wrap}}.filter{width:72px;flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted)}.filter canvas{width:68px;height:68px;border-radius:18px;border:2px solid transparent;background:var(--tile)}.filter.active{color:var(--text);font-weight:800}.filter.active canvas{border-color:var(--primary)}.tool-row{display:flex;justify-content:center;gap:18px;margin-top:16px}.tool-btn{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:700;min-width:72px}.tool-btn span:first-child{width:50px;height:50px;border-radius:16px;background:var(--tile);display:flex;align-items:center;justify-content:center}.tool-btn.active span:first-child{background:var(--primary);color:var(--on-primary)}.center-link{display:block;margin:8px auto 0;color:var(--accent);font-weight:700;font-size:14px}.hint{text-align:center;color:var(--muted);font-size:13px;margin:12px 24px 0}.timeline{position:relative;height:60px;margin:8px 32px 0;touch-action:none;-webkit-user-select:none;user-select:none}.timeline-thumbs{display:flex;height:100%;border-radius:12px;overflow:hidden;background:var(--tile)}.timeline-thumbs img,.timeline-thumbs span{flex:1;min-width:0;height:100%;object-fit:cover}.timeline-shade{position:absolute;top:0;bottom:0;background:#0000008c}.timeline-sel{position:absolute;top:-3px;bottom:-3px;border:3px solid var(--primary);border-radius:6px;pointer-events:none}.timeline-head{position:absolute;top:-6px;bottom:-6px;width:3px;left:-1px;border-radius:2px;background:#fff;box-shadow:0 0 2px #0009;pointer-events:none}.timeline-handle{position:absolute;top:-3px;bottom:-3px;width:18px;border-radius:6px;background:var(--primary);cursor:ew-resize;display:flex;align-items:center;justify-content:center}.timeline-handle:after{content:"";width:3px;height:20px;border-radius:2px;background:var(--on-primary);opacity:.6}.wb-input{margin:0 16px;border-radius:16px;border:1.5px solid var(--border);background:var(--bg);padding:10px 14px 6px}.wb-input textarea{width:100%;min-height:64px;max-height:110px;border:0;outline:none;resize:none;background:transparent;font-size:16px}.wb-count{text-align:right;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.wb-preview-row{display:flex;align-items:center;gap:12px;margin:10px 16px 0}.wb-stale{flex:1;font-size:12.5px;color:var(--accent);font-weight:600}.swatches{display:flex;gap:12px;padding:0 18px;margin-top:12px}.swatch{width:30px;height:30px;border-radius:50%;border:3px solid transparent}.swatch.light{border-color:var(--border)}.swatch.active{border-color:var(--primary);transform:scale(1.12)}.option{display:flex;align-items:center;gap:12px;width:calc(100% - 32px);margin:0 16px 8px;padding:10px;border-radius:16px;background:var(--tile);border:1.5px solid transparent;text-align:left}.option.active{border-color:var(--primary);background:var(--primary-soft)}.option-icon{width:34px;height:34px;border-radius:10px;background:var(--bg);display:flex;align-items:center;justify-content:center;flex:none}.option.active .option-icon{background:var(--primary);color:var(--on-primary)}.option-title{font-weight:800;font-size:15px}.option-sub{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.camera{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;color:#fff;z-index:40}.camera video{width:100%;height:100%;object-fit:cover}.camera video.mirror{transform:scaleX(-1)}.camera-top{position:absolute;top:12px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center}.cam-round{width:44px;height:44px;border-radius:50%;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center}.cam-bottom{position:absolute;left:0;right:0;bottom:calc(24px + var(--safe-b));display:flex;flex-direction:column;align-items:center;gap:18px}.cam-modes{display:flex;background:#00000073;border-radius:999px;padding:4px}.cam-mode{padding:8px 18px;border-radius:999px;font-weight:800;font-size:14px;color:#fff}.cam-mode.active{background:var(--primary);color:var(--on-primary)}.cam-controls{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:420px;padding:0 32px}.shutter{width:82px;height:82px;border-radius:50%;border:5px solid var(--primary);display:flex;align-items:center;justify-content:center}.shutter span{width:62px;height:62px;border-radius:50%;background:var(--primary);transition:all .2s}.shutter.video span{background:#e3262d}.shutter.rec span{width:30px;height:30px;border-radius:8px}.rec-timer{display:flex;align-items:center;gap:8px;background:#00000080;padding:6px 14px;border-radius:18px;font-weight:800;font-variant-numeric:tabular-nums}.rec-dot{width:10px;height:10px;border-radius:50%;background:#e3262d;animation:fade 1.5s infinite alternate}.cam-message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px;text-align:center;background:var(--bg);color:var(--text)}.cm-strip-row{display:flex;align-items:center;gap:8px;padding:10px 12px 0;flex:none}.cm-strip{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0;padding:2px}.cm-strip::-webkit-scrollbar{display:none}.cm-shot{width:56px;height:56px;border-radius:14px;border:2.5px solid transparent;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#121026}.cm-shot.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--bg) inset}.cm-shot-num{font-weight:900;font-size:17px;line-height:1}.cm-shot-dur{font-size:11px;font-weight:700;opacity:.75;margin-top:3px}.cm-add{background:var(--tile);color:var(--text);border:1.5px dashed var(--border)}.cm-strip-tools{display:flex;gap:6px;flex:none}.cm-strip-tools .icon-btn{width:36px;height:36px}.cm-panel{padding-top:2px}.cm-label{margin:12px 18px 8px;font-size:13px;font-weight:800;color:var(--muted)}.cm-slot+.cm-slot{margin-top:4px}.cm-avatars{display:flex;gap:8px;overflow-x:auto;padding:0 16px 2px;scrollbar-width:none}.cm-avatar-chip{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px 0 8px;border-radius:14px;background:var(--tile);border:1.5px solid transparent;font-weight:700;font-size:14px;white-space:nowrap;flex:none}.cm-avatar-chip.active{border-color:var(--primary);background:var(--primary-soft)}.cm-avatar-chip:disabled{opacity:.4}.cm-avatar{position:relative;width:26px;height:26px;border-radius:50%;overflow:hidden;flex:none;display:inline-block}.cm-avatar-hair{position:absolute;left:0;right:0;top:0;height:38%}.cm-avatar-shirt{position:absolute;left:3px;right:3px;bottom:-8px;height:12px;border-radius:50%}.cm-field{display:block;margin:12px 16px 0}.cm-field-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--muted);margin-bottom:6px}.cm-field input{width:100%;height:44px;border-radius:14px;border:1.5px solid var(--border);background:var(--bg);color:var(--text);padding:0 12px;font-size:16px;outline:none}.cm-field input:focus-visible{border-color:var(--primary)}.share-links{align-self:stretch;text-align:center}.share-title{margin:4px 0 10px;font-size:13px;font-weight:800;color:var(--muted)}.share-row{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 4px}.share-item{width:58px;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text);border-radius:12px}.share-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.share-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:16px}.share-label{font-size:11px;font-weight:700;margin-top:4px}.wb-thumbs{display:flex;gap:10px;overflow-x:auto;padding:4px 16px 2px;scrollbar-width:none}.wb-thumb{position:relative;width:64px;height:64px;border-radius:16px;overflow:hidden;border:3px solid transparent;background:var(--tile);flex:none;display:flex;align-items:center;justify-content:center;color:var(--text)}.wb-thumb.active{border-color:var(--primary)}.wb-thumb img{width:100%;height:100%;object-fit:cover}.wb-thumb-num{position:absolute;left:4px;top:4px;min-width:18px;height:18px;border-radius:9px;background:var(--primary);color:var(--on-primary);font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center}.wb-thumb-add{border:2px dashed var(--border)}.spinner.small{width:22px;height:22px;border-width:3px}.wb-remove{display:flex;align-items:center;gap:6px;margin:14px auto 4px;color:var(--accent);font-weight:800;font-size:14px}.wb-order-row{display:flex;align-items:center;gap:10px;margin:0 16px 6px;padding:8px 12px;border-radius:14px;background:var(--tile)}.wb-order-num{width:22px;height:22px;border-radius:11px;background:var(--primary);color:var(--on-primary);font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center;flex:none}.wb-order-name{flex:1;font-weight:700;font-size:15px}.wb-order-btn{width:32px;height:32px;border-radius:10px;background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--text)}.wb-order-btn:disabled{opacity:.35}.wb-scene{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:34px;min-width:44px;padding:0 10px;border-radius:12px;background:var(--tile);border:1px solid var(--border);color:var(--muted);flex:none}.wb-scene span{font-weight:900;font-size:14px;color:var(--text)}.wb-scene.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.wb-scene.active span{color:var(--on-primary)}.wb-scene-add{border-style:dashed;color:var(--text);min-width:40px}.cm-strip-tools .icon-btn:disabled{opacity:.35}.wb-templates{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px}.wb-template{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:14px;background:var(--tile);border:1px solid var(--border);font-weight:700;font-size:14px;color:var(--text)}.wb-grid-wrap{overflow-x:auto;padding:0 16px}.wb-grid{border-collapse:collapse}.wb-grid td{border:1px solid var(--border);padding:0;background:var(--bg)}.wb-grid td.head{background:var(--tile)}.wb-grid textarea{display:block;width:118px;min-height:40px;max-height:84px;field-sizing:content;border:0;resize:none;background:transparent;color:var(--text);font:inherit;font-size:14px;padding:8px;outline:none}.wb-grid td.head textarea{font-weight:800}.wb-grid textarea:focus-visible{box-shadow:inset 0 0 0 2px var(--primary)}.wb-table-tools{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px 0}.wb-table-tools button{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px;border-radius:10px;background:var(--tile);font-weight:700;font-size:12.5px;color:var(--text)}.wb-table-tools button:disabled{opacity:.35}.ai-card{margin:8px 16px 0;padding:16px;border-radius:22px;background:var(--tile);border:1px solid var(--card-border);display:flex;flex-direction:column;gap:12px}.ai-head{display:flex;align-items:center;gap:12px}.ai-head h3{margin:0;font-size:19px;font-weight:900}.ai-head p{margin:0;font-size:13px;color:var(--muted)}.ai-head-icon{width:40px;height:40px;border-radius:14px;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;flex:none}.ai-modes{display:flex;gap:8px}.ai-mode{flex:1;height:40px;border-radius:12px;background:var(--bg);border:1px solid var(--card-border);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:800;font-size:14px}.ai-mode.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.ai-prompt{position:relative;border-radius:16px;background:var(--bg);border:1.5px solid var(--border);padding:12px}.ai-prompt:focus-within{border-color:var(--primary)}.ai-prompt textarea{display:block;width:100%;min-height:76px;border:0;outline:none;resize:vertical;background:transparent;color:var(--text);font-size:16px;line-height:22px;padding:0}.ai-placeholder{position:absolute;top:12px;left:12px;right:12px;font-size:16px;line-height:22px;color:var(--muted);pointer-events:none;white-space:pre-wrap}.ai-caret{animation:ai-blink 1s steps(1) infinite}@keyframes ai-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.ai-caret{animation:none}}.ai-prompt-tools{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.ai-chip-btn{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:14px;background:var(--tile);font-size:12.5px;font-weight:700}.ai-count{font-size:12px;color:var(--muted)}.ai-photo{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;background:var(--bg);border:1px solid var(--card-border);text-align:left;width:100%}.ai-photo>div{flex:1;display:flex;flex-direction:column}.ai-photo strong{font-size:14.5px}.ai-photo span{font-size:12.5px;color:var(--muted)}.ai-photo img{width:52px;height:52px;border-radius:12px;object-fit:cover}.ai-photo-add{background:transparent;border:1.5px dashed var(--border);padding:12px}.ai-photo-icon{width:40px;height:40px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;flex:none}.ai-options{display:flex;flex-wrap:wrap;gap:8px}.ai-opt{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:12px;background:var(--bg);border:1px solid var(--card-border);font-weight:800;font-size:13px}.ai-opt.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.ai-aspect{display:inline-block;border:1.5px solid currentColor;border-radius:2px;opacity:.7}.ai-aspect-9x16{width:9px;height:15px}.ai-aspect-1x1{width:12px;height:12px}.ai-aspect-16x9{width:15px;height:9px}.ai-generate{height:50px;font-size:16px;font-weight:900}.ai-note{margin:0;font-size:12.5px;color:var(--muted);text-align:center}.ai-error{margin:0;font-size:13px;color:var(--accent);text-align:center}.ai-status{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:var(--bg)}.ai-status-text{flex:1;font-size:14px;font-weight:700}.ai-status-error{color:var(--accent)}.ai-elapsed{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.ai-result{display:flex;flex-direction:column;gap:10px;align-items:center}.ai-preview{width:100%;max-height:520px;border-radius:16px;overflow:hidden;background:var(--bg);display:flex;justify-content:center}.ai-preview img,.ai-preview video{max-width:100%;max-height:520px;display:block;object-fit:contain}.ai-result-actions{display:flex;gap:8px;align-self:stretch}.ai-result-actions .btn{flex:1;background:var(--bg);border:1px solid var(--card-border)}.ai-recent-title{margin:4px 0 0;font-size:13px;font-weight:800;color:var(--muted)}.ai-recent{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.ai-recent button{width:64px;height:64px;border-radius:12px;overflow:hidden;background:var(--bg);flex:none;display:flex;align-items:center;justify-content:center}.ai-recent img{width:100%;height:100%;object-fit:cover}.import-sheet{max-height:88vh;display:flex;flex-direction:column;overflow:hidden}.import-head{display:flex;align-items:flex-start;gap:12px}.import-head>div{flex:1;min-width:0}.import-head h2{margin:0;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-head p{margin:2px 0 0;color:var(--muted);font-size:13px}.import-list{overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:10px 0;flex:1}.import-note{margin:0 0 4px;font-size:13px;color:var(--muted)}.import-warn{margin:0;font-size:13px;display:flex;gap:6px;align-items:flex-start}.import-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:var(--tile);border:1.5px solid transparent;text-align:left;width:100%}.import-row.active{border-color:var(--primary)}.import-num{width:24px;text-align:center;font-weight:900;color:var(--muted);flex:none}.import-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.import-text strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-text>span:not(.import-badges){font-size:13px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.import-badges{display:flex;gap:6px;margin-top:4px}.import-badges em{font-style:normal;display:inline-flex;align-items:center;gap:4px;padding:0 8px;height:22px;border-radius:11px;background:var(--bg);font-size:11.5px;font-weight:700}.import-foot{display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px solid var(--border)}.import-reading{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:18px;background:var(--bg);font-weight:700}.claude-card{margin:8px 16px 0;padding:16px;border-radius:22px;background:var(--tile);border:1px solid var(--card-border);display:flex;flex-direction:column;gap:12px}.claude-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:14px}.claude-command{display:flex;flex-direction:column;gap:8px}.claude-command code{display:block;padding:12px;border-radius:12px;background:#050507;color:#ffd400;font:500 12.5px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all;-webkit-user-select:all;user-select:all}.claude-label{margin:6px 0 0;font-size:13px;font-weight:800;color:var(--muted)}.claude-examples{margin:0;padding-left:18px;font-size:14px;display:flex;flex-direction:column;gap:4px;color:var(--text)}.claude-key{display:flex;align-items:center;gap:8px;font-size:13px;padding:8px 10px;border-radius:12px;background:var(--bg)}.claude-key span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-cancel{display:block;width:100%;margin-top:14px;height:52px;border-radius:16px;background:var(--tile);color:var(--text);font-weight:800;font-size:16px}.source-cancel:hover{filter:brightness(1.1)}.news-stage{display:flex;justify-content:center;padding:4px 16px 0;min-height:0;flex:1 1 auto}.news-canvas{max-width:100%;max-height:46vh;height:auto;width:auto;border-radius:12px;background:#06122e;display:block}.news-bar{display:flex;align-items:center;gap:10px;padding:8px 16px}.news-play{width:40px;height:40px;border-radius:50%;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;flex:none}.news-play:disabled{opacity:.4}.news-status{flex:1;font-size:13px;color:var(--muted)}.news-panel{display:flex;flex-direction:column;gap:8px;padding:12px 16px 24px}.news-record{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:16px;background:#e5252b;color:#fff;font-weight:900;font-size:16px}.news-secondary{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:14px;background:var(--tile);border:1px solid var(--card-border);font-weight:800;font-size:14px;color:var(--text)}.news-secondary.danger{color:var(--accent)}.news-input{width:100%;border:1.5px solid var(--border);border-radius:14px;padding:10px 12px;font-size:16px;color:var(--text);background:var(--tile);font-family:inherit}.news-multiline{min-height:120px;resize:vertical}.news-cast{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.news-cast-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border-radius:14px;background:var(--tile);border:1.5px solid transparent;font-size:12px;font-weight:700;flex:none}.news-cast-chip.active{border-color:var(--primary)}.news-face{width:34px;height:34px;border-radius:50%;overflow:hidden;display:block}.news-face span{display:block;height:12px}.news-swatches{display:flex;flex-wrap:wrap;gap:10px}.news-swatch{width:32px;height:32px;border-radius:50%;border:2px solid var(--card-border)}.news-swatch.active{border:3px solid var(--primary)}.prompter{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.prompter-count{font-size:120px;font-weight:900;color:#ffd400}.prompter-top{position:absolute;top:28px;left:24px;right:24px;display:flex;align-items:center;gap:10px}.prompter-dot{width:12px;height:12px;border-radius:50%;background:#e5252b;animation:ai-blink 1s steps(1) infinite}.prompter-time{font-weight:800;font-variant-numeric:tabular-nums}.prompter-meter{flex:1;height:6px;border-radius:3px;background:#333;overflow:hidden}.prompter-meter span{display:block;height:6px;background:#35d07f}.prompter-window{flex:1;width:100%;max-width:900px;overflow:hidden;margin:70px 0 90px}.prompter-text{font-size:clamp(26px,4vw,40px);line-height:1.45;font-weight:700;text-align:center;white-space:pre-wrap}.prompter-stop{position:absolute;bottom:32px;display:flex;align-items:center;gap:10px;padding:0 24px;height:54px;border-radius:27px;background:#e5252b;color:#fff;font-weight:900;font-size:16px}.face-setup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.face-close{position:absolute;top:16px;left:16px;z-index:2;background:#00000080;color:#fff}.face-camera{position:relative;width:min(100vw,calc(70vh * 1.33));max-height:70vh;overflow:hidden}.face-camera video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}.face-oval{position:absolute;left:19%;width:62%;aspect-ratio:1 / 1.3;top:45%;transform:translateY(-50%);border:3px solid #FFD400;border-radius:50%;pointer-events:none}.face-step{position:absolute;top:12px;right:12px;background:#00000080;padding:6px 12px;border-radius:14px;font-weight:800}.face-bottom{width:100%;max-width:560px;padding:20px 24px 32px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.face-bottom p{color:#e6e6ea;margin:0}.face-prompt{font-size:26px;font-weight:900;color:#fff!important}.face-count{font-size:44px;font-weight:900;color:#ffd400!important}.face-center{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;text-align:center;max-width:520px}.face-preview{width:300px;height:375px;border-radius:18px;background:#111}.face-note{color:#a3a3ad;font-size:13px}.face-actions{display:flex;gap:10px;width:100%}.face-actions .btn{flex:1}.news-panel{overflow-y:auto}.news-panel>*{flex-shrink:0}.news-themes{display:flex;gap:10px;overflow-x:auto;padding:4px 0 6px}.news-theme{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px;border-radius:12px;border:2px solid transparent;background:none}.news-theme.active{border-color:var(--primary)}.news-theme canvas{display:block;height:150px;width:auto;max-width:150px;border-radius:8px}.news-theme span{font-size:11.5px;font-weight:700;color:var(--text)}.news-auto{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;height:34px;padding:0 12px;border-radius:12px;background:var(--tile);border:1.5px solid transparent;font-weight:700;font-size:13px;color:var(--muted)}.news-auto.active{border-color:var(--primary);color:var(--text)}.news-auto span{width:16px;height:16px;border-radius:50%;display:inline-block}.sticker-layer{position:absolute;z-index:5;touch-action:none}.sticker-bin{position:absolute;z-index:6;transform:translate(-50%);width:52px;height:52px;border-radius:50%;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s;pointer-events:none}.sticker-bin.over{background:#e5252b;transform:translate(-50%) scale(1.2)}.sticker-panel{display:flex;flex-direction:column;gap:8px;padding:10px 16px 20px}.sticker-panel>*{flex-shrink:0}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px}.sticker-cell{display:flex;align-items:center;justify-content:center;padding:2px;border-radius:12px;background:var(--tile)}.sticker-cell:hover{filter:brightness(1.15)}.sticker-text,.sticker-tools{display:flex;flex-direction:column;gap:8px}.sticker-actions{display:flex;gap:8px;align-items:center}.sticker-actions .news-secondary{flex:1}.icon-btn.danger{color:var(--accent)}.stage{position:relative}.collage-canvas{cursor:pointer}.collage-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:min(100%,420px);min-height:220px;margin:16px auto;border-radius:20px;border:2px dashed var(--border);background:var(--tile);color:var(--text);font-weight:800;font-size:16px}.collage-layouts{display:flex;gap:10px;overflow-x:auto;padding:4px 0}.collage-layout{position:relative;flex:none;width:56px;height:70px;border-radius:8px;background:var(--tile);border:2px solid transparent}.collage-layout.active{border-color:var(--primary)}.collage-layout span{position:absolute;box-sizing:border-box;border:2px solid var(--bg);background:var(--muted);opacity:.6;border-radius:3px}.merge-body{overflow:hidden}.merge-list{flex:1;overflow-y:auto;padding:8px 16px;display:flex;flex-direction:column;gap:8px}.merge-clip{display:flex;align-items:center;gap:10px;padding:8px;border-radius:14px;background:var(--tile)}.merge-clip img{width:64px;height:40px;object-fit:cover;border-radius:6px}.merge-num{width:22px;text-align:center;font-weight:900;color:var(--primary)}.merge-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:14px;display:flex;flex-direction:column}.merge-name small{color:var(--muted);font-weight:600}.vocal-body{padding:16px;display:flex;flex-direction:column;gap:12px;max-width:560px;margin:0 auto;width:100%}.vocal-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--tile);font-weight:700}.vocal-row span{flex:1}.sp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.sp-head h2{margin:0}.sp-search{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px;border-radius:14px;border:1.5px solid var(--border);background:var(--bg);color:var(--muted)}.sp-search:focus-within{border-color:var(--primary)}.sp-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--text);font-size:16px}.sp-search button{color:var(--muted);display:inline-flex}.sp-packs{margin:10px -16px 0}.sp-credit{margin:8px 2px 0;font-size:12px;color:var(--muted)}.sp-credit a{color:inherit;text-decoration:underline}.sp-notice{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:var(--primary-soft);font-size:14px;font-weight:600}.sp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;margin-top:12px}.sp-tile{display:flex;flex-direction:column;align-items:stretch;gap:5px;text-align:center}.sp-thumb{position:relative;aspect-ratio:1;border-radius:16px;background:var(--tile);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1.5px solid transparent;transition:border-color .15s}.sp-tile:hover .sp-thumb,.sp-tile:focus-visible .sp-thumb{border-color:var(--primary)}.sp-thumb img{width:82%;height:82%;object-fit:contain}.sp-thumb img.dim{opacity:.45}.sp-thumb img.hidden{display:none}.sp-thumb.moving{border-color:var(--primary)}.sp-moving{position:absolute;bottom:6px;left:6px;display:inline-flex;align-items:center;gap:3px;height:22px;padding:0 7px;border-radius:11px;background:var(--primary);color:var(--on-primary);font-weight:900;font-size:12px}.sp-badge{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:11px;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center}.sp-badge.left{right:auto;left:6px}.sp-busy{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg) 55%,transparent);display:flex;align-items:center;justify-content:center}.sp-name{font-size:12.5px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-empty{text-align:center;color:var(--muted);margin:32px 0;display:flex;flex-direction:column;align-items:center;gap:12px}.sp-loading{display:flex;justify-content:center;padding:16px}.sp-sentinel{height:1px}.cm-add-sprite{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;margin:12px 16px 0;border-radius:14px;background:var(--primary);color:var(--on-primary);font-weight:800;font-size:15px;width:calc(100% - 32px)}.cm-sprite-thumb{width:28px;height:28px;object-fit:contain;flex:none}.cm-hint{margin:10px 18px 0;color:var(--muted);font-size:14px}.cm-sliders{padding:0}.cm-sliders .slider{margin-top:10px}.cm-sprite-tools{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 4px}.cm-sprite-tools button{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:12px;background:var(--tile);font-weight:700;font-size:14px}.cm-sprite-tools button:disabled{opacity:.4}.cm-moving{margin-top:6px}.cm-frames{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:4px 16px 8px;scrollbar-width:thin}.cm-frame-pair{display:inline-flex;align-items:center;gap:6px;flex:none}.cm-frame{position:relative;width:64px;height:64px;border-radius:14px;background:var(--tile);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex:none}.cm-frame img{width:80%;height:80%;object-fit:contain}.cm-frame-n{position:absolute;top:3px;left:5px;font-size:11px;font-weight:900;color:var(--muted)}.cm-time{height:34px;padding:0 10px;border-radius:17px;background:var(--primary);color:var(--on-primary);font-weight:900;font-size:13px;white-space:nowrap;flex:none}.cm-loop{color:var(--muted);display:inline-flex;flex:none;padding:0 4px}.cm-big-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.cm-big-choice{height:64px;border-radius:18px;background:var(--tile);font-size:20px;font-weight:900;border:2px solid transparent}.cm-big-choice.active{border-color:var(--primary);background:var(--primary-soft)}.cm-frame-big{display:block;width:140px;height:140px;object-fit:contain;margin:10px auto 16px;background:var(--tile);border-radius:20px;padding:12px}.cm-danger{margin-top:10px;color:var(--accent);background:var(--tile)}.sheet .btn-block{width:100%}