:root,[data-theme=light]{color-scheme:light;--km-bg:#faf7f2;--km-bg-elev:#ffffff;--km-card:#f2f0e8;--km-card-tint:#e8f0ea;--km-ink:#1f3d2e;--km-ink-2:#4a5c53;--km-ink-3:#8b9b92;--km-ink-inverse:#ffffff;--km-accent:#3d7a5f;--km-accent-2:#2e5c47;--km-warm:#d97757;--km-border:#e5e0d5;--km-border-strong:#c9c3b5;--km-focus-ring:color-mix(in srgb,var(--km-accent) 45%,transparent);--km-success:#3d7a5f;--km-warning:#c48a2a;--km-danger:#c45c4a;--km-shadow-sm:0 1px 2px rgba(31,61,46,0.08);--km-shadow-md:0 8px 24px rgba(31,61,46,0.1);--km-overlay:rgba(31,61,46,0.4);--km-radius-sm:6px;--km-radius-md:8px;--km-radius-lg:12px;--km-radius-pill:999px;--km-font-sans:"Sora","Segoe UI",system-ui,sans-serif;--km-font-display:"Fraunces","Georgia",serif;--km-space-1:4px;--km-space-2:8px;--km-space-3:12px;--km-space-4:16px;--km-space-5:24px;--km-space-6:32px;--km-space-7:48px;--km-nav-h:64px;--km-sidebar-w:300px;--km-tab-rail-w:56px;--km-transition:160ms ease}[data-theme=dark]{color-scheme:dark;--km-bg:#121a16;--km-bg-elev:#1a2420;--km-card:#222e28;--km-card-tint:#24352c;--km-ink:#e8f0ea;--km-ink-2:#b7c6bc;--km-ink-3:#7a8c82;--km-ink-inverse:#121a16;--km-accent:#5fad88;--km-accent-2:#3d7a5f;--km-warm:#e0896a;--km-border:#2e3d35;--km-border-strong:#3f5248;--km-focus-ring:color-mix(in srgb,var(--km-accent) 50%,transparent);--km-success:#5fad88;--km-warning:#e0b35a;--km-danger:#e07a6a;--km-shadow-sm:0 1px 2px rgba(0,0,0,0.35);--km-shadow-md:0 12px 32px rgba(0,0,0,0.45);--km-overlay:rgba(0,0,0,0.55)}[data-theme=brand-rose]{color-scheme:light;--km-bg:#f7ecef;--km-bg-elev:#fff8fa;--km-card:#f0e0e6;--km-card-tint:#f3dbe3;--km-ink:#3d1f2a;--km-ink-2:#6b4452;--km-ink-3:#9a7482;--km-ink-inverse:#ffffff;--km-accent:#b85a72;--km-accent-2:#8f3f55;--km-warm:#d97757;--km-border:#e8d4db;--km-border-strong:#d4b4c0}*,:after,:before{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;min-height:100dvh;font-family:var(--km-font-sans);color:var(--km-ink);background:var(--km-bg);line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--km-focus-ring);outline-offset:2px}.km-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.km-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--km-space-2);border:0;border-radius:var(--km-radius-md);padding:11px 20px;font-size:14px;font-weight:500;transition:background var(--km-transition),color var(--km-transition),box-shadow var(--km-transition)}.km-btn--primary{background:var(--km-accent);color:var(--km-ink-inverse);box-shadow:var(--km-shadow-sm)}.km-btn--primary:hover{background:var(--km-accent-2)}.km-btn--ghost{background:transparent;color:var(--km-ink-2);border:1px solid var(--km-border)}.km-btn--ghost:hover{background:var(--km-card);color:var(--km-ink)}.km-chip{display:inline-flex;align-items:center;gap:var(--km-space-2);padding:5px 12px 5px 7px;border:1px solid var(--km-border-strong);border-radius:var(--km-radius-pill);font-size:13px;font-weight:500;color:var(--km-ink);background:var(--km-bg-elev)}.km-chip__dot{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--km-accent),var(--km-accent-2))}.km-avatar{width:32px;height:32px;border-radius:50%;background:var(--km-accent);color:var(--km-ink-inverse);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.km-kbd{font-size:11px;color:var(--km-ink-3);padding:3px 7px;border:1px solid var(--km-border);border-radius:5px}.km-card,.km-kbd{background:var(--km-bg-elev)}.km-card{border:1px solid var(--km-border);border-radius:var(--km-radius-lg);overflow:hidden}.km-card--muted{background:var(--km-card);border-color:transparent}.km-card--tint{background:var(--km-card-tint);border-color:transparent}.km-section-label{font-size:11px;letter-spacing:.1em;font-weight:600}.km-batch-tag,.km-section-label{color:var(--km-ink-3);text-transform:uppercase}.km-batch-tag{font-size:9px;padding:1px 5px;border-radius:3px;background:var(--km-card);font-weight:500;letter-spacing:.04em;margin-left:4px}.km-studio{flex:1 1;min-height:0;min-width:0;display:flex;overflow:hidden;width:100%}.km-studio__rail{width:220px;flex-shrink:0;border-right:1px solid var(--km-border);background:var(--km-bg);display:flex;flex-direction:column;min-height:0}.km-studio__railHead{padding:18px 16px 12px;border-bottom:1px solid var(--km-border)}.km-studio__kicker{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--km-ink-3);font-weight:600;margin-bottom:4px}.km-studio__title{margin:0;font-size:16px;font-weight:600;color:var(--km-ink)}.km-studio__nav{flex:1 1;min-height:0;overflow:auto;padding:10px 8px;display:flex;flex-direction:column;gap:2px}.km-studio__navItem{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;border-radius:var(--km-radius-md);padding:10px 12px;color:var(--km-ink-2);text-decoration:none;font-size:13px;font-weight:500;text-align:left;cursor:pointer}.km-studio__navItem:hover{background:var(--km-card);color:var(--km-ink)}.km-studio__navItem[data-active=true]{background:var(--km-card-tint);color:var(--km-accent)}.km-studio__main{flex:1 1;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);overflow:hidden}.km-studio__main--wide{grid-template-columns:1fr}.km-studio__panel{border-right:1px solid var(--km-border);background:var(--km-bg);padding:20px 18px}.km-studio__panel,.km-studio__stage{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:16px}.km-studio__stage{min-width:0;padding:20px}.km-studio__sectionTitle{margin:0;font-size:15px;font-weight:600;color:var(--km-ink)}.km-studio__sectionCopy{margin:0;font-size:13px;line-height:1.45;color:var(--km-ink-3)}.km-studio__field{display:flex;flex-direction:column;gap:8px}.km-studio__label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--km-ink-3)}.km-studio__chips{display:flex;flex-wrap:wrap;gap:6px}.km-studio__chip{border:1px solid var(--km-border-strong);background:var(--km-bg-elev);color:var(--km-ink-2);border-radius:var(--km-radius-pill);padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer}.km-studio__chip:hover{color:var(--km-ink);border-color:var(--km-accent)}.km-studio__chip[data-active=true]{background:var(--km-card-tint);border-color:color-mix(in srgb,var(--km-accent) 45%,var(--km-border));color:var(--km-accent)}.km-studio__input,.km-studio__textarea{width:100%;border:1px solid var(--km-border);border-radius:var(--km-radius-md);background:var(--km-bg-elev);color:var(--km-ink);padding:10px 12px;font:inherit;font-size:13px;resize:vertical}.km-studio__input:focus,.km-studio__textarea:focus{outline:2px solid var(--km-focus-ring);outline-offset:1px}.km-studio__dropzone{border:1px dashed var(--km-border-strong);border-radius:var(--km-radius-lg);background:var(--km-card);min-height:120px;display:grid;place-items:center;padding:16px;text-align:center;color:var(--km-ink-3);font-size:13px;cursor:pointer;position:relative}.km-studio__dropzone:hover,.km-studio__dropzone[data-active=true]{border-color:var(--km-accent);color:var(--km-ink-2);background:var(--km-card-tint)}.km-studio__dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.km-studio__thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));grid-gap:8px;gap:8px}.km-studio__thumb{aspect-ratio:1;border-radius:var(--km-radius-md);overflow:hidden;border:1px solid var(--km-border);background:var(--km-card);position:relative}.km-studio__thumb img{width:100%;height:100%;object-fit:cover;display:block}.km-studio__thumb button{position:absolute;top:4px;right:4px;width:22px;height:22px;border:0;border-radius:50%;background:color-mix(in srgb,var(--km-bg-elev) 88%,transparent);color:var(--km-ink);font-size:14px;line-height:1;cursor:pointer}.km-studio__results{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px}.km-studio__result{border:1px solid var(--km-border);border-radius:var(--km-radius-lg);overflow:hidden;background:var(--km-bg-elev);position:relative}.km-studio__result[data-selected=true]{border-color:color-mix(in srgb,var(--km-accent) 55%,var(--km-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--km-accent) 35%,transparent)}.km-studio__resultMedia{position:relative;display:block}.km-studio__result img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--km-card)}.km-studio__resultOverlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;gap:6px;padding:10px;background:linear-gradient(to top,color-mix(in srgb,var(--km-ink) 55%,transparent),transparent 55%);opacity:0;transition:opacity var(--km-transition)}.km-studio__resultMedia:focus-within .km-studio__resultOverlay,.km-studio__resultMedia:hover .km-studio__resultOverlay{opacity:1}.km-studio__resultAction{border:0;border-radius:var(--km-radius-pill);background:var(--km-bg-elev);color:var(--km-ink);font-size:12px;font-weight:600;padding:7px 12px;cursor:pointer}.km-studio__resultAction:hover{background:var(--km-card-tint);color:var(--km-accent)}.km-studio__resultMeta{padding:10px 12px;font-size:12px;color:var(--km-ink-3);display:flex;flex-direction:column;gap:6px}.km-studio__resultMetaRow{align-items:center}.km-studio__resultLinks,.km-studio__resultMetaRow{display:flex;flex-wrap:wrap;gap:6px}.km-studio__resultLinks a,.km-studio__resultLinks button{border:0;background:transparent;color:var(--km-accent);font-size:11px;font-weight:600;padding:0;cursor:pointer;text-decoration:none}.km-studio__modalRoot{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:var(--km-overlay)}.km-studio__modal{width:min(420px,100%);background:var(--km-bg-elev);border:1px solid var(--km-border);border-radius:var(--km-radius-lg);box-shadow:var(--km-shadow-md);padding:20px;display:flex;flex-direction:column;gap:14px}.km-studio__modalPreview{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--km-radius-md);background:var(--km-card)}.km-studio__modalActions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.km-studio__tagInput{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.km-studio__tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--km-radius-pill);background:var(--km-card);color:var(--km-ink-2);font-size:12px}.km-studio__tag button{border:0;background:transparent;color:var(--km-ink-3);cursor:pointer;padding:0;line-height:1}.km-studio__empty{border:1px dashed var(--km-border);border-radius:var(--km-radius-lg);padding:48px 24px;text-align:center;color:var(--km-ink-3);font-size:14px;background:color-mix(in srgb,var(--km-card) 55%,transparent)}.km-studio__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}.km-studio__status{font-size:12px;color:var(--km-ink-3)}.km-studio__status[data-tone=error]{color:var(--km-danger)}.km-studio__status[data-tone=ok]{color:var(--km-success)}.km-studio__templateGrid{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px}.km-studio__template{border:1px solid var(--km-border);border-radius:var(--km-radius-md);background:var(--km-bg-elev);padding:12px;text-align:left;cursor:pointer;color:inherit}.km-studio__template:hover,.km-studio__template[data-active=true]{border-color:color-mix(in srgb,var(--km-accent) 50%,var(--km-border));background:var(--km-card-tint)}.km-studio__templateTitle{display:block;font-size:13px;font-weight:600;color:var(--km-ink)}.km-studio__templateSub{display:block;margin-top:2px;font-size:12px;color:var(--km-ink-3)}@media (max-width:960px){.km-studio{flex-direction:column}.km-studio__rail{width:100%;border-right:0;border-bottom:1px solid var(--km-border)}.km-studio__nav{flex-direction:row;overflow-x:auto}.km-studio__navItem{white-space:nowrap}.km-studio__main{grid-template-columns:1fr}.km-studio__panel{border-right:0;border-bottom:1px solid var(--km-border);max-height:42vh}}.km-studio__template--summary{width:100%}.km-studio__templateCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:14px;gap:14px;align-content:start}.km-studio__templateCard{display:flex;flex-direction:column;gap:10px;padding:0;border:1px solid var(--km-border);border-radius:var(--km-radius-md);background:var(--km-bg-elev);overflow:hidden;text-align:left;cursor:pointer;color:inherit;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.km-studio__templateCard:hover{border-color:color-mix(in srgb,var(--km-accent) 45%,var(--km-border));transform:translateY(-1px)}.km-studio__templateCard[data-active=true]{border-color:color-mix(in srgb,var(--km-accent) 65%,var(--km-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--km-accent) 35%,transparent);background:var(--km-card-tint)}.km-studio__templateCardMedia{display:block;aspect-ratio:2/3;width:100%;background:color-mix(in srgb,var(--km-ink-3) 8%,var(--km-bg));overflow:hidden}.km-studio__templateCardMedia img{width:100%;height:100%;object-fit:cover;object-position:top center}.km-studio__templateCardBody{display:flex;flex-direction:column;gap:2px;padding:0 12px 12px}body,html{overflow-x:hidden}#main{min-height:0}.page-shell{min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;background:radial-gradient(1200px 500px at 10% -10%,color-mix(in srgb,var(--km-card-tint) 80%,transparent),transparent 60%),radial-gradient(900px 400px at 90% 0,color-mix(in srgb,var(--km-warm) 12%,transparent),transparent 55%),var(--km-bg)}.page-shellFixed{height:100dvh;max-height:100dvh;overflow:hidden}.km-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--km-ink-3) 45%,transparent) transparent}.km-scroll::-webkit-scrollbar{width:6px;height:6px}.km-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--km-ink-3) 40%,transparent);border-radius:999px}.km-scroll::-webkit-scrollbar-track{background:transparent}.km-scroll-hidden{scrollbar-width:none}.km-scroll-hidden::-webkit-scrollbar{display:none}