:root{--brand-300: #7ebaa2;--brand-400: #53a383;--brand-500: #398f78;--brand-600: #2e7360;--brand-700: #235748;--surface-950: #0a0a0a;--surface-900: #101010;--surface-800: #161616;--surface-700: #1c1c1c;--surface-600: #232323;--ink-primary: #ffffff;--ink-secondary: #d1d5db;--ink-muted: #9ca3af;--ink-subtle: #6b7280;--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--font-display: "Baloo 2", ui-rounded, system-ui, sans-serif;--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;--radius: 12px;--radius-sm: 8px;--ease: cubic-bezier(.16, 1, .3, 1);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--ink-secondary);background:radial-gradient(120% 80% at 50% -10%,#15211d 0%,transparent 55%),var(--surface-950);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--surface-600);border-radius:99px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#2e2e2e;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}h1,h2,h3{font-family:var(--font-display);color:var(--ink-primary);margin:0;letter-spacing:-.01em}button{font-family:inherit}:focus-visible{outline:2px solid var(--brand-400);outline-offset:2px}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-180px 0}to{background-position:180px 0}}.screen{display:flex;flex-direction:column;height:100%;min-height:0}.app-header{display:flex;align-items:center;gap:14px;padding:22px 20px 16px;border-bottom:1px solid var(--line)}.app-header__titles h1{font-size:20px;font-weight:700}.app-header__titles p{margin:3px 0 0;font-size:12.5px;color:var(--ink-muted)}.brandmark{flex:none;filter:drop-shadow(0 4px 12px rgba(57,143,120,.25))}.scene-list{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:9px}.scene-card{display:flex;align-items:center;gap:14px;width:100%;padding:11px 13px;background:linear-gradient(180deg,var(--surface-700),var(--surface-800));border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left;color:var(--ink-secondary);transition:border-color .18s var(--ease),transform .18s var(--ease),background .18s var(--ease);animation:fade-up .4s var(--ease) both}.scene-card:hover{border-color:var(--brand-600);background:linear-gradient(180deg,#1f2723,var(--surface-800));transform:translateY(-1px)}.scene-card:active{transform:translateY(0)}.scene-card__thumb{flex:none;width:52px;height:52px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-600);display:grid;place-items:center;border:1px solid var(--line)}.scene-card__thumb img{width:100%;height:100%;object-fit:cover}.scene-card__placeholder{color:var(--ink-subtle);font-size:22px}.scene-card__body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.scene-card__name{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--ink-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-card__hint{font-size:11.5px;color:var(--ink-subtle)}.scene-card__chevron{flex:none;color:var(--ink-subtle);font-size:16px;transition:transform .18s var(--ease),color .18s var(--ease)}.scene-card:hover .scene-card__chevron{color:var(--brand-300);transform:translate(3px)}.scene-card--skeleton{height:76px;cursor:default;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent),var(--surface-800);background-size:360px 100%,auto;background-repeat:no-repeat;animation:shimmer 1.3s infinite linear}.state{padding:40px 16px;text-align:center;color:var(--ink-muted)}.state--error p{color:#e7a4a4;font-weight:600;margin:0 0 6px}.state--error span{font-size:11px;color:var(--ink-subtle);word-break:break-word}.cfg-header{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface-900)}.cfg-header__title{min-width:0}.cfg-header__title h2{font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cfg-header__sub{font-size:11.5px;color:var(--ink-subtle)}.iconbtn{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--surface-700);border:1px solid var(--line);color:var(--ink-secondary);font-size:17px;cursor:pointer;transition:background .16s,border-color .16s}.iconbtn:hover{background:var(--surface-600);border-color:var(--line-strong)}.viewer-frame{position:relative;margin:14px 16px 4px;width:auto;aspect-ratio:1 / 1;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);background:var(--surface-950);flex:none}.viewer-frame iframe{width:100%;height:100%;border:0;display:block}.viewer-frame__loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--ink-muted);font-size:12.5px;background:var(--surface-950)}.settings{flex:1;min-height:0;overflow-y:auto;padding:10px 16px 16px;display:flex;flex-direction:column;gap:18px}.setting__title{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:10px;font-family:var(--font-sans)}.setting__empty,.setting__loading{font-size:12.5px;color:var(--ink-subtle)}.settings--loading{gap:14px}.setting-skel{height:60px;border-radius:var(--radius);background:var(--surface-800);background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);background-size:360px 100%;background-repeat:no-repeat;animation:shimmer 1.3s infinite linear}.segmented{display:flex;gap:4px;padding:4px;background:var(--surface-800);border:1px solid var(--line);border-radius:10px}.segmented__item{flex:1;padding:8px 10px;background:transparent;border:0;border-radius:7px;color:var(--ink-muted);font-size:12.5px;font-weight:600;cursor:pointer;transition:background .16s,color .16s}.segmented__item.is-active{background:var(--brand-600);color:#fff}.segmented__item:not(.is-active):hover{color:var(--ink-secondary)}.material-targets{display:flex;flex-direction:column;gap:16px}.target__label{font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--ink-secondary);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:46px;height:46px;padding:0;border-radius:10px;overflow:hidden;background:var(--surface-600);border:1px solid var(--line);cursor:pointer;position:relative;transition:transform .14s var(--ease),border-color .14s}.swatch img{width:100%;height:100%;object-fit:cover;display:block}.swatch__fallback{display:block;width:100%;height:100%;background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.swatch:hover{transform:translateY(-2px);border-color:var(--line-strong)}.swatch.is-selected{border-color:var(--brand-400);box-shadow:0 0 0 2px var(--brand-500),0 4px 14px #398f784d}.anim-groups{display:flex;flex-direction:column;gap:12px}.anim-group__name{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--ink-secondary);display:block;margin-bottom:7px}.anim-actions{display:flex;flex-wrap:wrap;gap:7px}.chip{padding:7px 12px;border-radius:99px;background:var(--surface-700);border:1px solid var(--line);color:var(--ink-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:background .16s,border-color .16s,color .16s}.chip:hover{background:var(--surface-600);border-color:var(--brand-600);color:#fff}.chip--ghost{background:transparent;color:var(--ink-muted);align-self:flex-start}.import-bar{flex:none;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(16,16,16,.6),var(--surface-900));backdrop-filter:blur(8px)}.import-bar__msg{margin:0 0 9px;font-size:11.5px;color:#e7a4a4;word-break:break-word;line-height:1.4}.import-bar__note{margin:8px 2px 0;font-size:10.5px;color:var(--ink-subtle)}.import-btn{position:relative;overflow:hidden;width:100%;padding:14px 16px;border:0;border-radius:var(--radius);background:var(--brand-500);color:#fff;font-size:14.5px;font-weight:700;font-family:var(--font-display);cursor:pointer;box-shadow:0 6px 20px #398f7852;transition:background .18s,transform .12s,box-shadow .18s,opacity .18s}.import-btn:hover:not(:disabled){background:var(--brand-400);transform:translateY(-1px)}.import-btn:active:not(:disabled){transform:translateY(0)}.import-btn:disabled{opacity:.55;cursor:default;box-shadow:none}.import-btn--done{background:var(--brand-600)}.import-btn--error{background:#5a2b2b;box-shadow:none}.import-btn__label{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:9px}.import-btn__progress{position:absolute;left:0;top:0;bottom:0;background:#ffffff29;transition:width .3s var(--ease);z-index:0}.spinner{width:26px;height:26px;border-radius:50%;border:2.5px solid rgba(255,255,255,.16);border-top-color:var(--brand-400);animation:spin .8s linear infinite}.spinner--sm{width:15px;height:15px;border-width:2px;border-top-color:#fff}