:root{--krox-color-canvas:#0D1117;--krox-color-canvas-deep:#07090C;--krox-color-canvas-deepest:#040507;--krox-color-canvas-raised:#0F1218;--krox-color-sidebar:#0F141A;--krox-color-surface:#161B22;--krox-color-surface-hover:#1F242C;--krox-color-surface-active:#232A34;--krox-color-surface-sunken:#171D27;--krox-color-input-background:#1A2030;--krox-color-input-background-focus:#181E2C;--krox-color-border:#2D333B;--krox-color-border-strong:#384252;--krox-color-border-subtle:#21262D;--krox-color-text-primary:#E6EDF3;--krox-color-text-secondary:#8B949E;--krox-color-text-tertiary:#6E7681;--krox-color-text-disabled:#484F58;--krox-color-primary-fill:#4338CA;--krox-color-primary-fill-hover:#4F46E5;--krox-color-primary-fill-active:#3730A3;--krox-color-primary-text:#FFFFFF;--krox-color-accent:#818CF8;--krox-color-active-background:#2A2A6E;--krox-color-focus-ring:rgba(129,140,248,0.45);--krox-color-danger-fill:#B91C1C;--krox-color-danger-fill-hover:#DC2626;--krox-color-danger-border:#EF4444;--krox-color-danger-background:rgba(239,68,68,0.12);--krox-color-danger-text:#F87171;--krox-color-success-text:#3FB950;--krox-color-success-background:rgba(63,185,80,0.12);--krox-color-success-border:#238636;--krox-color-warning-text:#E3B341;--krox-color-warning-background:rgba(227,179,65,0.12);--krox-color-warning-border:#9E6A03;--krox-color-neutral-text:#94A3B8;--krox-color-track:#242C3A;--krox-color-overlay:rgba(0,0,0,0.66);--krox-color-shadow-color:rgba(0,0,0,0.45);--krox-color-brand-mark-1:#22D3EE;--krox-color-brand-mark-2:#38BDF8;--krox-color-brand-mark-3:#3B82F6;--krox-color-brand-mark-4:#6366F1;--krox-color-brand-mark-5:#7C3AED;--krox-color-brand-mark-6:#A855F7;--krox-radius-standard:8px;--krox-radius-pill:999px;--krox-radius-sm:var(--krox-radius-standard);--krox-radius-control:var(--krox-radius-standard);--krox-radius-button:var(--krox-radius-standard);--krox-radius-card:var(--krox-radius-standard);--krox-radius-panel:var(--krox-radius-standard);--krox-control-height-sm:32px;--krox-control-height-command:36px;--krox-control-height-toolbar:40px;--krox-control-height-touch:44px;--krox-font-family:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--krox-font-mono-family:ui-monospace,"SF Mono",Menlo,monospace;--krox-font-size-9:9px;--krox-font-size-10:10px;--krox-font-size-11:11px;--krox-font-size-12:12px;--krox-font-size-13:13px;--krox-font-size-14:14px;--krox-font-size-15:15px;--krox-font-size-16:16px;--krox-font-size-17:17px;--krox-font-size-18:18px;--krox-font-size-19:19px;--krox-font-size-20:20px;--krox-font-size-24:24px;--krox-font-size-26:26px;--krox-font-size-28:28px;--krox-font-size-30:30px;--krox-font-weight-regular:400;--krox-font-weight-medium:500;--krox-font-weight-semibold:600;--krox-font-weight-bold:700;--krox-line-height-tight:1.2;--krox-line-height-base:1.45;--krox-type-page-title-size:22px;--krox-type-page-title-weight:500;--krox-type-page-title-line-height:1.3;--krox-type-page-title-letter-spacing:-0.01em;--krox-type-section-heading-size:16px;--krox-type-section-heading-weight:500;--krox-type-section-heading-line-height:1.4;--krox-type-section-heading-letter-spacing:-0.01em;--krox-type-card-title-size:14px;--krox-type-card-title-weight:500;--krox-type-card-title-line-height:1.4;--krox-type-card-title-letter-spacing:-0.005em;--krox-type-body-size:14px;--krox-type-body-weight:400;--krox-type-body-line-height:1.5;--krox-type-body-letter-spacing:0;--krox-type-control-size:13px;--krox-type-control-weight:500;--krox-type-control-line-height:1.4;--krox-type-control-letter-spacing:0;--krox-type-caption-size:12px;--krox-type-caption-weight:400;--krox-type-caption-line-height:1.5;--krox-type-caption-letter-spacing:0;--krox-type-number-size:24px;--krox-type-number-weight:500;--krox-type-number-line-height:1.2;--krox-type-number-letter-spacing:-0.02em;--krox-type-studio-page-title-size:30px;--krox-type-studio-page-title-weight:500;--krox-type-studio-page-title-line-height:1.2;--krox-type-studio-page-title-letter-spacing:-0.02em;--krox-type-studio-number-size:28px;--krox-type-studio-number-weight:500;--krox-type-studio-number-line-height:1;--krox-type-studio-number-letter-spacing:-0.02em;--krox-type-studio-eyebrow-size:12px;--krox-type-studio-eyebrow-weight:500;--krox-type-studio-eyebrow-line-height:1.4;--krox-type-studio-eyebrow-letter-spacing:0.08em;--krox-type-marketing-hero-size:56px;--krox-type-marketing-hero-weight:500;--krox-type-marketing-hero-line-height:1.05;--krox-type-marketing-hero-letter-spacing:-0.03em;--krox-type-marketing-heading-size:44px;--krox-type-marketing-heading-weight:500;--krox-type-marketing-heading-line-height:1.12;--krox-type-marketing-heading-letter-spacing:-0.03em;--krox-space-1:4px;--krox-space-2:8px;--krox-space-3:12px;--krox-space-4:16px;--krox-space-5:20px;--krox-space-6:24px;--krox-space-8:32px;--krox-space-xxl:48px;--krox-icon-size:18px;--krox-icon-size-sm:16px;--krox-shadow-sm:0 1px 2px rgba(0,0,0,0.35);--krox-shadow-dropdown:0 8px 24px rgba(0,0,0,0.65),0 2px 6px rgba(0,0,0,0.4);--krox-shadow-panel:0 4px 16px rgba(0,0,0,0.45);--krox-shadow-overlay:0 20px 60px rgba(0,0,0,0.45);--krox-motion-fast:120ms;--krox-motion-base:160ms;--krox-motion-slow:240ms;--krox-motion-ease:cubic-bezier(0.2,0,0,1);--krox-breakpoint-sm:640px;--krox-breakpoint-md:900px;--krox-breakpoint-lg:1200px;--krox-layout-sidebar:240px;--krox-layout-sidebar-collapsed:72px;--krox-layout-rail:300px;--krox-layout-cover:104px;--bg:var(--krox-color-canvas);--surface:var(--krox-color-surface);--raised:var(--krox-color-surface-hover);--muted:var(--krox-color-text-secondary);--outline:var(--krox-color-border);--text:var(--krox-color-text-primary);--text-muted:var(--krox-color-text-secondary);--text-faint:var(--krox-color-text-tertiary);--primary:var(--krox-color-primary-fill);--primary-deep:var(--krox-color-primary-fill-active);--primary-text:var(--krox-color-accent);--danger:var(--krox-color-danger-text);--warn:var(--krox-color-warning-text);--success:var(--krox-color-success-text);--radius-sm:var(--krox-radius-sm);--radius-md:var(--krox-radius-control);--radius-lg:var(--krox-radius-card);--radius-xl:var(--krox-radius-panel);--radius-card:var(--krox-radius-card);--radius-control:var(--krox-radius-control);--shadow:var(--krox-shadow-overlay);--space-xs:var(--krox-space-1);--space-sm:var(--krox-space-2);--space-md:var(--krox-space-4);--space-lg:var(--krox-space-6);--space-xl:var(--krox-space-8);--space-xxl:var(--krox-space-xxl);--control-height:var(--krox-control-height-toolbar);--sidebar-width:var(--krox-layout-sidebar);--canvas:var(--krox-color-canvas);--sidebar:var(--krox-color-sidebar);--surface-2:var(--krox-color-input-background);--border:var(--krox-color-border);--border-strong:var(--krox-color-border-strong);--track:var(--krox-color-track);--primary-hover:var(--krox-color-primary-fill-hover);--accent:var(--krox-color-accent);--active:var(--krox-color-active-background);--warning:var(--krox-color-warning-text);--neutral:var(--krox-color-neutral-text);--sidebar-collapsed:var(--krox-layout-sidebar-collapsed);--rail-width:var(--krox-layout-rail);--cover-width:var(--krox-layout-cover)}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-1.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-2.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-3.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-4.ttf) format("truetype")}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/fonts/material-symbols-1.ttf) format("truetype")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:var(--krox-icon-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;flex-shrink:0}*{box-sizing:border-box}body,html{max-width:100vw;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);letter-spacing:var(--krox-type-body-letter-spacing);line-height:var(--krox-type-body-line-height);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0 0 12px}h1{font-size:var(--krox-type-page-title-size);font-weight:var(--krox-type-page-title-weight);letter-spacing:var(--krox-type-page-title-letter-spacing);line-height:var(--krox-type-page-title-line-height)}h2{font-size:var(--krox-type-section-heading-size);font-weight:var(--krox-type-section-heading-weight);letter-spacing:var(--krox-type-section-heading-letter-spacing);line-height:var(--krox-type-section-heading-line-height)}h3{font-size:var(--krox-type-card-title-size);font-weight:var(--krox-type-card-title-weight);letter-spacing:var(--krox-type-card-title-letter-spacing);line-height:var(--krox-type-card-title-line-height)}p{margin:0 0 12px}strong{font-weight:var(--krox-type-control-weight)}img{display:block;max-width:100%}.eyebrow{color:var(--primary-text);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);letter-spacing:.08em;line-height:var(--krox-type-control-line-height);text-transform:uppercase}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.tiny{font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.mono,.small{font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);line-height:var(--krox-type-body-line-height)}.mono{font-family:var(--krox-font-mono-family);word-break:break-all}.shell{min-height:100vh}.container{margin:0 auto;max-width:1180px;padding:24px}.narrow{margin:0 auto;max-width:760px}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--krox-color-canvas) 82%,transparent);border-bottom:1px solid var(--outline);gap:18px;justify-content:space-between;padding:14px 24px;position:sticky;top:0;z-index:20}.brand,.topbar{align-items:center;display:flex}.brand{font-weight:var(--krox-type-control-weight);gap:10px;letter-spacing:-.01em}.brand-mark{background:var(--primary);border-radius:var(--krox-radius-control);color:white;display:inline-flex;font-size:var(--krox-type-card-title-size);font-weight:var(--krox-type-card-title-weight);height:30px;justify-content:center;width:30px}.brand-mark,.nav{align-items:center}.nav{display:flex;flex-wrap:wrap;gap:6px}.nav a{border-radius:var(--krox-radius-control);color:var(--text-muted);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height);padding:6px 12px}.nav a:hover,.nav a[aria-current=page]{background:var(--raised);color:var(--text)}.card{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-lg);padding:20px}.card.flat{background:transparent}.stack{display:grid;gap:16px}.stack-lg{display:grid;gap:28px}.row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.row.between{justify-content:space-between}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stat{background:var(--raised);border:1px solid var(--outline);border-radius:var(--radius-md);padding:14px 16px}.stat strong{display:block;font-size:var(--krox-type-number-size);font-weight:var(--krox-type-number-weight);letter-spacing:var(--krox-type-number-letter-spacing);line-height:var(--krox-type-number-line-height)}.stat span{color:var(--text-muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.btn{align-items:center;background:var(--raised);border:1px solid var(--outline);border-radius:var(--krox-radius-button);color:var(--text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height);gap:8px;justify-content:center;min-height:var(--krox-control-height-command);padding:0 var(--krox-space-3);transition:transform .12s ease,background .12s ease,border-color .12s ease}.btn:hover{background:var(--krox-color-surface-hover)}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background:var(--primary);border-color:var(--primary);color:white}.btn-primary:hover{background:var(--krox-color-primary-fill-hover)}.btn-danger{border-color:var(--krox-color-danger-border);color:var(--danger)}.btn-ghost{background:transparent}.btn-sm{min-height:var(--krox-control-height-sm);padding:0 var(--krox-space-3)}.btn-lg,.btn-sm{font-size:var(--krox-type-control-size)}.btn-lg{min-height:var(--krox-control-height-touch);padding:0 var(--krox-space-5)}.input,.select,.textarea{background:var(--bg);border:1px solid var(--outline);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height);min-height:var(--krox-control-height-toolbar);padding:0 var(--krox-space-3);width:100%}.textarea{min-height:96px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);outline:2px solid var(--krox-color-focus-ring)}.label{color:var(--text-muted);display:block;font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height);margin-bottom:6px}.form-row{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.badge{background:var(--raised);border:1px solid var(--outline);border-radius:var(--krox-radius-pill);color:var(--text-muted);display:inline-flex;font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-caption-line-height);gap:6px;padding:3px 10px;text-transform:capitalize;white-space:nowrap}.badge[data-tone=primary]{border-color:color-mix(in srgb,var(--krox-color-primary-fill) 65%,transparent);color:var(--primary-text)}.badge[data-tone=success]{border-color:var(--krox-color-success-border);color:var(--success)}.badge[data-tone=warn]{border-color:var(--krox-color-warning-border);color:var(--warn)}.badge[data-tone=danger]{border-color:var(--krox-color-danger-border);color:var(--danger)}.progress{background:var(--krox-color-surface-active);border-radius:var(--krox-radius-pill);height:6px;overflow:hidden}.progress>span{background:linear-gradient(90deg,var(--primary),var(--primary-text));display:block;height:100%}.banner{border:1px solid var(--outline);border-left:3px solid var(--primary);border-radius:var(--radius-sm);background:var(--raised);padding:12px 14px}.banner[data-tone=danger]{border-left-color:var(--danger)}.banner[data-tone=warn]{border-left-color:var(--warn)}.banner[data-tone=success]{border-left-color:var(--success)}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid var(--outline);font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);line-height:var(--krox-type-body-line-height);padding:10px 8px;text-align:left;vertical-align:top}.table th{color:var(--text-faint);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);letter-spacing:.08em;line-height:var(--krox-type-control-line-height);text-transform:uppercase}.gallery-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.tile{background:var(--raised);border:1px solid var(--outline);border-radius:var(--radius-md);overflow:hidden;padding:0;position:relative;text-align:left}.tile img{aspect-ratio:4/3;height:auto;object-fit:cover;width:100%}.tile[data-selected=true]{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.tile .tile-meta{display:flex;gap:6px;justify-content:space-between;padding:8px 10px}.tile .tile-badge{background:color-mix(in srgb,var(--krox-color-canvas) 82%,transparent);border-radius:var(--krox-radius-pill);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height);left:8px;padding:2px 8px;position:absolute;top:8px}.share-body{background:var(--krox-color-canvas-deep);min-height:100vh}.share-top{align-items:center;border-bottom:1px solid var(--outline);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 20px}.stage{display:grid;gap:20px;grid-template-columns:minmax(0,1fr) 340px;padding:20px}.stage-main{background:var(--krox-color-canvas-deepest);border:1px solid var(--outline);border-radius:var(--radius-lg);min-height:62vh;overflow:hidden;position:relative}.stage-main img{height:100%;object-fit:contain;width:100%}.stage-caption{align-items:center;background:linear-gradient(transparent,var(--krox-color-overlay));bottom:0;display:flex;gap:10px;justify-content:space-between;left:0;padding:28px 16px 14px;position:absolute;right:0}.swipe-actions{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:12px}.action{border-radius:var(--radius-md);min-height:64px}.side{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius-lg);padding:16px}.choice-list{display:grid;gap:8px;max-height:320px;overflow:auto}.choice{align-items:center;background:var(--raised);border:1px solid var(--outline);border-radius:var(--radius-sm);display:flex;gap:10px;padding:6px}.choice img{border-radius:var(--krox-radius-sm);height:38px;object-fit:cover;width:50px}.compare{display:grid;gap:12px;grid-template-columns:1fr 1fr}.compare img{border-radius:var(--radius-md);height:46vh;object-fit:contain;width:100%}.chat{display:grid;gap:10px;max-height:420px;overflow:auto;padding:4px}.bubble{border-radius:var(--krox-radius-panel);max-width:88%;padding:10px 12px}.bubble[data-dir=inbound]{background:var(--raised);justify-self:start}.bubble[data-dir=outbound]{background:color-mix(in srgb,var(--krox-color-primary-fill) 22%,transparent);border:1px solid color-mix(in srgb,var(--krox-color-primary-fill) 45%,transparent);justify-self:end}.bubble[data-dir=system]{background:transparent;color:var(--text-faint);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height);justify-self:center}.slot-canvas{background:var(--krox-color-canvas-raised);border:1px solid var(--outline);border-radius:var(--radius-md);position:relative;width:100%}.slot{background:var(--krox-color-surface-active);border:1px dashed var(--outline);border-radius:var(--krox-radius-sm);color:var(--text-faint);display:grid;font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height);overflow:hidden;place-items:center;position:absolute}.slot img{height:100%;object-fit:cover;width:100%}.slot[data-filled=true]{border-style:solid}.toast{background:var(--primary);border-radius:var(--radius-md);bottom:24px;box-shadow:var(--shadow);color:white;left:50%;padding:12px 18px;position:fixed;transform:translateX(-50%);z-index:50}.hr{border:0;border-top:1px solid var(--outline);margin:18px 0}.empty{border:1px dashed var(--outline);border-radius:var(--radius-md);color:var(--text-muted);padding:24px;text-align:center}.hero{align-items:center;display:grid;gap:36px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding:54px 0 28px}.hero-art{background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--krox-color-primary-fill) 55%,transparent),transparent 45%),linear-gradient(150deg,var(--krox-color-surface-sunken),var(--krox-color-canvas) 65%);border:1px solid var(--outline);border-radius:var(--radius-xl);min-height:360px;overflow:hidden;position:relative}.hero-art img{border-radius:var(--krox-radius-card);box-shadow:var(--shadow);position:absolute}.hint{background:var(--raised);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height);padding:8px 10px}@media (max-width:900px){.hero,.stage{grid-template-columns:1fr}.hero{padding-top:28px}.hero-art{min-height:240px}}@media (max-width:640px){.container{padding:16px}.topbar{align-items:flex-start;flex-direction:column;padding:12px 16px}.stage{padding:10px}.compare{grid-template-columns:1fr}.compare img{height:30vh}}.krox-eyebrow{color:var(--krox-color-text-secondary);font-size:var(--krox-type-studio-eyebrow-size);font-weight:var(--krox-type-studio-eyebrow-weight);letter-spacing:var(--krox-type-studio-eyebrow-letter-spacing);line-height:var(--krox-type-studio-eyebrow-line-height);text-transform:uppercase}.krox-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--krox-space-2);height:var(--krox-control-height-command);min-height:var(--krox-control-height-command);padding:0 var(--krox-space-3);border:1px solid var(--krox-color-border);border-radius:var(--krox-radius-button);background:var(--krox-color-surface);color:var(--krox-color-text-primary);font-family:var(--krox-font-family);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height);white-space:nowrap;cursor:pointer;transition:background-color var(--krox-motion-fast) var(--krox-motion-ease),border-color var(--krox-motion-fast) var(--krox-motion-ease),color var(--krox-motion-fast) var(--krox-motion-ease)}.krox-btn:hover{background:var(--krox-color-input-background);border-color:var(--krox-color-border-strong)}.krox-btn--toolbar{height:var(--krox-control-height-toolbar);min-height:var(--krox-control-height-toolbar);border-radius:var(--krox-radius-control);padding:0 var(--krox-space-4)}.krox-btn--small{height:var(--krox-control-height-sm);min-height:var(--krox-control-height-sm);border-radius:var(--krox-radius-control);padding:0 var(--krox-space-2)}.krox-btn--large,.krox-btn--small{font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight)}.krox-btn--large{height:var(--krox-control-height-touch);min-height:var(--krox-control-height-touch);padding:0 var(--krox-space-5)}.krox-btn--primary{border-color:var(--krox-color-primary-fill);background:var(--krox-color-primary-fill);color:var(--krox-color-primary-text)}.krox-btn--primary:hover{border-color:var(--krox-color-primary-fill-hover);background:var(--krox-color-primary-fill-hover)}.krox-btn--primary:active{border-color:var(--krox-color-primary-fill-active);background:var(--krox-color-primary-fill-active)}.krox-btn--ghost{border-color:transparent;background:transparent;color:var(--krox-color-text-secondary)}.krox-btn--ghost:hover{border-color:var(--krox-color-border);background:var(--krox-color-surface);color:var(--krox-color-text-primary)}.krox-btn--destructive{border-color:var(--krox-color-danger-border);background:transparent;color:var(--krox-color-danger-text)}.krox-btn--destructive:hover{background:var(--krox-color-danger-background)}.krox-btn--link{height:auto;min-height:0;padding:0;border:0;background:transparent;color:var(--krox-color-accent);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height)}.krox-btn--link:hover{background:transparent;text-decoration:underline}.krox-btn--icon{width:var(--krox-control-height-command);height:var(--krox-control-height-command);min-height:var(--krox-control-height-command);padding:0;border-radius:var(--krox-radius-control)}.krox-btn--icon.krox-btn--small{width:var(--krox-control-height-sm);height:var(--krox-control-height-sm);min-height:var(--krox-control-height-sm)}.krox-btn--full{width:100%}.krox-btn:focus-visible,.krox-dialog button:focus-visible,.krox-input:focus-visible,.krox-search:focus-within,.krox-select__trigger:focus-visible,.krox-view-switch__button:focus-visible{outline:2px solid var(--krox-color-focus-ring);outline-offset:2px}.krox-btn:disabled,.krox-btn[aria-busy=true]{cursor:not-allowed;opacity:.48}.krox-spin{animation:krox-spin .9s linear infinite}@keyframes krox-spin{to{transform:rotate(1turn)}}.krox-field{display:grid;gap:var(--krox-space-2);min-width:0}.krox-field__label{color:var(--krox-color-text-secondary);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height)}.krox-field__hint{color:var(--krox-color-text-tertiary)}.krox-field__error,.krox-field__hint{margin:0;font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.krox-field__error{color:var(--krox-color-danger-text)}.krox-input{width:100%;min-height:var(--krox-control-height-toolbar);padding:0 var(--krox-space-3);border:1px solid var(--krox-color-border);border-radius:var(--krox-radius-control);background:var(--krox-color-input-background);color:var(--krox-color-text-primary);font-family:var(--krox-font-family);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height)}.krox-input::placeholder{color:var(--krox-color-text-tertiary)}.krox-input:hover{border-color:var(--krox-color-border-strong)}.krox-input:focus{border-color:var(--krox-color-accent);background:var(--krox-color-input-background-focus);outline:none}.krox-input:disabled{color:var(--krox-color-text-disabled);border-color:var(--krox-color-border-subtle);cursor:not-allowed}.krox-input.is-invalid{border-color:var(--krox-color-danger-border)}.krox-textarea{min-height:96px;padding:var(--krox-space-2) var(--krox-space-3);resize:vertical}.krox-search{display:flex;flex:1 1 220px;align-items:center;gap:var(--krox-space-2);min-width:0;height:var(--krox-control-height-toolbar);padding:0 var(--krox-space-3);border:1px solid var(--krox-color-border);border-radius:var(--krox-radius-control);background:var(--krox-color-input-background);color:var(--krox-color-text-secondary)}.krox-search .material-symbols-outlined{color:var(--krox-color-text-secondary);font-size:var(--krox-icon-size-sm)}.krox-search__input{flex:1 1;min-width:0;border:0;background:transparent;color:var(--krox-color-text-primary);font-family:var(--krox-font-family);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height);outline:none}.krox-search__input::placeholder{color:var(--krox-color-text-tertiary)}.krox-select{position:relative;gap:0}.krox-select>.krox-field__label{margin-bottom:var(--krox-space-2)}.krox-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--krox-space-2);width:100%;height:var(--krox-control-height-toolbar);min-height:var(--krox-control-height-toolbar);padding:0 var(--krox-space-3);border:1px solid var(--krox-color-border);border-radius:var(--krox-radius-control);background:var(--krox-color-input-background);color:var(--krox-color-text-primary);font-family:var(--krox-font-family);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height);text-align:left;cursor:pointer}.krox-select__trigger:hover{border-color:var(--krox-color-border-strong)}.krox-select__trigger[aria-expanded=true]{border-color:var(--krox-color-accent);background:var(--krox-color-input-background-focus)}.krox-select__trigger:disabled{color:var(--krox-color-text-disabled);cursor:not-allowed}.krox-select__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.krox-select__chevron{color:var(--krox-color-text-secondary);transition:transform var(--krox-motion-fast) var(--krox-motion-ease)}.krox-select__trigger[aria-expanded=true] .krox-select__chevron{transform:rotate(180deg)}.krox-select__menu{position:fixed;z-index:1200;margin:0;padding:var(--krox-space-1);overflow-y:auto;overscroll-behavior:contain;list-style:none;border:1px solid var(--krox-color-border-strong);border-radius:var(--krox-radius-control);background:var(--krox-color-surface);box-shadow:var(--krox-shadow-dropdown);scrollbar-width:thin}.krox-select__menu:focus{outline:none}.krox-select__option{display:flex;align-items:center;justify-content:space-between;gap:var(--krox-space-2);min-height:var(--krox-control-height-command);padding:0 var(--krox-space-2);border-radius:var(--krox-radius-sm);color:var(--krox-color-text-primary);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height);cursor:pointer}.krox-select__option.is-active{background:var(--krox-color-surface-hover)}.krox-select__option[aria-selected=true]{color:var(--krox-color-accent)}.krox-select__option[aria-selected=true],.krox-select__option[aria-selected=true].is-active{background:var(--krox-color-active-background)}.krox-select__option[data-disabled=true]{color:var(--krox-color-text-disabled);cursor:not-allowed}.krox-select__option .material-symbols-outlined{color:var(--krox-color-accent);font-size:var(--krox-icon-size-sm)}.krox-select__action{position:sticky;bottom:calc(-1 * var(--krox-space-1));margin-top:var(--krox-space-1);border-top:1px solid var(--krox-color-border);border-radius:var(--krox-radius-sm);background:var(--krox-color-surface);color:var(--krox-color-accent)}.krox-select__action.is-active{background:var(--krox-color-surface-hover)}.krox-select__option-text{display:grid;gap:0;min-width:0}.krox-select__empty,.krox-select__option-hint{color:var(--krox-color-text-tertiary);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.krox-select__empty{padding:var(--krox-space-2)}.krox-view-switch{height:var(--krox-control-height-toolbar);padding:2px;border:1px solid var(--krox-color-border);border-radius:var(--krox-radius-control);background:var(--krox-color-input-background)}.krox-view-switch,.krox-view-switch__button{display:inline-flex;align-items:center;gap:var(--krox-space-1)}.krox-view-switch__button{height:calc(var(--krox-control-height-toolbar) - 6px);padding:0 var(--krox-space-2);border:0;border-radius:var(--krox-radius-sm);background:transparent;color:var(--krox-color-text-secondary);font-family:var(--krox-font-family);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height);cursor:pointer}.krox-view-switch__button:hover{color:var(--krox-color-text-primary);background:var(--krox-color-surface-hover)}.krox-view-switch__button[aria-pressed=true]{color:var(--krox-color-primary-text);background:var(--krox-color-primary-fill)}.krox-view-switch__button .material-symbols-outlined{font-size:var(--krox-icon-size-sm)}.krox-status{display:inline-flex;align-items:center;gap:var(--krox-space-1);padding:3px var(--krox-space-2);border:1px solid var(--krox-color-border);background:var(--krox-color-surface);color:var(--krox-color-text-secondary);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-caption-line-height);text-transform:capitalize;white-space:nowrap}.krox-status,.krox-status__dot{border-radius:var(--krox-radius-pill)}.krox-status__dot{width:6px;height:6px;background:currentColor}.krox-status[data-tone=primary]{color:var(--krox-color-accent);border-color:var(--krox-color-primary-fill-hover);background:var(--krox-color-active-background)}.krox-status[data-tone=success]{color:var(--krox-color-success-text);border-color:var(--krox-color-success-border);background:var(--krox-color-success-background)}.krox-status[data-tone=warn]{color:var(--krox-color-warning-text);border-color:var(--krox-color-warning-border);background:var(--krox-color-warning-background)}.krox-status[data-tone=danger]{color:var(--krox-color-danger-text);border-color:var(--krox-color-danger-border);background:var(--krox-color-danger-background)}.krox-card,.krox-panel{min-width:0;padding:var(--krox-space-6);border:1px solid var(--krox-color-border);border-radius:var(--krox-radius-card);background:var(--krox-color-surface)}.krox-panel{display:flex;flex-direction:column;gap:var(--krox-space-4)}.krox-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--krox-space-3);flex-wrap:wrap}.krox-panel__title-group{min-width:0}.krox-panel__title{margin:0;font-size:var(--krox-type-section-heading-size);font-weight:var(--krox-type-section-heading-weight);letter-spacing:var(--krox-type-section-heading-letter-spacing);line-height:var(--krox-type-section-heading-line-height)}.krox-panel__sub{margin:var(--krox-space-1) 0 0;color:var(--krox-color-text-secondary);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.krox-panel__actions{display:flex;align-items:center;gap:var(--krox-space-2);flex-wrap:wrap}.krox-panel__body{display:grid;gap:var(--krox-space-4);min-width:0}.krox-page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--krox-space-5);flex-wrap:wrap}.krox-page-head__text{min-width:0}.krox-page-head .krox-page-head__text h1{margin:0;font-size:var(--krox-type-studio-page-title-size);font-weight:var(--krox-type-studio-page-title-weight);letter-spacing:var(--krox-type-studio-page-title-letter-spacing);line-height:var(--krox-type-studio-page-title-line-height)}.krox-page-head__sub{margin:var(--krox-space-1) 0 0;color:var(--krox-color-text-secondary);font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);line-height:var(--krox-type-body-line-height)}.krox-page-head__actions{display:flex;align-items:center;gap:var(--krox-space-2);flex-wrap:wrap}.krox-empty{display:grid;justify-items:center;gap:var(--krox-space-2);padding:var(--krox-space-8) var(--krox-space-5);border:1px dashed var(--krox-color-border-strong);border-radius:var(--krox-radius-card);color:var(--krox-color-text-secondary);text-align:center}.krox-empty>.material-symbols-outlined{color:var(--krox-color-text-tertiary);font-size:var(--krox-font-size-24)}.krox-empty h2{margin:0;color:var(--krox-color-text-primary);font-size:var(--krox-type-section-heading-size);font-weight:var(--krox-type-section-heading-weight);letter-spacing:var(--krox-type-section-heading-letter-spacing);line-height:var(--krox-type-section-heading-line-height)}.krox-empty p{margin:0;max-width:52ch;font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);line-height:var(--krox-type-body-line-height)}.krox-empty__actions{display:flex;align-items:center;gap:var(--krox-space-2);flex-wrap:wrap;margin-top:var(--krox-space-2)}.krox-dialog{width:min(560px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);padding:0;border:0;background:transparent;color:var(--krox-color-text-primary)}.krox-dialog::backdrop{background:var(--krox-color-overlay);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.krox-dialog__surface{display:flex;flex-direction:column;max-height:calc(100vh - 48px);overflow:hidden;border:1px solid var(--krox-color-border-strong);border-radius:var(--krox-radius-panel);background:var(--krox-color-surface);box-shadow:var(--krox-shadow-panel)}.krox-dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--krox-space-3);padding:var(--krox-space-5);border-bottom:1px solid var(--krox-color-border)}.krox-dialog__head h2{margin:0;font-size:var(--krox-type-section-heading-size);font-weight:var(--krox-type-section-heading-weight);letter-spacing:var(--krox-type-section-heading-letter-spacing);line-height:var(--krox-type-section-heading-line-height)}.krox-dialog__description{margin:var(--krox-space-1) 0 0;color:var(--krox-color-text-secondary);font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);line-height:var(--krox-type-body-line-height)}.krox-dialog__body{display:grid;gap:var(--krox-space-4);padding:var(--krox-space-5);overflow-y:auto}@media (max-width:640px){.krox-btn,.krox-btn--small{min-height:var(--krox-control-height-touch);height:var(--krox-control-height-touch)}.krox-btn--link{height:auto;min-height:0}.krox-search,.krox-select__trigger,.krox-view-switch{min-height:var(--krox-control-height-touch);height:var(--krox-control-height-touch)}.krox-view-switch__button{min-height:calc(var(--krox-control-height-touch) - 6px);height:calc(var(--krox-control-height-touch) - 6px)}}@media (prefers-reduced-motion:reduce){.krox-btn,.krox-select__chevron{transition:none}.krox-spin{animation:none}}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--krox-space-4)}.showcase-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--krox-space-2)}.showcase-cover{display:block;width:100%;height:100%;min-height:96px;background:linear-gradient(135deg,var(--krox-color-surface-hover),var(--krox-color-input-background))}.wallet-amount{max-width:140px}.design-template{max-width:220px}.upload-back-link{align-self:flex-start;justify-self:start;margin-bottom:calc(-1 * var(--krox-space-4))}.showcase-gallery-variants{display:grid;gap:var(--krox-space-4)}body{background:var(--krox-color-canvas)}.studio-shell{display:flex;min-height:100vh;background:var(--canvas);color:var(--text);font-family:var(--krox-font-family);font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);line-height:var(--krox-type-body-line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.studio-shell *,.studio-shell :after,.studio-shell :before{box-sizing:border-box}.studio-shell a{color:inherit;text-decoration:none}.studio-shell button:not(.krox-btn):not(.krox-select__trigger):not(.krox-view-switch__button){border:0;background:none;color:inherit;cursor:pointer;font-family:inherit}.studio-shell img{display:block;max-width:100%}.studio-shell h1,.studio-shell h2,.studio-shell h3,.studio-shell p{margin:0}.studio-shell h1{font-size:var(--krox-type-page-title-size);font-weight:var(--krox-type-page-title-weight);letter-spacing:var(--krox-type-page-title-letter-spacing);line-height:var(--krox-type-page-title-line-height)}.studio-shell h2{font-size:var(--krox-type-section-heading-size);font-weight:var(--krox-type-section-heading-weight);letter-spacing:var(--krox-type-section-heading-letter-spacing);line-height:var(--krox-type-section-heading-line-height)}.studio-shell h3{font-size:var(--krox-type-card-title-size);font-weight:var(--krox-type-card-title-weight);letter-spacing:var(--krox-type-card-title-letter-spacing);line-height:var(--krox-type-card-title-line-height)}.studio-shell .material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20;font-size:var(--krox-font-size-18);line-height:1;display:inline-block;vertical-align:middle;flex-shrink:0}.studio-shell :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.studio-sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:var(--sidebar-width);display:flex;flex-direction:column;justify-content:space-between;gap:var(--krox-space-3);padding:var(--krox-space-4) var(--krox-space-3) var(--krox-space-3);overflow:hidden;background:var(--sidebar);border-right:1px solid var(--border);transition:width var(--krox-motion-base) var(--krox-motion-ease),transform var(--krox-motion-base) var(--krox-motion-ease)}.studio-sidebar__scroll{flex:1 1;min-height:0;display:flex;flex-direction:column;gap:14px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.studio-brand{display:flex;align-items:center;gap:10px;min-height:var(--krox-control-height-command);padding:2px var(--krox-space-1);white-space:nowrap}.studio-brand__mark{display:block;width:30px;height:30px;flex:0 0 30px}.studio-brand__word{font-size:var(--krox-type-card-title-size);font-weight:var(--krox-type-card-title-weight);letter-spacing:-.02em;line-height:1;color:var(--text)}.studio-brand__word strong{font-weight:var(--krox-type-control-weight)}.studio-brand__word span{font-weight:var(--krox-type-body-weight);color:var(--text)}.studio-collapse{margin-left:auto;width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:var(--krox-radius-control);color:var(--muted)}.studio-collapse:hover{color:var(--text);background:var(--surface)}.workspace-card{display:flex;align-items:center;gap:10px;min-width:0;padding:8px;border:1px solid var(--border);border-radius:var(--krox-radius-control);background:var(--surface);text-align:left}.workspace-card:hover{border-color:var(--border-strong)}.workspace-card__avatar{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:var(--krox-radius-control);background:var(--active);color:var(--accent);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-caption-line-height);letter-spacing:.04em}.workspace-card__text{min-width:0}.workspace-card__name{color:var(--text);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height)}.workspace-card__meta,.workspace-card__name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-card__meta{color:var(--muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height);text-transform:capitalize}.studio-nav{display:flex;flex-direction:column;gap:10px}.nav-group__label{padding:4px 10px 2px;color:color-mix(in srgb,var(--muted) 74%,transparent);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-control-weight);letter-spacing:.1em;line-height:var(--krox-type-caption-line-height);text-transform:uppercase}.nav-list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.nav-item{display:block}.nav-link{display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 10px;border:1px solid transparent;border-radius:var(--krox-radius-control);color:var(--muted);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height);transition:background-color var(--krox-motion-fast) var(--krox-motion-ease),color var(--krox-motion-fast) var(--krox-motion-ease)}.nav-link:hover{color:var(--text);background:var(--surface)}.nav-link .material-symbols-outlined{color:var(--muted);font-size:var(--krox-font-size-19)}.nav-link:hover .material-symbols-outlined{color:var(--text)}.nav-item.active .nav-link{border-color:transparent;background:var(--active);color:var(--accent);font-weight:var(--krox-type-control-weight)}.nav-item.active .nav-link .material-symbols-outlined{color:var(--accent)}.nav-link__label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-count{min-width:20px;padding:1px 6px;border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--krox-radius-pill);background:var(--active);color:var(--accent);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-caption-line-height);text-align:center}.studio-profile{border-top:1px solid var(--border);padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:var(--krox-space-2)}.studio-profile__link{flex:1 1;min-width:0;display:flex;align-items:center;gap:10px;padding:6px;border-radius:var(--krox-radius-control)}.studio-profile__link:hover{background:var(--surface)}.user-avatar{width:32px;height:var(--krox-control-height-sm);flex:0 0 32px;display:grid;place-items:center;border-radius:var(--krox-radius-pill);background:var(--active);border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);color:var(--accent);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-caption-line-height);letter-spacing:.05em}.studio-profile__text{min-width:0}.studio-profile__name{color:var(--text);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height)}.studio-profile__name,.studio-profile__role{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-profile__role{color:var(--muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height);text-transform:capitalize}.signout-btn{width:32px;height:var(--krox-control-height-sm);flex:0 0 32px;display:grid;place-items:center;border-radius:var(--krox-radius-control);color:var(--muted)}.signout-btn:hover{color:var(--text);background:var(--surface)}.studio-main{flex:1 1;min-width:0;min-height:100vh;margin-left:var(--sidebar-width);display:flex;flex-direction:column;transition:margin-left var(--krox-motion-base) var(--krox-motion-ease)}.studio-content{width:100%;max-width:1200px;margin:0 auto;padding:var(--krox-space-8)}.studio-content,.studio-page{display:flex;flex-direction:column;gap:var(--krox-space-6)}.studio-page{min-width:0}.studio-scrim,.studio-topbar{display:none}@media (min-width:1025px){.studio-shell[data-collapsed=true]{--sidebar-width:var(--sidebar-collapsed)}.studio-shell[data-collapsed=true] .studio-brand{flex-direction:column;justify-content:center;gap:6px;padding:0}.studio-shell[data-collapsed=true] .nav-count,.studio-shell[data-collapsed=true] .nav-group__label,.studio-shell[data-collapsed=true] .nav-link__label,.studio-shell[data-collapsed=true] .studio-brand__word,.studio-shell[data-collapsed=true] .studio-profile__text,.studio-shell[data-collapsed=true] .workspace-card__text{display:none}.studio-shell[data-collapsed=true] .studio-collapse{margin-left:0}.studio-shell[data-collapsed=true] .workspace-card{justify-content:center;padding:6px}.studio-shell[data-collapsed=true] .workspace-card>.material-symbols-outlined{display:none}.studio-shell[data-collapsed=true] .nav-group{padding:0}.studio-shell[data-collapsed=true] .nav-link{width:40px;min-height:var(--krox-control-height-toolbar);margin:0 auto;justify-content:center;padding:0}.studio-shell[data-collapsed=true] .studio-profile{flex-direction:column;gap:6px}.studio-shell[data-collapsed=true] .studio-profile__link{justify-content:center;padding:4px}}@media (max-width:1024px){.studio-sidebar{width:min(300px,86vw);visibility:hidden;transform:translateX(-100%);box-shadow:var(--krox-shadow-overlay)}.studio-sidebar.is-open{visibility:visible;transform:translateX(0)}.studio-main{margin-left:0}.studio-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--krox-space-3);height:56px;padding:0 var(--krox-space-4);background:var(--sidebar);border-bottom:1px solid var(--border)}.studio-topbar .studio-brand{min-height:0;padding:0}.studio-topbar .studio-brand__word{font-size:var(--krox-type-card-title-size);font-weight:var(--krox-type-card-title-weight)}.studio-collapse{display:none}.icon-button{width:36px;height:var(--krox-control-height-command);display:grid;place-items:center;border-radius:var(--krox-radius-control);color:var(--muted)}.icon-button:hover{color:var(--text);background:var(--surface)}.studio-scrim.is-open{position:fixed;inset:0;z-index:45;display:block;padding:0;background:var(--krox-color-overlay);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.studio-content{padding:var(--krox-space-5) var(--krox-space-4) var(--krox-space-8);gap:var(--krox-space-5)}}.studio-shell .eyebrow{color:var(--muted);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);letter-spacing:.08em;line-height:var(--krox-type-control-line-height);text-transform:uppercase}.studio-shell .muted{color:var(--muted)}.studio-shell .faint{color:color-mix(in srgb,var(--muted) 76%,transparent)}.studio-shell .tiny{font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.studio-shell .mono,.studio-shell .small{font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);line-height:var(--krox-type-body-line-height)}.studio-shell .mono{font-family:var(--krox-font-mono-family);word-break:break-all}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--krox-space-5);flex-wrap:wrap}.page-head__text{min-width:0}.page-head__sub{margin-top:6px;color:var(--muted);font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);line-height:var(--krox-type-body-line-height)}.page-head__actions{flex-wrap:wrap}.page-head__actions,.utility-row{display:flex;align-items:center;gap:var(--krox-space-2)}.utility-row{justify-content:flex-end}.studio-shell .btn,.studio-shell .btn-primary,.studio-shell .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--krox-space-2);height:var(--krox-control-height-command);min-height:var(--krox-control-height-command);padding:0 var(--krox-space-3);border:1px solid var(--border);border-radius:var(--krox-radius-button);background:var(--surface);color:var(--text);font-family:inherit;font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height);white-space:nowrap;transition:background-color var(--krox-motion-fast) var(--krox-motion-ease),border-color var(--krox-motion-fast) var(--krox-motion-ease),color var(--krox-motion-fast) var(--krox-motion-ease)}.studio-shell .btn-secondary:hover,.studio-shell .btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.studio-shell .btn-primary{border-color:var(--primary);background:var(--primary);color:var(--krox-color-primary-text);font-weight:var(--krox-type-control-weight)}.studio-shell .btn-primary:hover{border-color:var(--primary-hover);background:var(--primary-hover)}.studio-shell .btn-primary .material-symbols-outlined{color:var(--krox-color-primary-text)}.studio-shell .btn-ghost{border-color:transparent;background:transparent;color:var(--muted)}.studio-shell .btn-ghost:hover{border-color:var(--border);background:var(--surface);color:var(--text)}.studio-shell .btn-danger{border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:transparent;color:var(--danger)}.studio-shell .btn-sm{height:var(--krox-control-height-sm);min-height:var(--krox-control-height-sm);padding:0 var(--krox-space-2);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight)}.studio-shell .btn:disabled{cursor:not-allowed;opacity:.45}.text-link{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height)}.text-link:hover{text-decoration:underline}.studio-shell .icon-button{width:32px;height:var(--krox-control-height-sm);display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--krox-radius-control);background:var(--surface);color:var(--muted)}.studio-shell .icon-button:hover{border-color:var(--border-strong);color:var(--text)}.panel,.studio-shell .card{min-width:0;padding:var(--krox-space-6);border:1px solid var(--border);border-radius:var(--krox-radius-card);background:var(--surface)}.studio-shell .card{display:block}.panel{display:flex;flex-direction:column;gap:var(--krox-space-4)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--krox-space-3)}.panel-title{color:var(--text);font-size:var(--krox-type-section-heading-size);font-weight:var(--krox-type-section-heading-weight);letter-spacing:var(--krox-type-section-heading-letter-spacing);line-height:var(--krox-type-section-heading-line-height)}.panel-sub{margin-top:2px;color:var(--muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.panel-link{flex-shrink:0;color:var(--accent);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height)}.panel-link:hover{text-decoration:underline}.section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--krox-space-3)}.section-title-wrap{display:flex;align-items:center;gap:var(--krox-space-2)}.section-title{color:var(--text);font-size:var(--krox-type-section-heading-size);font-weight:var(--krox-type-section-heading-weight);letter-spacing:var(--krox-type-section-heading-letter-spacing);line-height:var(--krox-type-section-heading-line-height)}.badge-count{padding:1px 8px;border:1px solid var(--border);border-radius:var(--krox-radius-pill);background:var(--surface);color:var(--muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-caption-line-height)}.overview-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--krox-space-5)}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}@media (max-width:1100px){.span-4,.span-5,.span-7,.span-8{grid-column:span 12}}.status-pill{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:2px var(--krox-space-2);border:1px solid transparent;border-radius:var(--krox-radius-control);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-caption-line-height);text-transform:capitalize;white-space:nowrap}.status-pill .status-dot{width:6px;height:6px;flex:0 0 6px;border-radius:var(--krox-radius-pill);background:currentColor}.status-pill[data-tone=primary]{border-color:color-mix(in srgb,var(--accent) 32%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.status-pill[data-tone=success]{border-color:color-mix(in srgb,var(--success) 32%,transparent);background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success)}.status-pill[data-tone=warn]{border-color:color-mix(in srgb,var(--warning) 34%,transparent);background:color-mix(in srgb,var(--warning) 10%,transparent);color:var(--warning)}.status-pill[data-tone=danger]{border-color:color-mix(in srgb,var(--danger) 34%,transparent);background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.status-pill[data-tone=neutral]{border-color:var(--border);background:var(--surface-2);color:var(--neutral)}.status-badge-neutral{display:inline-flex;padding:2px var(--krox-space-2);border:1px solid var(--border);border-radius:var(--krox-radius-control);background:var(--surface-2);color:var(--muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-caption-line-height);text-transform:uppercase;letter-spacing:.04em}.track{width:100%;height:6px;overflow:hidden;border-radius:var(--krox-radius-pill);background:var(--track)}.track>span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.track[data-tone=success]>span{background:var(--success)}.track[data-tone=warn]>span{background:var(--warning)}.track[data-tone=danger]>span{background:var(--danger)}.track[data-tone=neutral]>span{background:var(--neutral)}.attention-banner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--krox-space-4);padding:var(--krox-space-5) var(--krox-space-6);border:1px solid color-mix(in srgb,var(--warning) 30%,transparent);border-radius:var(--krox-radius-card);background:color-mix(in srgb,var(--warning) 8%,transparent);overflow:hidden}.attention-banner:before{position:absolute;inset:0 auto 0 0;width:4px;background:var(--warning);content:""}.attention-banner__body{min-width:0}.attention-banner__kicker{display:flex;align-items:center;gap:var(--krox-space-2);color:var(--warning);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-control-weight);letter-spacing:.08em;line-height:var(--krox-type-caption-line-height);text-transform:uppercase}.attention-banner__title{margin-top:6px;color:var(--text);font-size:var(--krox-type-card-title-size);font-weight:var(--krox-type-card-title-weight);line-height:var(--krox-type-card-title-line-height)}.attention-banner__title span{color:var(--muted);font-weight:var(--krox-type-body-weight)}.mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:var(--krox-space-3) 0;border-top:1px solid color-mix(in srgb,var(--border) 66%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 66%,transparent)}.mini-stat{min-width:0;padding:0 var(--krox-space-3)}.mini-stat:first-child{padding-left:0}.mini-stat+.mini-stat{border-left:1px solid color-mix(in srgb,var(--border) 66%,transparent)}.mini-stat__label{display:block;color:var(--muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-control-weight);letter-spacing:.07em;line-height:var(--krox-type-caption-line-height);text-transform:uppercase}.mini-stat__value{display:block;margin-top:6px;color:var(--text);font-family:var(--krox-font-mono-family);font-size:var(--krox-type-studio-number-size);font-weight:var(--krox-type-studio-number-weight);letter-spacing:var(--krox-type-studio-number-letter-spacing);line-height:var(--krox-type-studio-number-line-height)}.mini-stat__value[data-tone=success]{color:var(--success)}.mini-stat__value[data-tone=danger]{color:var(--danger)}.meter{display:flex;flex-direction:column;gap:var(--krox-space-2)}.meter__row{display:flex;align-items:center;justify-content:space-between;gap:var(--krox-space-3);color:var(--muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.meter__row strong{color:var(--text);font-weight:var(--krox-type-control-weight)}.insight-list{display:flex;flex-direction:column;gap:var(--krox-space-3)}.insight-row{display:grid;grid-template-columns:104px minmax(0,1fr) 24px;align-items:center;gap:var(--krox-space-3);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height)}.insight-row__name{display:flex;align-items:center;gap:var(--krox-space-2);min-width:0;color:var(--text);text-transform:capitalize}.insight-row__name .status-dot{width:7px;height:7px;flex:0 0 7px;border-radius:var(--krox-radius-pill);background:var(--neutral)}.insight-row__name[data-tone=primary] .status-dot{background:var(--accent)}.insight-row__name[data-tone=success] .status-dot{background:var(--success)}.insight-row__name[data-tone=warn] .status-dot{background:var(--warning)}.insight-row__name[data-tone=danger] .status-dot{background:var(--danger)}.insight-row__count{color:var(--muted);font-family:var(--krox-font-mono-family);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-caption-line-height);text-align:right}.activity-list{display:flex;flex-direction:column;gap:var(--krox-space-3);margin:0;padding:0;list-style:none}.activity-item{display:flex;align-items:flex-start;gap:10px}.activity-item__dot{width:7px;height:7px;flex:0 0 7px;margin-top:7px;border:1px solid var(--border-strong);border-radius:var(--krox-radius-pill);background:var(--surface-2)}.activity-item__body{min-width:0;flex:1 1}.activity-item__text{color:var(--text);font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);line-height:var(--krox-type-body-line-height);text-transform:capitalize}.activity-item__time{display:block;margin-top:1px;color:var(--muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.action-list{display:flex;flex-direction:column;gap:10px}.action-item{display:flex;align-items:center;justify-content:space-between;gap:var(--krox-space-3);padding:var(--krox-space-3);border:1px solid var(--border);border-radius:var(--krox-radius-control);background:var(--surface-2)}.action-item__text{min-width:0}.action-item__title{overflow:hidden;color:var(--text);font-size:var(--krox-type-card-title-size);font-weight:var(--krox-type-card-title-weight);line-height:var(--krox-type-card-title-line-height);text-overflow:ellipsis;white-space:nowrap}.action-item__meta{margin-top:2px;color:var(--muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.quiet-note{display:flex;align-items:center;gap:var(--krox-space-2);min-height:52px;padding:var(--krox-space-3);border:1px dashed var(--border);border-radius:var(--krox-radius-control);color:var(--muted);font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);line-height:var(--krox-type-body-line-height)}.quiet-note .material-symbols-outlined{color:var(--success)}.recent-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.recent-gallery{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--krox-radius-card);background:var(--surface-2);transition:border-color var(--krox-motion-fast) var(--krox-motion-ease),transform var(--krox-motion-fast) var(--krox-motion-ease)}.recent-gallery:hover{border-color:var(--border-strong);transform:translateY(-1px)}.recent-gallery__cover{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:var(--canvas);color:color-mix(in srgb,var(--muted) 70%,transparent)}.recent-gallery__cover img{width:100%;height:100%;object-fit:cover}.recent-gallery__cover .krox-status,.recent-gallery__cover .status-pill{position:absolute;top:10px;right:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.recent-gallery__body{display:flex;flex-direction:column;gap:var(--krox-space-2);padding:var(--krox-space-3)}.recent-gallery__title{overflow:hidden;color:var(--text);font-size:var(--krox-type-card-title-size);font-weight:var(--krox-type-card-title-weight);line-height:var(--krox-type-card-title-line-height);text-overflow:ellipsis;white-space:nowrap}.recent-gallery__footer,.recent-gallery__summary{color:var(--muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.recent-gallery__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--krox-space-2)}.recent-gallery__footer .material-symbols-outlined{font-size:var(--krox-font-size-13)}.stat-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-tile{display:flex;flex-direction:column;justify-content:space-between;min-height:100px;padding:var(--krox-space-4);border:1px solid var(--border);border-radius:var(--krox-radius-card);background:var(--surface)}.stat-tile__label{color:var(--muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-control-weight);letter-spacing:.08em;line-height:var(--krox-type-caption-line-height);text-transform:uppercase}.stat-tile__value{margin:6px 0 2px;color:var(--text);font-family:var(--krox-font-mono-family);font-size:var(--krox-type-studio-number-size);font-weight:var(--krox-type-studio-number-weight);letter-spacing:var(--krox-type-studio-number-letter-spacing);line-height:var(--krox-type-studio-number-line-height)}.stat-tile__value[data-tone=danger]{color:var(--danger)}.stat-tile__value[data-tone=warn]{color:var(--warning)}.stat-tile__hint{color:var(--muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.browser-toolbar{display:flex;align-items:center;gap:var(--krox-space-2);flex-wrap:wrap}.search-field{position:relative;flex:1 1 260px;min-width:0}.search-field .material-symbols-outlined{position:absolute;top:50%;left:12px;color:var(--muted);font-size:var(--krox-font-size-18);transform:translateY(-50%);pointer-events:none}.search-field input{width:100%;height:var(--krox-control-height-toolbar);padding:0 var(--krox-space-3) 0 38px;border:1px solid var(--border);border-radius:var(--krox-radius-control);background:var(--surface-2);color:var(--text);font-family:inherit;font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height)}.search-field input::placeholder{color:var(--muted)}.search-field input:focus{border-color:var(--primary);outline:1px solid var(--primary)}.studio-shell .input,.studio-shell .select,.studio-shell .textarea{min-height:var(--krox-control-height-toolbar);padding:0 var(--krox-space-3);border:1px solid var(--border);border-radius:var(--krox-radius-control);background:var(--surface-2);color:var(--text);font-family:inherit;font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height)}.studio-shell .textarea{padding:var(--krox-space-2) var(--krox-space-3);min-height:92px;resize:vertical}.studio-shell .input:focus,.studio-shell .select:focus,.studio-shell .textarea:focus{border-color:var(--primary);outline:1px solid var(--primary)}.studio-shell .label{display:block;margin-bottom:6px;color:var(--muted)}.studio-shell .label,.toolbar-select{font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height)}.toolbar-select{height:var(--krox-control-height-toolbar);padding:0 var(--krox-space-2);color:var(--text);font-family:inherit}.toolbar-select,.view-switch{border:1px solid var(--border);border-radius:var(--krox-radius-control);background:var(--surface-2)}.view-switch{display:flex;align-items:center;gap:2px;padding:2px}.view-switch__button{display:inline-flex;align-items:center;gap:5px;height:var(--krox-control-height-sm);padding:0 9px;border-radius:var(--krox-radius-sm);color:var(--muted);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height)}.view-switch__button:hover{color:var(--text)}.view-switch__button[aria-pressed=true]{background:var(--primary);color:var(--krox-color-primary-text)}.view-switch__button .material-symbols-outlined{font-size:var(--krox-font-size-16)}.browser-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--krox-space-3);color:var(--muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.gallery-browser[data-view=cards]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--krox-space-4)}.gb-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--krox-radius-card);background:var(--surface);transition:border-color var(--krox-motion-fast) var(--krox-motion-ease),transform var(--krox-motion-fast) var(--krox-motion-ease)}.gb-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.gb-card__cover{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:var(--canvas);color:color-mix(in srgb,var(--muted) 70%,transparent)}.gb-card__cover img{width:100%;height:100%;object-fit:cover}.gb-card__status{position:absolute;top:var(--krox-space-2);right:var(--krox-space-2)}.cover-empty{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.cover-empty .material-symbols-outlined{font-size:var(--krox-font-size-24)}.gb-card__body{display:flex;flex:1 1;flex-direction:column;gap:var(--krox-space-2);padding:var(--krox-space-3)}.gb-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.gb-card__title{min-width:0;overflow:hidden;color:var(--text);font-size:var(--krox-type-card-title-size);font-weight:var(--krox-type-card-title-weight);line-height:var(--krox-type-card-title-line-height);text-overflow:ellipsis;white-space:nowrap}.gb-card__footer,.gb-card__summary{color:var(--muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.gb-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--krox-space-2);margin-top:auto;padding-top:8px}.gallery-browser[data-view=list]{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:var(--krox-radius-card);background:var(--surface)}.gb-row{display:grid;grid-template-columns:96px minmax(0,1fr) 150px 130px;align-items:center;gap:var(--krox-space-4);padding:var(--krox-space-3) var(--krox-space-4);border-bottom:1px solid var(--border)}.gb-row:last-child{border-bottom:0}.gb-row:hover{background:var(--surface-2)}.gb-row__cover{display:grid;place-items:center;width:96px;aspect-ratio:16/10;overflow:hidden;border-radius:var(--krox-radius-control);background:var(--canvas);color:color-mix(in srgb,var(--muted) 70%,transparent)}.gb-row__cover img{width:100%;height:100%;object-fit:cover}.gb-row__text{min-width:0}.gb-row__title{color:var(--text);font-size:var(--krox-type-card-title-size);font-weight:var(--krox-type-card-title-weight);line-height:var(--krox-type-card-title-line-height)}.gb-row__summary,.gb-row__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gb-row__summary{margin-top:2px;color:var(--muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.gb-row__progress{display:flex;flex-direction:column;gap:6px;min-width:0}.gb-row__progress span{color:var(--muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.gb-row__aside{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.gb-row__time{color:var(--muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.gallery-browser[data-view=icons]{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:var(--krox-space-3)}.gb-icon{display:flex;flex-direction:column;min-width:0;gap:7px;padding:8px;border:1px solid var(--border);border-radius:var(--krox-radius-control);background:var(--surface)}.gb-icon:hover{border-color:var(--border-strong);background:var(--surface-2)}.gb-icon__cover{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;border-radius:var(--krox-radius-sm);background:var(--canvas);color:color-mix(in srgb,var(--muted) 70%,transparent)}.gb-icon__cover img{width:100%;height:100%;object-fit:cover}.gb-icon__dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border:2px solid var(--surface);border-radius:var(--krox-radius-pill);background:var(--neutral)}.gb-icon__dot[data-tone=primary]{background:var(--accent)}.gb-icon__dot[data-tone=success]{background:var(--success)}.gb-icon__dot[data-tone=warn]{background:var(--warning)}.gb-icon__dot[data-tone=danger]{background:var(--danger)}.gb-icon__title{color:var(--text);font-size:var(--krox-type-card-title-size);font-weight:var(--krox-type-card-title-weight);line-height:var(--krox-type-card-title-line-height)}.gb-icon__meta,.gb-icon__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gb-icon__meta{color:var(--muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.browser-empty{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:var(--krox-space-8);border:1px dashed var(--border);border-radius:var(--krox-radius-card);background:var(--surface)}.browser-empty h2{font-size:var(--krox-type-section-heading-size);font-weight:var(--krox-type-section-heading-weight);letter-spacing:var(--krox-type-section-heading-letter-spacing);line-height:var(--krox-type-section-heading-line-height)}.browser-empty p{max-width:52ch;color:var(--muted);font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);line-height:var(--krox-type-body-line-height)}.browser-empty__actions{display:flex;gap:var(--krox-space-2);flex-wrap:wrap;margin-top:4px}.upload-panel{display:flex;flex-direction:column;gap:18px}.upload-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--krox-space-4);flex-wrap:wrap}.upload-target{display:flex;flex-direction:column;gap:10px}.upload-target__row .select{flex:1 1 240px}.studio-shell .photo-uploader{display:flex;flex-direction:column;align-items:center;gap:var(--krox-space-2);padding:var(--krox-space-8) var(--krox-space-5);border:1px dashed var(--border-strong);border-radius:var(--krox-radius-card);background:color-mix(in srgb,var(--surface-2) 58%,transparent);text-align:center}.studio-shell .photo-uploader>.material-symbols-outlined{color:var(--accent);font-size:var(--krox-font-size-30)}.studio-shell .photo-uploader strong{color:var(--text);font-size:var(--krox-type-card-title-size);font-weight:var(--krox-type-card-title-weight);line-height:var(--krox-type-card-title-line-height)}.studio-shell .photo-uploader p{max-width:56ch;overflow-wrap:anywhere}.studio-shell .photo-uploader .btn{margin-top:6px}.studio-shell .upload-error{color:var(--danger);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-caption-weight);line-height:var(--krox-type-caption-line-height)}.studio-shell .banner{padding:var(--krox-space-3);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--krox-radius-control);background:var(--surface-2);color:var(--text);font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);line-height:var(--krox-type-body-line-height)}.studio-shell .banner[data-tone=danger]{border-left-color:var(--danger)}.studio-shell .banner[data-tone=warn]{border-left-color:var(--warning)}.studio-shell .banner[data-tone=success]{border-left-color:var(--success)}.studio-shell .badge{display:inline-flex;align-items:center;gap:6px;padding:2px var(--krox-space-2);border:1px solid var(--border);border-radius:var(--krox-radius-pill);background:var(--surface-2);color:var(--muted);font-size:var(--krox-type-caption-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-caption-line-height);text-transform:capitalize;white-space:nowrap}.studio-shell .empty{padding:var(--krox-space-5);border:1px dashed var(--border);border-radius:var(--krox-radius-card);color:var(--muted);font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);line-height:var(--krox-type-body-line-height);text-align:center}.studio-shell .empty h3{color:var(--text);margin-bottom:6px}.studio-shell .settings-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:var(--krox-space-5)}.studio-shell .settings-column{display:grid;gap:var(--krox-space-5);min-width:0}.studio-shell .workspace-list{display:grid;gap:var(--krox-space-2)}.studio-shell .workspace-row{display:flex;align-items:center;justify-content:space-between;gap:var(--krox-space-3);padding:var(--krox-space-3);border:1px solid var(--border);border-radius:var(--krox-radius-control);background:var(--surface-2)}.studio-shell .workspace-row__text{display:grid;gap:2px;min-width:0}.studio-shell .settings-grid>*{min-width:0}.user-avatar{overflow:hidden}.user-avatar img{display:block;width:100%;height:100%;object-fit:cover}.studio-shell .profile-photo{display:flex;align-items:center;gap:var(--krox-space-4);padding:var(--krox-space-4);border:1px solid var(--krox-color-border);border-radius:var(--krox-radius-control);background:var(--krox-color-surface-sunken)}.studio-shell .profile-photo .profile-photo__avatar{width:72px;height:72px;flex:0 0 72px;font-size:var(--krox-font-size-24)}.studio-shell .profile-photo__actions{display:grid;gap:var(--krox-space-2);min-width:0}.studio-shell .profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--krox-space-4)}.studio-shell .profile-panel__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--krox-space-3);padding-top:var(--krox-space-4);border-top:1px solid var(--krox-color-border)}.studio-shell .profile-panel__footer [role=alert],.studio-shell .profile-panel__footer [role=status]{margin:0 auto 0 0}.studio-shell .setup-steps{display:grid;gap:var(--krox-space-4);padding-left:18px;color:var(--text)}.studio-shell .setup-steps p{margin-top:4px;color:var(--muted);font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);line-height:var(--krox-type-body-line-height)}.studio-shell .photo-uploader+.photo-uploader{margin-top:8px}.studio-shell .gallery-create-dialog{width:min(100% - 32px,480px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow-y:auto;border:1px solid var(--border);border-radius:var(--krox-radius-card);background:var(--surface);color:var(--text)}.studio-shell .gallery-create-dialog::backdrop{background:color-mix(in srgb,var(--krox-color-canvas-deepest) 72%,transparent)}.studio-shell .gallery-create-dialog .card{border:0}.studio-shell .lightroom-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--krox-space-4);padding:var(--krox-space-4);border:1px solid var(--border);border-radius:var(--krox-radius-card);background:var(--surface)}.studio-shell .lightroom-info{display:flex;align-items:center;gap:10px;min-width:0;color:var(--muted);font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);line-height:var(--krox-type-body-line-height)}.studio-shell .gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--krox-space-3)}.studio-shell .tile{overflow:hidden;border:1px solid var(--border);border-radius:var(--krox-radius-control);background:var(--surface-2)}.studio-shell .tile img{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover}.studio-shell .tile .tile-meta{display:flex;justify-content:space-between;gap:var(--krox-space-2);padding:8px 10px}.studio-error,.studio-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--krox-space-4);padding:var(--krox-space-8);background:var(--canvas,var(--krox-color-canvas));color:var(--text,var(--krox-color-text-primary));font-family:Inter,ui-sans-serif,system-ui,sans-serif;text-align:center}.studio-loading__bar{width:min(320px,80vw);height:6px;overflow:hidden;border-radius:var(--krox-radius-pill);background:var(--krox-color-track)}.studio-loading__bar span{display:block;width:38%;height:100%;border-radius:inherit;background:var(--krox-color-accent);animation:studio-loading 1.2s ease-in-out infinite alternate}.studio-error h1{font-size:var(--krox-type-page-title-size);font-weight:var(--krox-type-page-title-weight);letter-spacing:var(--krox-type-page-title-letter-spacing);line-height:var(--krox-type-page-title-line-height)}.studio-error p{max-width:52ch;color:var(--krox-color-text-secondary);font-size:var(--krox-type-body-size);font-weight:var(--krox-type-body-weight);line-height:var(--krox-type-body-line-height)}.studio-error__actions{display:flex;gap:var(--krox-space-2);flex-wrap:wrap;justify-content:center}.studio-error__actions a,.studio-error__actions button{display:inline-flex;align-items:center;height:var(--krox-control-height-toolbar);padding:0 var(--krox-space-3);border:1px solid var(--krox-color-border);border-radius:var(--krox-radius-control);background:var(--krox-color-surface);color:var(--krox-color-text-primary);font-family:var(--krox-font-family);font-size:var(--krox-type-control-size);font-weight:var(--krox-type-control-weight);line-height:var(--krox-type-control-line-height);text-decoration:none;cursor:pointer}@keyframes studio-loading{0%{transform:translateX(-40%)}to{transform:translateX(200%)}}@media (max-width:1100px){.gallery-browser[data-view=cards],.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.studio-shell .krox-page-head h1{font-size:var(--krox-type-studio-page-title-size);font-weight:var(--krox-type-studio-page-title-weight);line-height:var(--krox-type-studio-page-title-line-height)}.page-head{align-items:flex-start}.page-head__actions{width:100%}.page-head__actions .btn{flex:1 1 auto}.attention-banner{align-items:flex-start;flex-direction:column;gap:var(--krox-space-3);padding:var(--krox-space-4) var(--krox-space-4) var(--krox-space-4) var(--krox-space-5)}.attention-banner .btn{width:100%}.recent-gallery-grid{grid-template-columns:minmax(0,1fr)}.mini-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;border:0}.mini-stat,.mini-stat:first-child{padding:var(--krox-space-3);border:1px solid color-mix(in srgb,var(--border) 66%,transparent);border-radius:var(--krox-radius-control);background:var(--surface-2)}.mini-stat+.mini-stat{border-left:1px solid color-mix(in srgb,var(--border) 66%,transparent)}.gallery-browser[data-view=cards]{grid-template-columns:minmax(0,1fr)}.gallery-browser[data-view=list]{border:0;border-radius:0;background:transparent;gap:10px;overflow:visible}.gb-row{grid-template-columns:78px minmax(0,1fr);gap:var(--krox-space-3);padding:var(--krox-space-3);border:1px solid var(--border);border-radius:var(--krox-radius-card);background:var(--surface)}.gb-row:last-child{border-bottom:1px solid var(--border)}.gb-row__cover{width:78px}.gb-row__aside,.gb-row__progress{grid-column:2}.gb-row__aside{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:var(--krox-space-2)}.browser-toolbar{align-items:stretch}.browser-toolbar .krox-search{flex-basis:100%}.browser-toolbar .krox-select{flex:1 1 140px;min-width:0}.browser-toolbar .krox-view-switch{flex:1 1 100%;justify-content:space-between}.browser-toolbar .krox-view-switch__button{flex:1 1;justify-content:center}.view-switch{flex:1 1 100%;justify-content:space-between}.view-switch__button{flex:1 1;justify-content:center}.toolbar-select{flex:1 1 130px}.browser-meta{align-items:flex-start;flex-direction:column}.studio-shell .profile-fields,.studio-shell .settings-grid{grid-template-columns:minmax(0,1fr)}.studio-shell .profile-photo{align-items:flex-start}.studio-shell .lightroom-strip{align-items:flex-start;flex-direction:column}.studio-shell .gallery-meta,.studio-shell .gallery-top-line{flex-wrap:wrap}.studio-shell .gallery-footer-actions a,.studio-shell .gallery-footer-actions button{width:100%}.insight-row{grid-template-columns:92px minmax(0,1fr) 22px;gap:var(--krox-space-2)}}@media (max-width:640px){.studio-shell .btn,.studio-shell .btn-primary,.studio-shell .btn-secondary{min-height:var(--krox-control-height-touch)}.studio-shell .btn-sm{min-height:var(--krox-control-height-command)}.studio-shell .gallery-create-dialog{width:calc(100% - 24px)}.studio-shell .photo-uploader{padding:var(--krox-space-6) var(--krox-space-3)}.studio-shell .photo-uploader .btn{width:100%}.stat-tile{min-height:96px}}@media (prefers-reduced-motion:reduce){.studio-shell *,.studio-shell :after,.studio-shell :before{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}