:root{color-scheme:light;--brand:#e0883c;--brand-soft:#fdf1e4;--brand-strong:#c9722b;--surface:#ffffff;--surface-2:#f9fafb;--sidebar:#16181d;--sidebar-2:#1e2128;--text-soft:#6b7280;--text-faint:#9ca3af;--text-inv:#e7e9ee;--text-inv-soft:#9aa0ab;--green:#16a34a;--green-soft:#e7f6ec;--red:#dc2626;--red-strong:#b91c1c;--blue:#2563eb;--blue-soft:#e8effd;--purple:#7c3aed;--purple-soft:#f1ebfe;--skeleton-base:#eceef1;--skeleton-shine:#f6f7f9;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--sidebar-w:264px;--sidebar-w-collapsed:76px;--cf-brand-primary:var(--brand);--cf-brand-subtle:var(--brand-soft);--cf-background-page:var(--surface);--cf-background-section:#f4f5f7;--cf-background-inverse:var(--sidebar);--cf-background-inverse-hover:var(--sidebar-2);--cf-text-primary:#1a1d23;--cf-text-secondary:var(--text-soft);--cf-text-inverse:#ffffff;--cf-text-inverse-soft:var(--text-inv);--cf-neutral-border:#e7e9ee;--bg:#f4f5f7;--bg-soft:var(--surface-2);--panel:var(--surface);--panel-muted:var(--surface-2);--panel-raised:var(--surface);--input-bg:var(--surface);--text:#1a1d23;--muted:var(--text-soft);--border:#e7e9ee;--border-strong:#d6d9e0;--accent:var(--brand);--accent-dark:var(--brand-strong);--accent-soft:var(--brand-soft);--accent-ring:rgba(224,136,60,0.22);--accent-contrast:#ffffff;--danger:#b42318;--danger-soft:#fff1f0;--warning:#d97706;--warning-soft:#fff7e8;--sidebar-bg:var(--sidebar);--sidebar-border:rgba(255,255,255,0.08);--sidebar-text:var(--text-inv);--sidebar-muted:var(--text-inv-soft);--shadow-sm:0 1px 2px rgba(16,24,40,0.05);--shadow-md:0 4px 12px rgba(16,24,40,0.06);--shadow-lg:0 12px 32px rgba(16,24,40,0.1);--sh-sm:var(--shadow-sm);--sh-md:var(--shadow-md);--sh-lg:var(--shadow-lg);--radius:var(--r-sm)}html[data-theme=dark]{color-scheme:dark;--brand:#e8954a;--brand-soft:#2a2118;--brand-strong:#f0a85f;--surface:#181b21;--surface-2:#1f232b;--sidebar:#0a0c0f;--sidebar-2:#161a20;--text-soft:#9aa0ab;--text-faint:#6b7280;--text-inv:#e7e9ee;--text-inv-soft:#8b919c;--skeleton-base:#20242c;--skeleton-shine:#2a2f38;--green:#22c55e;--green-soft:rgba(34,197,94,0.14);--red:#ef4444;--red-strong:#f87171;--blue-soft:rgba(37,99,235,0.14);--purple-soft:rgba(124,58,237,0.14);--cf-brand-primary:var(--brand);--cf-brand-subtle:var(--brand-soft);--cf-background-page:var(--surface);--cf-background-section:#0e1014;--cf-background-inverse:var(--sidebar);--cf-background-inverse-hover:var(--sidebar-2);--cf-text-primary:#e7e9ee;--cf-text-secondary:var(--text-soft);--cf-text-inverse:#e7e9ee;--cf-text-inverse-soft:var(--text-inv-soft);--cf-neutral-border:#262b33;--bg:#0e1014;--bg-soft:var(--surface-2);--panel:var(--surface);--panel-muted:var(--surface-2);--panel-raised:var(--surface);--input-bg:var(--surface);--text:#e7e9ee;--muted:var(--text-soft);--border:#262b33;--border-strong:#333944;--accent:var(--brand);--accent-dark:var(--brand-strong);--accent-soft:var(--brand-soft);--accent-ring:rgba(232,149,74,0.25);--accent-contrast:#ffffff;--danger:#f97066;--danger-soft:rgba(249,112,102,0.14);--warning:#f59e0b;--warning-soft:rgba(251,191,36,0.14);--sidebar-bg:var(--sidebar);--sidebar-border:rgba(255,255,255,0.08);--sidebar-text:var(--text-inv);--sidebar-muted:var(--text-inv-soft);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.35);--shadow-lg:0 12px 32px rgba(0,0,0,0.5);--sh-sm:var(--shadow-sm);--sh-md:var(--shadow-md);--sh-lg:var(--shadow-lg)}@media (prefers-color-scheme:dark){html:not([data-theme]){color-scheme:dark;--brand:#e8954a;--brand-soft:#2a2118;--brand-strong:#f0a85f;--surface:#181b21;--surface-2:#1f232b;--sidebar:#0a0c0f;--sidebar-2:#161a20;--text-soft:#9aa0ab;--text-faint:#6b7280;--text-inv:#e7e9ee;--text-inv-soft:#8b919c;--skeleton-base:#20242c;--skeleton-shine:#2a2f38;--green:#22c55e;--green-soft:rgba(34,197,94,0.14);--red:#ef4444;--red-strong:#f87171;--blue-soft:rgba(37,99,235,0.14);--purple-soft:rgba(124,58,237,0.14);--cf-brand-primary:var(--brand);--cf-brand-subtle:var(--brand-soft);--cf-background-page:var(--surface);--cf-background-section:#0e1014;--cf-background-inverse:var(--sidebar);--cf-background-inverse-hover:var(--sidebar-2);--cf-text-primary:#e7e9ee;--cf-text-secondary:var(--text-soft);--cf-text-inverse:#e7e9ee;--cf-text-inverse-soft:var(--text-inv-soft);--cf-neutral-border:#262b33;--bg:#0e1014;--bg-soft:var(--surface-2);--panel:var(--surface);--panel-muted:var(--surface-2);--panel-raised:var(--surface);--input-bg:var(--surface);--text:#e7e9ee;--muted:var(--text-soft);--border:#262b33;--border-strong:#333944;--accent:var(--brand);--accent-dark:var(--brand-strong);--accent-soft:var(--brand-soft);--accent-ring:rgba(232,149,74,0.25);--accent-contrast:#ffffff;--danger:#f97066;--danger-soft:rgba(249,112,102,0.14);--warning:#f59e0b;--warning-soft:rgba(251,191,36,0.14);--sidebar-bg:var(--sidebar);--sidebar-border:rgba(255,255,255,0.08);--sidebar-text:var(--text-inv);--sidebar-muted:var(--text-inv-soft);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.35);--shadow-lg:0 12px 32px rgba(0,0,0,0.5);--sh-sm:var(--shadow-sm);--sh-md:var(--shadow-md);--sh-lg:var(--shadow-lg)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.auth-card{width:min(440px,100%);padding:28px}.auth-card h1,.page-title{margin:0;font-size:28px;line-height:1.15}.muted{color:var(--muted)}.field{display:grid;grid-gap:6px;gap:6px;margin-top:16px}.field label{font-size:13px;font-weight:650}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:6px;padding:10px 12px;background:var(--input-bg);color:var(--text);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.category-edit-form input:focus,.field input:focus,.field select:focus,.field textarea:focus,.inline-form input:focus,.inline-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring);outline:none}.button{display:inline-flex;justify-content:center;align-items:center;min-height:40px;padding:9px 14px;border-radius:6px;border:1px solid transparent;background:var(--accent);color:var(--accent-contrast);font-weight:700;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.button:hover{background:var(--accent-dark);transform:translateY(-1px)}.button.secondary{background:var(--panel-raised);color:var(--text);border-color:var(--border)}.button.danger{background:var(--danger);color:var(--cf-text-inverse)}.button:disabled{opacity:.55;cursor:not-allowed}.form-error{margin-top:12px;color:var(--danger);font-size:14px}.success{color:var(--accent);font-size:14px;font-weight:700}.app-shell{grid-template-columns:264px minmax(0,1fr);background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 10%,transparent),transparent 34rem),var(--bg)}.app-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.app-shell.sidebar-collapsed .sidebar{display:none}.sidebar{gap:22px;overflow:auto;background:linear-gradient(180deg,var(--sidebar-bg),var(--cf-background-inverse-hover));color:var(--sidebar-text);padding:18px;border-right:1px solid var(--sidebar-border)}.brand{display:flex;gap:10px;align-items:center;font-size:20px;font-weight:800;margin-bottom:2px}.brand-mark{display:inline-grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.08);color:var(--accent)}.brand span,.brand strong{display:block;line-height:1.05}.brand span{color:var(--sidebar-muted);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.nav{display:grid;grid-gap:6px;gap:6px}.logout-button,.nav a{gap:10px;border:0;width:100%;text-align:left;color:color-mix(in srgb,var(--sidebar-text) 82%,transparent);border-radius:6px;cursor:pointer;font-weight:750;transition:background .16s ease,color .16s ease,transform .16s ease}.logout-button:hover,.nav a.active,.nav a:hover{background:rgba(255,255,255,.09);color:var(--sidebar-text)}.nav a.active{box-shadow:inset 3px 0 0 var(--accent)}.logout-button:hover,.nav a:hover{transform:translateX(2px)}.sidebar-user{display:grid;grid-gap:4px;gap:4px;margin-top:auto;border:1px solid var(--sidebar-border);border-radius:8px;background:rgba(255,255,255,.06)}.sidebar-user span{color:var(--sidebar-muted);font-size:12px;font-weight:800;text-transform:uppercase}.sidebar-user strong{color:var(--sidebar-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{padding:22px 28px 32px}.sidebar-toggle{border:1px solid var(--border);border-radius:6px;background:var(--panel-raised);color:var(--text);padding:8px 11px;cursor:pointer}.topbar{gap:10px;min-height:54px;margin:-22px -28px 22px;padding:10px 28px;background:color-mix(in srgb,var(--bg) 88%,transparent)}.topbar-title{color:var(--muted);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.icon-button,.theme-toggle,.topbar-title{display:inline-flex;gap:8px;align-items:center}.icon-button,.theme-toggle{justify-content:center;border-radius:6px;background:var(--panel-raised);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .16s ease,transform .16s ease,background .16s ease}.icon-button{width:38px}.theme-toggle{padding:8px 12px;font-weight:800}.icon-button:hover,.theme-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}.compact-header{margin-bottom:0}.compact-header h2,.compact-header p{margin:0}.grid{display:grid;grid-gap:16px;gap:16px}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-layout,.pattern-detail-layout{display:grid;grid-gap:16px;gap:16px;align-items:start}.catalog-layout{grid-template-columns:minmax(0,1fr) 360px}.pattern-detail-layout{grid-template-columns:minmax(0,1fr) 380px}.span-2{grid-column:span 2}.panel{padding:18px}.stat{display:grid;grid-gap:6px;gap:6px}.stat strong{font-size:30px}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.badge{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.stack{display:grid;grid-gap:14px;gap:14px}.stack.compact{gap:8px}.inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.inline-form input,.inline-form select{min-width:160px;border:1px solid var(--border);border-radius:6px;padding:8px 10px}.compact-error{margin:0;font-size:12px}.notice,.row-card{border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--panel-muted)}.notice code{display:block;margin-top:8px;word-break:break-all;font-size:12px}.row-card{display:flex;justify-content:space-between;gap:12px}.row-card p{margin:4px 0 0}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px}.file-card{display:grid;grid-gap:8px;gap:8px;border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--panel-muted)}.file-card img,.file-placeholder{width:100%;aspect-ratio:1;border-radius:6px;border:1px solid var(--border);background:var(--bg-soft)}.file-card img{display:block;object-fit:cover}.file-placeholder{place-items:center;color:var(--muted);font-size:16px;font-weight:800}.dropzone,.file-placeholder{display:grid;text-align:center}.dropzone{place-items:center;grid-gap:10px;gap:10px;min-height:190px;border:2px dashed var(--border);border-radius:8px;padding:24px}.dropzone.dragging{border-color:var(--accent);background:var(--accent-soft)}.dropzone input{width:min(420px,100%)}.dropzone-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.dropzone-actions input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.range-field{display:grid;grid-template-columns:minmax(160px,1fr) 96px auto;grid-gap:8px;gap:8px;align-items:center}.range-field input{min-width:0}.settings-preview-sample{display:grid;place-items:center;min-height:180px;max-width:100%;border:1px solid var(--border);border-radius:8px;background:var(--bg-soft);color:var(--muted);font-weight:800}.ai-provider-card,.ai-provider-settings{display:grid;grid-gap:12px;gap:12px}.ai-provider-card{padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--panel-muted)}.ai-provider-card h3{margin:0 0 4px;font-size:16px}.switch-row{display:inline-flex;gap:8px;align-items:center;font-weight:700}.import-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:10px;gap:10px}.import-result-grid>div{display:grid;grid-gap:4px;gap:4px;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--panel)}.result-list{display:grid;grid-gap:8px;gap:8px}.result-list h3{margin:0;font-size:15px}.result-list a,.result-list div{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--panel)}.result-list span{display:grid;grid-gap:3px;gap:3px}.result-list small{color:var(--muted)}.error-list div{border-color:rgba(180,35,24,.35)}.import-report-panel{margin-bottom:16px}.import-report-card{overflow:hidden;margin-bottom:16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--sh-sm)}.import-report-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:14px 16px;cursor:pointer;list-style:none}.import-report-head::-webkit-details-marker{display:none}.import-report-card[open] .import-report-head{border-bottom:1px solid var(--border)}.import-report-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px}.import-report-icon.ok{background:var(--green-soft);color:var(--green)}.import-report-icon.error{background:var(--danger-soft);color:var(--danger)}.import-report-title{display:grid;grid-gap:3px;gap:3px;min-width:0}.import-report-title strong{color:var(--text);font-size:15px}.import-report-title small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.import-report-chevron{color:var(--muted);transition:transform .18s ease}.import-report-card[open] .import-report-chevron{transform:rotate(180deg)}.import-report-body{display:grid;grid-gap:14px;gap:14px;padding:14px 16px 16px}.import-report-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.import-report-stat{display:grid;grid-gap:5px;gap:5px;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--surface-2)}.import-report-stat span{color:var(--muted);font-size:12px;font-weight:700}.import-report-stat strong{color:var(--text);font-size:23px;line-height:1}.import-report-stat.ok{border-color:color-mix(in srgb,var(--green) 24%,var(--border));background:var(--green-soft)}.import-report-stat.warn{border-color:color-mix(in srgb,var(--brand) 26%,var(--border));background:var(--warning-soft)}.import-report-stat.err{border-color:color-mix(in srgb,var(--danger) 28%,var(--border));background:var(--danger-soft)}.import-report-empty{display:inline-flex;gap:8px;align-items:center;margin:0;color:var(--green);font-weight:750}.import-report-section{display:grid;grid-gap:9px;gap:9px}.import-report-section h3{margin:0;color:var(--text);font-size:14px}.import-report-matches,.import-report-rows{display:grid;grid-gap:8px;gap:8px}.import-report-matches a,.import-report-row{display:grid;grid-gap:8px;gap:8px;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--surface-2)}.import-report-matches a span,.import-report-row>div:first-child,.import-report-row>span{display:grid;grid-gap:3px;gap:3px}.import-report-matches small,.import-report-row small{color:var(--muted)}.import-report-row.warn{border-color:color-mix(in srgb,var(--brand) 24%,var(--border));background:var(--warning-soft)}.import-report-row.err{border-color:color-mix(in srgb,var(--danger) 26%,var(--border));background:var(--danger-soft)}.import-report-matches a{grid-template-columns:minmax(0,1fr) auto;color:var(--text)}.selection-status-menu.import-ai-menu{min-width:260px}.selection-status-menu.import-ai-menu label{display:grid;grid-gap:6px;gap:6px;padding:4px;color:var(--text);font-size:12px;font-weight:800}.selection-status-menu.import-ai-menu .select{width:100%;min-width:0;height:36px;font-size:13px}.duplicate-match-list,.duplicate-report-list{display:grid;grid-gap:8px;gap:8px}.duplicate-report-list h3{margin:0;font-size:15px}.duplicate-report-item{display:grid;grid-gap:10px;gap:10px;border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--panel)}.duplicate-report-item>div:first-child{display:grid;grid-gap:4px;gap:4px}.duplicate-report-item small{color:var(--muted)}.duplicate-report-item.exact{border-color:rgba(180,35,24,.35)}.duplicate-report-item.warning{border-color:rgba(180,112,24,.35)}.duplicate-match-list a{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--panel)}.duplicate-match-list span{display:grid;grid-gap:3px;gap:3px}.color-term-chip{width:28px;height:28px;border:1px solid var(--border);border-radius:999px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.75)}.color-term-chip.selected{outline:3px solid var(--accent-ring);border-color:var(--accent)}.color-term-chip.compact{width:18px;height:18px;flex:0 0 auto}.color-term-chip.empty{background:linear-gradient(135deg,transparent 45%,var(--border) 48%,var(--border) 52%,transparent 55%)}.color-dropdown,.color-picker{position:relative}.color-picker-trigger{width:100%;display:inline-flex;justify-content:space-between;gap:8px;align-items:center;min-height:42px;border:1px solid var(--border);border-radius:6px;padding:8px 10px;background:var(--panel);cursor:pointer;text-align:left}.color-selection-summary{display:flex;flex-wrap:wrap;gap:6px}.color-selection-chip{display:inline-flex;gap:6px;align-items:center;min-width:0}.color-picker-menu{top:calc(100% + 6px);right:0;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:6px;gap:6px;max-height:300px;border-radius:8px;background:var(--panel);box-shadow:var(--shadow-lg)}.color-picker-menu.compact-menu{grid-template-columns:1fr}.color-picker-option{gap:8px;min-width:0;border:1px solid transparent;border-radius:6px;padding:7px 8px;background:var(--panel);text-align:left}button.color-picker-option{width:100%;color:var(--text)}.color-picker-option input{width:auto;min-width:0;margin:0}.color-picker-option.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark);font-weight:800}.pattern-card-grid{grid-gap:14px;gap:14px}.catalog-workspace{grid-template-columns:300px minmax(0,1fr);grid-gap:16px;gap:16px}.category-panel{top:20px;min-width:0;overflow:hidden}.category-panel p{overflow-wrap:anywhere}.category-root-drop{display:grid;grid-gap:8px;gap:8px;border:1px dashed transparent;border-radius:8px;padding:8px}.category-root-drop.drag-over{border-color:var(--accent);background:var(--accent-soft)}.category-edit-form{display:grid;grid-gap:6px;gap:6px;width:100%}.category-edit-fields{display:grid;grid-template-columns:minmax(0,1fr) 74px;grid-gap:6px;gap:6px}.category-edit-actions{display:flex;flex-wrap:wrap;gap:6px}.category-edit-form input{min-width:0;border:1px solid var(--border);border-radius:6px;padding:7px 8px}.category-edit-actions button{flex:1 1 72px;min-width:0}.danger-link{color:var(--danger)}.category-checkbox-tree{overflow:auto;border:1px solid var(--border);border-radius:8px;padding:8px;background:var(--panel-muted)}.category-checkbox-row,.category-checkbox-tree{display:grid;grid-gap:4px;gap:4px}.category-checkbox-row label{display:flex;gap:8px;align-items:center;min-height:30px;color:var(--text);line-height:1.25}.category-checkbox-row input[type=checkbox]{flex:0 0 auto;width:16px;min-width:16px;height:16px;margin:0;padding:0;accent-color:var(--accent)}.category-checkbox-row span{min-width:0;color:var(--text);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-checkbox-row small{color:var(--muted);font-weight:800}.pattern-card{display:grid;background:var(--panel)}.pattern-card.selected{box-shadow:0 0 0 2px var(--accent-ring)}.pattern-select{display:inline-flex;gap:6px;align-items:center;border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.92);font-size:12px;font-weight:700}.pattern-preview-thumb{border-radius:8px 8px 0 0}.pattern-preview-thumb .file-placeholder,.pattern-preview-thumb img{border-bottom:1px solid var(--border)}.pattern-hover-preview{width:360px;padding:10px;border-radius:8px;background:var(--panel);box-shadow:var(--shadow-lg)}.pattern-hover-preview img{display:block;aspect-ratio:1;border:1px solid var(--border);border-radius:6px;background:var(--bg-soft)}.pattern-hover-preview span{display:block;margin-top:8px;font-size:13px;font-weight:700}.pattern-card-body{display:grid;grid-gap:8px;gap:8px;padding:12px}.pattern-card-body p{margin:0}.category-chip{display:inline-flex;overflow:hidden;border:1px solid var(--border);border-radius:999px;padding:4px 7px;color:var(--muted);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.compact-text{font-size:12px}.pattern-detail-preview{position:-webkit-sticky;position:sticky;top:20px}.pattern-detail-preview img,.pattern-detail-preview>.file-placeholder{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--border);background:var(--bg-soft)}.pattern-detail-preview p{margin:0}.ai-draft-card,.ai-draft-list{display:grid;grid-gap:10px;gap:10px}.ai-draft-card{border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--panel-muted)}.ai-draft-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ai-draft-card p,.ai-draft-card-header p{margin:0}.ai-draft-fields{display:grid;grid-gap:10px;gap:10px}.ai-draft-fields>div{display:grid;grid-template-columns:140px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start}.ai-draft-fields dt{color:var(--muted);font-size:12px;font-weight:800;margin:0;text-transform:uppercase}.ai-draft-fields dd{margin:0;min-width:0}.role-editor{border:1px solid var(--border);border-radius:8px;padding:14px;background:var(--panel-muted)}.role-editor-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.role-editor-header p{margin:4px 0 0}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:8px;gap:8px;padding:12px;border:1px solid var(--border);border-radius:8px}.checkbox-grid legend{padding:0 6px;font-size:13px;font-weight:700}.checkbox-grid label{display:flex;gap:8px;align-items:center;font-size:13px}pre{max-width:420px;overflow:auto;border-radius:6px;padding:10px;font-size:12px}.ai-draft-card,.ai-provider-card,.auth-card,.category-checkbox-tree,.color-picker-menu,.duplicate-match-list a,.duplicate-report-item,.file-card,.import-result-grid>div,.notice,.panel,.pattern-card,.pattern-hover-preview,.result-list a,.result-list div,.role-editor,.row-card{background:var(--panel);border-color:var(--border)}.ai-draft-card,.ai-provider-card,.file-card,.panel,.pattern-card,.role-editor{box-shadow:var(--shadow-sm)}.panel:hover,.pattern-card:hover{box-shadow:var(--shadow-md)}.category-edit-form input,.color-picker-option,.color-picker-trigger,.field input,.field select,.field textarea,.inline-form input,.inline-form select{background:var(--input-bg);color:var(--text);border-color:var(--border)}.button.secondary:hover{border-color:var(--accent);background:var(--surface-2);color:var(--brand-strong)}.table{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.table th{background:var(--panel-muted)}.table tr:hover td{background:color-mix(in srgb,var(--accent-soft) 42%,transparent)}.badge{background:var(--accent-soft);color:var(--accent)}.ai-provider-card,.category-checkbox-tree,.file-card,.notice,.role-editor,.row-card{background:var(--panel-muted)}.file-card img,.file-placeholder,.pattern-detail-preview img,.pattern-detail-preview>.file-placeholder,.pattern-hover-preview img,.pattern-preview-thumb .file-placeholder,.pattern-preview-thumb img,.settings-preview-sample{background:var(--bg-soft);border-color:var(--border)}.dropzone{background:var(--panel-muted);border-color:var(--border-strong)}.category-root-drop.drag-over,.color-picker-option.selected,.dropzone.dragging{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.category-chip{background:var(--panel-muted)}.duplicate-report-item.exact{background:var(--danger-soft)}.duplicate-report-item.warning{background:var(--warning-soft)}.color-picker-option:hover,.color-picker-trigger:hover{border-color:var(--accent)}.color-picker-menu,.pattern-hover-preview{box-shadow:var(--shadow-lg)}.color-term-chip{border-color:var(--border-strong);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--panel) 70%,transparent)}.color-term-chip.selected{outline-color:var(--accent-ring)}.pattern-card-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.pattern-card{transition:border-color .16s ease,box-shadow .16s ease}.pattern-card:hover{transform:none}.pattern-card.selected{box-shadow:0 0 0 2px var(--accent-ring),var(--shadow-md)}.pattern-select{background:color-mix(in srgb,var(--panel) 88%,transparent)}.pattern-preview-thumb{background:var(--bg-soft)}.pattern-card-body{gap:10px}.category-panel,.pattern-detail-preview{top:76px}.category-checkbox-row label,.category-checkbox-row span{color:var(--text)}.category-checkbox-row label:hover{color:var(--accent)}.ai-draft-fields>div{padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--panel)}pre{background:var(--panel-muted);color:var(--text);border:1px solid var(--border)}.eyebrow{margin:0 0 6px;color:var(--accent);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.asset-hero{align-items:flex-end;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 92%,transparent),color-mix(in srgb,var(--panel-muted) 96%,transparent)),var(--panel);box-shadow:var(--shadow-sm)}.asset-hero h1,.asset-hero p{margin-top:0}.asset-hero .page-title{font-size:clamp(28px,3vw,44px);letter-spacing:-.02em}.asset-hero-actions,.asset-hero-stats{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.asset-hero-stats span{display:grid;min-width:104px;grid-gap:2px;gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel-raised);box-shadow:var(--shadow-sm)}.asset-hero-stats.compact span{min-width:96px;padding:8px 10px}.asset-hero-stats strong{font-size:22px;line-height:1}.asset-hero-stats small{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.asset-browser,.import-dashboard{display:grid;grid-gap:14px;gap:14px}.asset-browser-header{display:flex;justify-content:space-between;gap:14px;align-items:flex-end}.asset-browser-header h2,.asset-browser-header p{margin:0}.catalog-filter-actions{padding-top:2px}.catalog-workspace{grid-template-columns:292px minmax(0,1fr);gap:14px}.asset-grid-area{min-width:0}.asset-grid-shell{padding:16px;border-radius:var(--radius);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-soft) 72%,transparent),color-mix(in srgb,var(--bg) 96%,transparent)),var(--bg-soft);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--panel) 62%,transparent)}.pattern-card-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:18px}.pattern-card{padding:8px;border-radius:8px;background:var(--panel-raised);box-shadow:var(--shadow-sm);overflow:visible}.pattern-card.selected,.pattern-card:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring),var(--shadow-md)}.pattern-preview-thumb{border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:8px;background:var(--panel);box-shadow:var(--shadow-sm);transition:box-shadow .16s ease,border-color .16s ease}.pattern-card.selected .pattern-preview-thumb,.pattern-card:hover .pattern-preview-thumb{border-color:var(--accent);box-shadow:var(--shadow-sm)}.pattern-preview-thumb .file-placeholder,.pattern-preview-thumb img{aspect-ratio:1;border-bottom:0}.pattern-status-pill{right:8px;bottom:8px;max-width:calc(100% - 16px);overflow:hidden;border:1px solid rgba(255,255,255,.24);padding:4px 7px;background:rgba(10,17,16,.72);font-weight:900;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.pattern-select,.pattern-status-pill{color:var(--cf-text-inverse);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.pattern-select{top:8px;left:8px;background:rgba(10,17,16,.68);border-color:rgba(255,255,255,.22)}.pattern-select input{accent-color:var(--accent)}.pattern-card-body{padding:10px 2px 2px;gap:5px}.pattern-title-link{font-weight:850;line-height:1.18}.pattern-subtitle{margin:0;overflow:hidden;color:var(--muted);line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.category-badges{gap:4px}.category-chip{max-width:100%;padding:3px 6px;background:color-mix(in srgb,var(--panel) 84%,transparent);font-size:11px}.category-panel{top:72px;max-height:calc(100vh - 88px);padding:14px;background:color-mix(in srgb,var(--panel) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.category-panel-head p{margin-bottom:0;font-size:12px}.category-root-drop>span{font-size:12px}.asset-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:8px;gap:8px}.asset-metrics .stat{padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:var(--shadow-sm)}.asset-metrics .stat strong{font-size:26px}.empty-state{margin:0;padding:18px;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--panel-muted);color:var(--muted);font-weight:750;text-align:center}.pattern-detail-layout{grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:18px}.detail-editor,.detail-inspector{min-width:0}.pattern-detail-preview{top:72px;padding:14px;background:color-mix(in srgb,var(--panel) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pattern-detail-preview img,.pattern-detail-preview>.file-placeholder{border:0;border-radius:8px;background:var(--cf-background-inverse);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 60%,transparent)}.pattern-detail-preview h2{margin:0}.detail-hero{margin-bottom:18px}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.main{padding:18px}.topbar{margin:-18px -18px 18px;padding:10px 18px}.catalog-layout,.grid.cols-3,.grid.cols-4,.grid.two-cols,.pattern-detail-layout{grid-template-columns:1fr}.span-2{grid-column:auto}.role-editor-header,.row-card{display:grid}.catalog-workspace,.import-result-grid,.range-field{grid-template-columns:1fr}.category-panel{position:static}.result-list a,.result-list div{display:grid;grid-template-columns:1fr;text-align:left}.pattern-detail-preview{position:static}}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh;background:var(--bg);transition:grid-template-columns .28s cubic-bezier(.4,0,.2,1)}.app-shell.sidebar-collapsed{grid-template-columns:var(--sidebar-w-collapsed) minmax(0,1fr)}.app-shell.sidebar-collapsed .sidebar,.sidebar{display:flex}.sidebar{position:-webkit-sticky;position:sticky;top:0;flex-direction:column;width:auto;height:100vh;overflow:visible;gap:0;padding:22px 16px;background:var(--sidebar);color:var(--text-inv);border-right:0}.brand{gap:12px;padding:6px 8px 22px;margin:0;font-size:16px}.brand-mark{width:38px;height:38px;flex:0 0 auto;border:0;border-radius:10px;background:linear-gradient(135deg,var(--brand),#f0a85f);color:#fff;box-shadow:0 4px 14px rgba(224,136,60,.35)}.brand-text,.nav-text,.user-text{overflow:hidden;white-space:nowrap;transition:opacity .2s ease,width .2s ease}.brand-text strong{color:#fff;font-size:16px;font-weight:700;letter-spacing:-.2px}.brand-text span{color:var(--text-inv-soft);font-size:10px;font-weight:600;letter-spacing:2px}.nav{display:block}.nav-label{font-size:10px;font-weight:700;letter-spacing:1.5px;padding:14px 12px 8px;overflow:hidden}.logout-button,.nav a,.nav-label{color:var(--text-inv-soft);white-space:nowrap}.logout-button,.nav a{position:relative;display:flex;align-items:center;gap:12px;min-height:42px;margin-bottom:2px;padding:10px 12px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;font-size:14px;font-weight:500;box-shadow:none;transform:none}.logout-button:hover,.nav a:hover{background:var(--sidebar-2);color:var(--text-inv);transform:none}.nav a.active{background:var(--sidebar-2);color:#fff;font-weight:600;border-color:rgba(255,255,255,.06);box-shadow:inset 3px 0 0 var(--brand)}.nav a.active svg{color:var(--brand)}.sidebar-footer{margin-top:auto;padding-top:16px}.sidebar-footer .logout-button{width:100%;margin-bottom:8px}.sidebar-user{display:flex;align-items:center;gap:12px;margin-top:0;padding:12px;border:0;border-radius:var(--r-md);background:var(--sidebar-2);overflow:hidden}.avatar{width:36px;height:36px;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,var(--brand),#f0a85f);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}.user-text{display:grid;grid-gap:2px;gap:2px;min-width:0;line-height:1.15}.user-text span,.user-text strong{display:block}.sidebar-user span{color:var(--text-inv-soft);font-size:10px;letter-spacing:1px}.sidebar-user strong{color:#fff;font-size:13px}.app-shell.sidebar-collapsed .sidebar{padding:22px 12px}.app-shell.sidebar-collapsed .brand{justify-content:center;padding:6px 0 22px}.app-shell.sidebar-collapsed .brand-text,.app-shell.sidebar-collapsed .logout-button span,.app-shell.sidebar-collapsed .nav-text,.app-shell.sidebar-collapsed .user-text{opacity:0;width:0;overflow:hidden}.app-shell.sidebar-collapsed .nav-label{opacity:0;height:0;padding:0}.app-shell.sidebar-collapsed .logout-button,.app-shell.sidebar-collapsed .nav a{justify-content:center;gap:0;padding:11px}.app-shell.sidebar-collapsed .sidebar-user{justify-content:center;padding:10px}.app-shell.sidebar-collapsed .logout-button[data-tip]:hover:after,.app-shell.sidebar-collapsed .nav a[data-tip]:hover:after{content:attr(data-tip);position:absolute;left:calc(100% + 14px);top:50%;z-index:80;transform:translateY(-50%);padding:7px 11px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:var(--sidebar-2);color:#fff;box-shadow:var(--sh-lg);font-size:12.5px;font-weight:600;pointer-events:none}.main{min-width:0;padding:0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:60;display:flex;align-items:center;min-height:60px;height:60px;gap:14px;margin:0;padding:0 28px;border-bottom:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.topbar-title{color:var(--text-soft);font-size:13px;font-weight:600;letter-spacing:1.5px}.icon-button,.theme-toggle{min-height:36px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-soft);box-shadow:none}.icon-button:hover,.theme-toggle:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong);transform:none}.theme-toggle{margin-left:auto;border-radius:999px;padding:7px 14px 7px 12px;color:var(--text);font-size:13px;font-weight:600}.theme-toggle svg{color:var(--brand)}.main>.asset-browser,.main>.detail-content,.main>.page-head{width:min(1500px,calc(100% - 56px));margin-left:auto;margin-right:auto}.main>.detail-content,.main>.page-head{margin-top:28px}.main>.asset-browser{padding-bottom:80px}.content{width:100%;max-width:none;margin:0 auto;padding:28px 14px}.catalog-page-content,.import-batch-page-content{padding-bottom:80px}.import-page-content .import-dashboard{display:grid;grid-gap:14px;gap:14px}.import-batch-page-content>.panel,.import-page-content .panel,.page-head{margin-bottom:24px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border:1px solid var(--border);border-radius:var(--r-xl);background:radial-gradient(900px 200px at 0 0,var(--brand-soft),transparent),var(--surface);box-shadow:var(--sh-sm)}.eyebrow{color:var(--brand-strong);font-size:11px;font-weight:700;letter-spacing:2px}.page-head h1{margin:6px 0;font-size:30px;letter-spacing:-.6px}.page-head p{max-width:520px;color:var(--text-soft);font-size:14px}.stats{display:flex;gap:14px}.stat{min-width:110px;padding:14px 18px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-sm)}.stat .num{font-size:26px;font-weight:700;letter-spacing:-.5px}.stat .lbl{margin-top:2px;color:var(--text-faint);font-size:10px;font-weight:700;letter-spacing:1.2px}.stats .stat:first-child{border:0;color:#fff;background:linear-gradient(135deg,var(--brand),#f0a85f)}.stats .stat:first-child .lbl{color:rgba(255,255,255,.85)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-head h2{margin:0;font-size:19px;letter-spacing:-.3px}.panel-head p{margin:4px 0 0;color:var(--text-soft);font-size:13.5px}.btn-ghost,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);cursor:pointer;font-size:13px;font-weight:600;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.btn-ghost{padding:0 18px}.btn-outline{min-height:42px;padding:0 22px;font-size:14px}.btn-ghost:hover,.btn-outline:hover{border-color:var(--brand);background:var(--surface-2);color:var(--brand-strong)}.btn-ghost:disabled,.btn-outline:disabled{opacity:.55;cursor:not-allowed;transform:none}.dz-icon{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border-radius:16px;background:var(--brand-soft);color:var(--brand-strong)}.dropzone h3{margin:0;font-size:17px;letter-spacing:-.2px}.dz-sub{max-width:540px;margin:8px auto 20px;color:var(--text-soft);font-size:13.5px}.dz-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.hidden-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.form-block{margin-top:24px}.form-block label{display:block;margin-bottom:8px;color:var(--text);font-size:13px;font-weight:600}.progress-meta{display:flex;justify-content:space-between;gap:16px}@keyframes spin{to{transform:rotate(1turn)}}.progress-track{height:10px;overflow:hidden;border-radius:999px;background:var(--border)}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),#f0a85f);transition:width .25s ease}.progress-fill.done{background:linear-gradient(90deg,var(--green),#4ade80)}.progress-meta{margin-top:10px;color:var(--text-soft);font-size:12.5px}.batch-list{display:flex;flex-direction:column;gap:12px}.batch-info{flex:1 1 180px;min-width:180px}.batch-info strong{display:block;color:var(--text);font-size:15px;letter-spacing:-.2px}.batch-info span{color:var(--text-soft);font-size:12.5px}.batch-metrics{display:flex;gap:28px}.metric{min-width:60px;text-align:center}.metric .m-num{font-size:20px;font-weight:700;letter-spacing:-.3px}.metric .m-lbl{margin-top:2px;color:var(--text-faint);font-size:10.5px;font-weight:600;letter-spacing:.4px}.metric.warn .m-num{color:var(--brand-strong)}.metric.ok .m-num{color:var(--green)}.batch-delete-action{flex:0 0 auto}.batch-del{min-height:56px;border:0;border-radius:var(--r-sm);padding:0 22px;background:var(--red);color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:background .15s ease,opacity .15s ease}.batch-del:hover:not(:disabled){background:var(--red-strong)}.batch-del:disabled{opacity:.6;cursor:not-allowed}.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}.import-page-content{gap:20px}.import-page-content .page-head{align-items:flex-end;margin-bottom:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.import-page-content .page-head .stat{min-width:120px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--sh-sm)}.import-page-content .page-head .stat small{display:block;color:var(--text-soft);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.import-page-content .page-head .stat strong{display:block;margin-top:2px;color:var(--text);font-size:22px;line-height:1}.import-page-content .metric.warn .m-num,.import-page-content .page-head .stat.warn strong{color:var(--brand-strong)}.import-dashboard{display:grid;grid-gap:20px;gap:20px}.import-card,.import-page-content .board{overflow:hidden;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-sm)}.import-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border)}.import-head .left{display:flex;align-items:center;gap:12px;min-width:0}.import-head .ic{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:var(--r-sm);background:var(--brand-soft);color:var(--brand-strong)}.import-head h2{margin:0;color:var(--text);font-size:16px}.import-head .sub{margin:2px 0 0;color:var(--text-soft);font-size:12px}.import-collapse svg{transition:transform .16s ease}.import-collapse svg.is-collapsed{transform:rotate(-90deg)}.import-body{display:grid;grid-gap:16px;gap:16px;padding:16px}.import-card .dropzone{display:grid;place-items:center;grid-gap:10px;gap:10px;min-height:180px;padding:24px;border:2px dashed var(--border-strong);border-radius:var(--r-md);background:var(--panel-muted);text-align:center;transition:border-color .15s ease,background .15s ease}.import-card .dropzone.drag-over{border-color:var(--brand);background:var(--brand-soft)}.import-card .dropzone.has-files{align-items:center;justify-items:center;padding-bottom:18px}.import-card .dz-icon{width:48px;height:48px;margin:0 0 4px;border-radius:12px;background:var(--surface);color:var(--brand);box-shadow:var(--sh-sm)}.dz-title{margin:0;color:var(--text);font-size:15px;font-weight:800}.dz-desc{margin:0 0 4px;color:var(--text-soft);font-size:13px}.dz-formats{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.dz-formats span{padding:3px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-soft);font-size:10px;font-weight:800;letter-spacing:.04em}.selected-files-wrap{display:grid;grid-gap:10px;gap:10px}.dropzone .selected-files-wrap{justify-self:stretch;width:100%;min-width:0;margin-top:10px;padding-top:14px;border-top:1px solid var(--border);text-align:left}.selected-files-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.selected-files-head h3{margin:0;color:var(--text);font-size:14px}.selected-files-head .summary{color:var(--text-soft);font-size:12px;font-weight:500}.selected-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));grid-auto-flow:row;grid-gap:12px;gap:12px;align-items:start;min-width:0;width:100%}.selected-grid .file-card{display:grid;grid-template-rows:auto minmax(54px,auto);grid-gap:8px;gap:8px;min-width:0;overflow:hidden;padding:8px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);isolation:isolate}.selected-grid .file-card>div:last-child{min-width:0}.selected-grid .file-card .thumb{position:relative;display:grid;place-items:center;overflow:hidden;width:100%;min-width:0;aspect-ratio:1;border-radius:6px;background:var(--panel-muted);contain:paint}.selected-grid .file-card .thumb img{display:block;width:100%;max-width:100%;height:100%;max-height:100%;object-fit:cover}.selected-grid .file-card .ph{color:var(--text-faint);font-size:10px;font-weight:800;letter-spacing:.08em}.selected-grid .file-card .ext{position:absolute;right:4px;bottom:4px;padding:1px 5px;border-radius:4px;background:rgba(0,0,0,.62);color:#fff;font-size:9px;font-weight:800}.selected-grid .file-card .remove{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:6px;background:rgba(255,255,255,.92);color:#4b5563;cursor:pointer;font-size:18px;line-height:1}.selected-grid .file-card .remove:hover:not(:disabled){background:var(--red);color:#fff}.selected-grid .file-card .name{overflow:hidden;color:var(--text);font-size:12px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.selected-grid .file-card .path,.selected-grid .file-card .size{overflow:hidden;color:var(--text-faint);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.selected-grid .file-card .size{color:var(--text-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.field .hint{color:var(--text-faint);font-size:11px}.import-submit-field .btn{width:100%;justify-content:center}.progress-card{display:grid;grid-gap:12px;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--brand-soft)}.progress-card .progress-head{display:flex;align-items:center;gap:12px}.progress-card .spinner{width:28px;height:28px;flex:0 0 28px;border:3px solid color-mix(in srgb,var(--brand) 30%,transparent);border-top-color:var(--brand);border-radius:999px;animation:spin .8s linear infinite}.progress-card .spinner.done{border-color:var(--green);animation:none}.progress-card .t{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:14px;font-weight:800}.progress-card .d{margin-top:2px;color:var(--text-soft);font-size:12px}.progress-card .progress-track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--brand) 20%,transparent)}.progress-card .progress-meta{display:flex;justify-content:space-between;gap:12px;margin-top:0;color:var(--text-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.import-page-content .board-head{padding:16px;border-bottom:1px solid var(--border)}.import-page-content .board-head h2{margin:0;color:var(--text);font-size:16px}.import-page-content .board-head p{margin:4px 0 0;color:var(--text-soft);font-size:13px}.board-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border)}.board-search{position:relative;flex:1 1 360px;min-width:200px}.board-filters .select{width:auto;min-width:180px;flex:0 0 auto}.board-search .ic{position:absolute;left:10px;top:50%;color:var(--text-faint);pointer-events:none;transform:translateY(-50%)}.board-search input{width:100%;min-height:36px;padding:8px 10px 8px 32px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--panel-muted);color:var(--text);font-size:13px}.board-search input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--accent-ring)}.import-page-content .batch-list{display:grid;grid-gap:10px;gap:10px;padding:12px}.import-page-content .batch-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;padding:14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.import-page-content a.batch-card{grid-template-columns:minmax(0,1fr) auto auto;text-decoration:none}.import-page-content .batch-card:hover{border-color:var(--brand);box-shadow:var(--sh-md)}.import-page-content .batch-card.muted{border-style:dashed;background:var(--panel-muted)}.batch-card-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;min-width:0;color:inherit;text-decoration:none}.import-page-content .batch-info{min-width:0}.import-page-content .batch-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.import-page-content .batch-info strong{display:block;overflow:hidden;color:var(--text);font-size:15px;text-overflow:ellipsis;white-space:nowrap}.import-page-content .batch-info .date,.import-page-content .batch-info .desc{margin-top:2px;color:var(--text-soft);font-size:12px}.import-page-content .batch-info .desc{color:var(--text-faint)}.import-page-content .batch-metrics{display:flex;flex-wrap:wrap;gap:10px}.import-page-content .metric{min-width:64px;text-align:center}.import-page-content .metric .m-num{color:var(--text);font-size:18px;font-weight:800;line-height:1}.import-page-content .metric .m-lbl{margin-top:3px;color:var(--text-soft);font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.import-page-content .metric.ok .m-num{color:var(--green)}.import-page-content .batch-actions{display:flex;gap:6px}.import-page-content .batch-delete-action{flex:0 0 auto}.import-page-content .batch-del{display:grid;place-items:center;width:34px;height:34px;min-height:0;padding:0;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text-soft);cursor:pointer}.import-page-content .batch-del:hover:not(:disabled){border-color:var(--red);background:var(--danger-soft);color:var(--red)}.import-page-content .empty{padding:48px 24px;border:2px dashed var(--border-strong);border-radius:12px;color:var(--text-soft);text-align:center}.import-page-content .empty .ic{margin-bottom:8px}.import-page-content .empty h3{margin:0 0 6px;color:var(--text)}.import-page-content .empty p{margin:0}.section-title{margin-bottom:16px}.section-title h2{margin:0;font-size:19px;letter-spacing:-.3px}.section-title span{color:var(--text-soft);font-size:13px}.filters{display:block;margin-bottom:24px;padding:20px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-sm)}.filter-grid{display:grid;grid-template-columns:2fr 1fr 1.3fr 1fr 1fr;grid-gap:16px;gap:16px}.field input,.field select,.field textarea,.input,.select,.textarea{width:100%;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-size:14px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.input,.select{height:42px;padding:0 14px}.textarea{min-height:80px;padding:11px 14px;line-height:1.55;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input-search{position:relative}.input-search svg{position:absolute;left:13px;top:11px;color:var(--text-faint)}.input-search .input{padding-left:40px}.filter-foot{display:flex;align-items:center;gap:16px;margin-top:16px}.btn-reset{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-size:13px;font-weight:600}.btn-reset:hover{background:var(--surface-2);border-color:var(--brand);color:var(--brand-strong)}.catalog-workspace{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start;min-height:58vh}.catalog-workspace.import-workspace{grid-template-columns:auto minmax(0,1fr)}.category-panel{position:-webkit-sticky;position:sticky;top:84px;width:clamp(var(--category-panel-min-width,300px),var(--category-panel-measured-width,320px),min(560px,44vw));max-width:min(560px,44vw);max-height:calc(100vh - 104px);overflow:auto;padding:20px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-sm)}.category-panel.manage{overflow-x:visible}.category-panel-width-sizer{position:fixed;top:0;left:-10000px;z-index:-1;display:flex;flex-direction:column;align-items:flex-start;visibility:hidden;pointer-events:none;white-space:nowrap}.category-panel-width-row{display:flex;align-items:center;gap:8px;width:max-content;min-height:38px;padding:8px 10px;border:1px solid transparent}.category-width-grip{flex:0 0 14px;width:14px;height:14px}.category-width-name{color:var(--text);font-size:14px;font-weight:600;line-height:1.25}.category-width-code{border:1px solid var(--border);border-radius:5px;padding:3px 7px;color:var(--text-soft);font-size:10px;font-weight:700;letter-spacing:.5px}.category-width-count{min-width:22px;height:22px;display:grid;place-items:center;border-radius:6px;padding:0 6px;font-size:11px;font-weight:700}.category-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.category-panel h2{margin:0;font-size:16px;letter-spacing:-.2px}.category-panel-head p{margin:6px 0 16px;color:var(--text-soft);font-size:12.5px}.category-new-button{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:34px;border:1px solid var(--border);border-radius:var(--r-sm);padding:7px 10px;background:var(--surface);color:var(--brand-strong);font-size:12px;font-weight:700;cursor:pointer}.category-new-button:hover{border-color:var(--brand);background:var(--brand-soft)}.category-root-drop{display:block;margin:0 0 12px;padding:0;border:0}.cat-all,.category-root-drop>.button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:42px;border:0;border-radius:var(--r-sm);background:linear-gradient(135deg,var(--brand),#f0a85f);color:#fff;box-shadow:0 4px 12px rgba(224,136,60,.3)}.cat-all.secondary,.category-root-drop>.button.secondary{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);box-shadow:none}.category-root-drop>span{display:block;margin-top:10px;font-size:11.5px;text-align:center}.cat-list{display:flex;flex-direction:column;gap:4px;min-height:20px}.cat-row{position:relative;display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 10px;border:1px solid transparent;border-radius:var(--r-sm);background:transparent;cursor:-webkit-grab;cursor:grab;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.cat-row.selected,.cat-row:hover{background:var(--surface-2)}.cat-row.selected{box-shadow:inset 3px 0 0 var(--brand)}.cat-row:active{cursor:-webkit-grabbing;cursor:grabbing}.cat-row.dragging{opacity:.4}.cat-row.assign-target,.cat-row.nest-target{border-color:var(--brand);background:var(--brand-soft)}.cat-row.child:before{content:"";position:absolute;left:-10px;top:50%;width:8px;height:1px;background:var(--border-strong)}.cat-row.editing{display:block;cursor:default}.cat-grip{display:grid;place-items:center;flex:0 0 auto;color:var(--text-faint)}.cat-name{flex:1 1 auto;min-width:0;color:var(--text);font-size:14px;font-weight:600;line-height:1.25}.cat-code,.cat-name,.category-code{overflow:visible;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.cat-code,.category-code{max-width:min(160px,42%);flex:0 1 auto;border:1px solid var(--border);border-radius:5px;padding:3px 7px;background:var(--surface-2);color:var(--text-soft);font-size:10px;font-weight:700;letter-spacing:.5px}.category-panel.manage .cat-code{max-width:min(180px,42%)}.cat-num,.category-count{flex:0 0 auto;min-width:22px;height:22px;display:grid;place-items:center;border-radius:6px;padding:0 6px;background:var(--brand-soft);color:var(--brand-strong);font-size:11px;font-weight:700}.cat-num.zero{background:var(--surface-2);color:var(--text-faint)}.cat-mini{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-soft);cursor:pointer}.cat-mini:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.cat-mini:disabled{opacity:.45;cursor:not-allowed}.cat-assign{flex:0 0 auto;border:1px solid var(--border);border-radius:6px;padding:5px 9px;background:var(--surface);color:var(--text-soft);cursor:pointer;font-size:11px;font-weight:700}.cat-assign:hover:not(:disabled){border-color:var(--brand);color:var(--brand-strong)}.cat-assign:disabled{opacity:.45;cursor:not-allowed}.cat-edit{flex:0 0 auto;border:1px solid var(--border);border-radius:6px;padding:4px 10px;background:var(--surface);color:var(--text-soft);cursor:pointer;font-size:12px;font-weight:600}.cat-edit:hover{border-color:var(--brand);color:var(--brand-strong)}.category-context-menu{position:fixed;z-index:130;display:grid;grid-gap:4px;gap:4px;width:240px;padding:6px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);box-shadow:var(--sh-lg)}.category-context-menu button{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;border:0;border-radius:6px;padding:8px 9px;background:transparent;color:var(--text);cursor:pointer;font-size:12px;font-weight:700;text-align:left}.category-context-menu button svg{flex:0 0 auto;color:var(--text-soft)}.category-context-menu button:focus-visible,.category-context-menu button:hover:not(:disabled){outline:none;background:var(--surface-2);color:var(--brand-strong)}.category-context-menu button:focus-visible svg,.category-context-menu button:hover:not(:disabled) svg{color:var(--brand)}.category-context-menu button:disabled{opacity:.45;cursor:not-allowed}.drop-line{height:2px;margin:1px 6px;border-radius:2px;background:var(--brand);box-shadow:0 0 6px var(--brand)}.category-dialog-backdrop{position:fixed;inset:0;z-index:120;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:64px 24px 24px;background:rgba(17,24,39,.36)}.category-dialog{display:grid;grid-gap:14px;gap:14px;width:min(520px,100%);max-height:calc(100dvh - 88px);overflow:auto;border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;background:var(--surface);box-shadow:var(--sh-lg)}.category-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.category-dialog-head span,.category-dialog-head strong{display:block}.category-dialog-head strong{color:var(--text);font-size:18px;letter-spacing:-.2px}.category-dialog-head span{margin-top:3px;color:var(--text-soft);font-size:12px}.category-dialog-head button{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-soft);cursor:pointer}.category-dialog-actions{display:flex;justify-content:flex-end;gap:10px}.catalog-sheet-choice-dialog{width:min(560px,100%)}.catalog-sheet-dialog-backdrop{z-index:1300}.catalog-sheet-choice-list,.catalog-sheet-sample-options{display:grid;grid-gap:12px;gap:12px}.catalog-sheet-choice-list>button{display:grid;grid-template-columns:28px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;width:100%;border:1px solid var(--border);border-radius:8px;padding:14px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.catalog-sheet-choice-list>button:hover:not(:disabled){border-color:var(--brand);background:var(--brand-soft)}.catalog-sheet-choice-list>button:disabled{cursor:not-allowed;opacity:.6}.catalog-sheet-choice-list small,.catalog-sheet-choice-list strong{display:block}.catalog-sheet-choice-list small,.catalog-sheet-sample-options p,.catalog-sheet-sample-size span{margin-top:3px;color:var(--text-soft);font-size:12px}.catalog-sheet-sample-options label{display:grid;grid-gap:6px;gap:6px;font-weight:750}.catalog-sheet-sample-size{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 0}.catalog-sheet-sample-size span{margin:0}.category-parent-select{width:100%}.sheet-dialog-backdrop{position:fixed;inset:0;z-index:130;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:32px 18px;background:rgba(17,24,39,.42)}.sheet-dialog{width:min(1120px,100%);max-height:calc(100dvh - 64px);overflow:auto;border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--sh-lg)}.sheet-dialog-actions,.sheet-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid var(--border)}.sheet-dialog-actions{border-top:1px solid var(--border);border-bottom:0}.sheet-dialog-head h2{margin:0}.sheet-dialog-head p,.sheet-order-item small,.sheet-settings-panel small{color:var(--text-soft);font-weight:750}.sheet-dialog-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:18px;gap:18px;padding:20px}.sheet-order-list,.sheet-settings-panel{display:grid;grid-gap:10px;gap:10px;align-content:start}.sheet-order-item{display:grid;grid-template-columns:34px 56px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;padding:9px;border:1px solid var(--border);border-radius:14px;background:var(--bg-soft)}.sheet-order-item.dragging{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);opacity:.68}.sheet-order-item .file-placeholder,.sheet-order-item img,.studio-sheet-item .file-placeholder,.studio-sheet-item img{width:56px;height:56px;border-radius:12px;object-fit:cover}.sheet-order-item small,.sheet-order-item strong,.studio-sheet-item small,.studio-sheet-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-drag-handle{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-soft);cursor:-webkit-grab;cursor:grab}.sheet-gap-row{display:grid;grid-template-columns:minmax(0,1fr) 96px;grid-gap:10px;gap:10px}@media (max-width:900px){.sheet-dialog-grid{grid-template-columns:1fr}}.asset-grid-shell{min-height:520px;padding:20px;border:1px solid var(--border);border-radius:var(--r-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-2) 74%,transparent),color-mix(in srgb,var(--bg) 96%,transparent)),var(--surface-2)}.pattern-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:20px;gap:20px;align-items:start}.pattern-card{position:relative;display:block;overflow:hidden;padding:0;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pattern-card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--sh-lg)}.pattern-card.selected{box-shadow:0 0 0 3px var(--brand-soft),var(--sh-md)}.pattern-card.locked,.pattern-list-item.locked{opacity:.72;cursor:progress}.pattern-card.locked .pattern-preview-thumb,.pattern-list-item.locked .pattern-list-thumb{pointer-events:none}.pattern-preview-thumb{position:relative;display:block;overflow:hidden;border:0;border-radius:0;background:linear-gradient(135deg,#fde2ec,#cfe3ff,#ffe7c2);box-shadow:none}.pattern-preview-thumb .file-placeholder,.pattern-preview-thumb img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border:0;border-radius:0;transition:transform .4s ease}.pattern-card:hover .pattern-preview-thumb img{transform:scale(1.05)}.pattern-status-pill{right:auto;padding:5px 10px;border:0;border-radius:999px;background:rgba(22,24,29,.85);color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pattern-status-pill,.pattern-status-stack{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px)}.pattern-status-stack{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pattern-status-stack .pattern-status-pill{position:static;max-width:100%}.pattern-list-primary-status-row,.pattern-primary-status-row{display:inline-flex;align-items:center;gap:5px;width:-moz-fit-content;width:fit-content;white-space:nowrap}.pattern-list-primary-status-row{justify-self:end}.pattern-list-status-secondary,.pattern-status-secondary{border-radius:999px;padding:5px 8px;background:rgba(255,255,255,.92);color:var(--text-soft);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.pattern-list-status.muted,.pattern-status-pill.muted{background:rgba(31,41,55,.82);color:#ffffff}.pattern-list-status.purple,.pattern-status-pill.purple{background:var(--purple-soft);color:var(--purple)}.pattern-list-status.amber,.pattern-status-pill.amber{background:var(--warning-soft);color:var(--warning)}.pattern-list-status.blue,.pattern-status-pill.blue{background:var(--blue-soft);color:var(--blue)}.pattern-list-status.green,.pattern-status-pill.green{background:var(--green-soft);color:var(--green)}.pattern-list-status.red,.pattern-status-pill.red{background:var(--danger-soft);color:var(--danger)}.pattern-list-status.sheet,.pattern-status-pill.sheet{display:inline-flex;align-items:center;justify-content:center;width:28px;min-width:28px;max-width:28px;padding-right:0;padding-left:0;background:color-mix(in srgb,var(--brand) 16%,var(--surface));color:var(--brand-strong);white-space:nowrap}.pattern-select{top:12px;left:12px;z-index:2;border:0;background:rgba(22,24,29,.78);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pattern-card-body{display:block;padding:14px 16px 16px}.pattern-title-link{display:block;overflow:hidden;color:var(--text);font-size:14.5px;font-weight:600;letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap}.pattern-subtitle{margin-top:2px;color:var(--text-faint);font-family:ui-monospace,monospace;font-size:12px}.category-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.cat-chip,.category-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;border:0;border-radius:6px;padding:4px 10px;background:var(--brand-soft);color:var(--brand-strong);font-size:11.5px;font-weight:600}.pattern-hover-preview{position:fixed;z-index:1000;max-width:calc(100vw - 32px);padding:14px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:0 24px 70px rgba(16,24,40,.25);pointer-events:none}.pattern-hover-preview img{width:100%;aspect-ratio:1/1;border:0;border-radius:var(--r-md);object-fit:cover}.pattern-hover-preview span{margin-top:10px;font-size:13.5px}.pattern-card.selected{border-color:var(--brand);box-shadow:0 0 0 2px var(--accent-ring),var(--sh-md)}.pattern-card.selected .pattern-select,.pattern-card:hover .pattern-select,.pattern-select:focus-visible{opacity:1;pointer-events:auto}.pattern-select{position:absolute;top:10px;left:10px;z-index:3;display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid var(--border);border-radius:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--brand);cursor:pointer;font:inherit;line-height:0;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .15s ease,background .15s ease,border-color .15s ease,color .15s ease}.pattern-card.selected .pattern-select{border-color:var(--brand);background:var(--brand);color:#fff}.pattern-select-icon{display:grid;place-items:center;width:100%;height:100%;line-height:0}.pattern-select-icon svg{display:block}.selection-bar{position:fixed;left:50%;bottom:24px;z-index:1200;display:flex;align-items:center;gap:8px;max-width:min(calc(100vw - 32px),720px);padding:10px 14px;border-radius:999px;background:var(--text);color:var(--surface);box-shadow:var(--sh-lg);opacity:0;pointer-events:none;transform:translateX(-50%) translateY(20px);transition:opacity .2s ease,transform .2s ease}.selection-bar.show{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.selection-bar .count{margin-right:4px;padding-right:8px;border-right:1px solid color-mix(in srgb,var(--surface) 22%,transparent);font-weight:800;white-space:nowrap}.selection-bar button{display:inline-flex;align-items:center;gap:6px;min-height:32px;border:0;border-radius:999px;padding:7px 12px;background:color-mix(in srgb,var(--surface) 12%,transparent);color:var(--surface);cursor:pointer;font-size:12px;font-weight:650}.selection-bar button:hover:not(:disabled){background:color-mix(in srgb,var(--surface) 22%,transparent)}.selection-bar button.danger{background:var(--red);color:#fff}.selection-bar button:disabled{cursor:not-allowed;opacity:.6}.selection-bar .dismiss{width:28px;height:28px;padding:0;display:grid;place-items:center}@media (max-width:720px){.selection-bar{left:12px;right:12px;bottom:12px;flex-wrap:wrap;justify-content:center;max-width:none;padding:8px;border-radius:8px;transform:translateY(20px)}.selection-bar.show{transform:translateY(0)}.selection-bar .count{flex:1 0 100%;margin:0;padding:0 0 7px;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--surface) 22%,transparent);text-align:center}.selection-bar button{flex:1 1 auto;justify-content:center;border-radius:6px}.selection-bar .dismiss{flex:0 0 32px}}.selection-status-control{position:relative;display:inline-flex}.selection-status-menu{position:absolute;left:0;bottom:calc(100% + 10px);display:grid;grid-gap:6px;gap:6px;min-width:170px;padding:8px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:var(--sh-lg)}.selection-status-menu:after{content:"";position:absolute;left:22px;bottom:-6px;width:12px;height:12px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);transform:rotate(45deg)}.selection-menu-separator{height:1px;margin:2px 0;background:var(--border)}.selection-status-menu button{justify-content:flex-start;min-height:34px;width:100%;border-radius:10px;background:transparent;color:var(--text);font-size:13px}.selection-status-menu button:hover:not(:disabled){background:var(--brand-soft);color:var(--brand-strong)}.detail-content{padding-bottom:110px}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.detail-head h1{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:0;font-size:26px;letter-spacing:-.5px}.detail-head p{margin:6px 0 0;color:var(--text-soft);font-size:14px}.head-actions{flex-shrink:0;gap:10px;align-items:flex-start}.head-actions,.workflow-actions{display:flex;flex-wrap:wrap;justify-content:flex-end}.workflow-actions{gap:8px}.workflow-actions .form-error{flex-basis:100%;margin:0}.sku-badge{border:1px solid var(--border-strong);border-radius:7px;padding:5px 10px;background:var(--surface);color:var(--text-soft);font-family:ui-monospace,monospace}.sku-badge,.status-badge{font-size:12px;font-weight:700}.status-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 12px;background:var(--green-soft);color:var(--green);letter-spacing:.5px}.badge-soft.muted,.status-badge.muted{background:var(--surface-2);color:var(--text-soft)}.badge-soft.purple,.status-badge.purple{background:var(--purple-soft);color:var(--purple)}.badge-soft.amber,.status-badge.amber{background:var(--warning-soft);color:var(--warning)}.badge-soft.blue,.status-badge.blue{background:var(--blue-soft);color:var(--blue)}.badge-soft.green,.status-badge.green{background:var(--green-soft);color:var(--green)}.badge-soft.red,.status-badge.red{background:var(--danger-soft);color:var(--danger)}.status-badge.archived{background:var(--surface-2);color:var(--text-soft)}.secondary-status-badge{margin-left:6px}.archive-context{margin:8px 0 0;color:var(--text-soft);font-size:13px;font-weight:700}.json-status .dot,.save-info .dot,.status-badge .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);cursor:pointer;font-size:13.5px;font-weight:600}.btn:hover{background:var(--surface-2)}.btn-primary{border:0;box-shadow:0 4px 12px rgba(224,136,60,.3)}.btn-primary,.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--brand),#f0a85f);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 18px rgba(224,136,60,.4);transform:translateY(-1px)}.btn-danger{border-color:color-mix(in srgb,var(--danger) 32%,var(--border));background:var(--danger-soft);color:var(--danger)}.btn-danger:hover:not(:disabled){border-color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger)}.btn-ghost-danger{color:#dc2626}.btn-ghost-danger:hover{background:#fef2f2;border-color:#fca5a5}.btn.disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border)}.tab{position:relative;display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border:0;background:transparent;color:var(--text-soft);cursor:pointer;font-size:14px;font-weight:600}.tab.active{color:var(--brand-strong)}.tab.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:var(--brand)}.tab .count{border:1px solid var(--border);border-radius:999px;padding:1px 7px;background:var(--surface-2);color:var(--text-soft);font-size:11px;font-weight:700}.tab-panel{display:none}.tab-panel.active{display:block}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:24px;gap:24px;align-items:start}.detail-main{min-width:0}.detail-card{margin-bottom:20px}.detail-card,.gang-sheet-history{overflow:hidden;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-sm)}.gang-sheet-history-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface-2)}.gang-sheet-history-head .ic{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--brand-soft);color:var(--brand-strong)}.gang-sheet-history-entry h4,.gang-sheet-history-entry p,.gang-sheet-history-head h3,.gang-sheet-history-head p{margin:0}.gang-sheet-history-head h3{font-size:15px}.gang-sheet-history-entry p,.gang-sheet-history-head p{margin-top:3px;color:var(--text-soft);font-size:12px}.gang-sheet-history-empty{padding:42px 20px}.gang-sheet-history-entry{padding:20px;border-bottom:1px solid var(--border)}.gang-sheet-history-entry:last-child{border-bottom:0}.gang-sheet-history-entry-head,.gang-sheet-history-title-row,.gang-sheet-render-actions,.gang-sheet-render-head{display:flex;align-items:center;gap:10px}.gang-sheet-history-entry-head,.gang-sheet-render-head{justify-content:space-between}.gang-sheet-history-title-row{flex-wrap:wrap}.gang-sheet-history-entry h4{min-width:0;font-size:15px;overflow-wrap:anywhere}.gang-sheet-history-deleted{display:inline-flex;align-items:center;gap:6px;color:var(--text-soft);font-size:11px;font-weight:750}.gang-sheet-planned{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;border-left:3px solid var(--warning);background:var(--warning-soft)}.gang-sheet-planned div{display:grid;grid-gap:3px;gap:3px}.gang-sheet-planned span{color:var(--text-soft);font-size:12px}.gang-sheet-render-list{display:grid;grid-gap:12px;gap:12px;margin-top:16px}.gang-sheet-render{border-top:1px solid var(--border);padding-top:14px}.gang-sheet-render-head>div:first-child{display:grid;grid-gap:2px;gap:2px}.gang-sheet-render-head span{color:var(--text-soft);font-size:11px}.gang-sheet-render-dpi{padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--text)!important;font-weight:800}.gang-sheet-render-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.gang-sheet-render-summary span{display:grid;grid-gap:3px;gap:3px;min-width:0;padding:10px 12px;border-right:1px solid var(--border);color:var(--text-soft);font-size:10px;font-weight:700}.gang-sheet-render-summary span:last-child{border-right:0}.gang-sheet-render-summary strong{color:var(--text);font-size:12px;overflow-wrap:anywhere}.gang-sheet-render-details{margin-top:10px}.gang-sheet-render-details summary{width:-moz-fit-content;width:fit-content;color:var(--brand-strong);cursor:pointer;font-size:12px;font-weight:750}.gang-sheet-render-details dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0 0;border-top:1px solid var(--border);border-left:1px solid var(--border)}.gang-sheet-render-details dl>div{min-width:0;padding:9px 10px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.gang-sheet-render-details dt{color:var(--text-soft);font-size:10px;font-weight:800;text-transform:uppercase}.gang-sheet-render-details dd{margin:3px 0 0;color:var(--text);font-size:12px;overflow-wrap:anywhere}.gang-sheet-render-details code{white-space:normal;overflow-wrap:anywhere}@media (max-width:820px){.gang-sheet-history-entry-head,.gang-sheet-render-head{align-items:flex-start;flex-direction:column}.gang-sheet-render-details dl,.gang-sheet-render-summary{grid-template-columns:1fr 1fr}.gang-sheet-render-summary span:nth-child(2){border-right:0}.gang-sheet-render-summary span:nth-child(-n+2){border-bottom:1px solid var(--border)}}@media (max-width:520px){.gang-sheet-history-entry{padding:16px}.gang-sheet-render-details dl,.gang-sheet-render-summary{grid-template-columns:1fr}.gang-sheet-render-summary span,.gang-sheet-render-summary span:nth-child(2){border-right:0;border-bottom:1px solid var(--border)}.gang-sheet-render-summary span:last-child{border-bottom:0}}.card-head{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--border);background:var(--surface-2)}.card-head .ic{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--brand-soft);color:var(--brand-strong)}.card-head h3{margin:0;font-size:15px}.card-head .sub{color:var(--text-faint);font-size:12px}.card-body{padding:22px}.card-body.no-padding{padding:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.detail-metadata-form .field{margin-top:0;margin-bottom:18px}.field .help{margin-top:6px;color:var(--text-faint);font-size:12px}.kv .mono,.mono{font-family:ui-monospace,monospace;letter-spacing:.3px}.category-checkbox-tree{max-height:260px;border-radius:var(--r-sm);background:var(--surface-2)}.detail-color-picker{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;width:auto;max-width:100%}.detail-color-picker>.add-color{display:inline-flex;width:auto;max-width:100%;justify-content:flex-start;min-height:0;gap:8px;flex-wrap:wrap;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;color:inherit;cursor:pointer}.detail-color-picker>.add-color:hover{background:transparent;box-shadow:none;transform:none}.detail-color-picker>.color-picker-menu{width:min(460px,calc(100vw - 48px))}.color-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-strong);border-radius:999px;padding:7px 12px 7px 8px;background:var(--surface);color:var(--text);font-size:13px;font-weight:600}.swatch{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.color-picker-menu{position:absolute;z-index:40;top:calc(100% + 8px);left:0;width:min(380px,100%);max-height:320px;overflow:auto;display:grid;grid-gap:4px;gap:4px;padding:8px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-lg)}.color-picker-option{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--r-sm);cursor:pointer;font-size:13px;font-weight:600}.color-picker-option.selected,.color-picker-option:hover{background:var(--brand-soft);color:var(--brand-strong)}.json-editor{width:100%;min-height:160px;border:1px solid #2a2e37;border-radius:var(--r-sm);padding:16px;background:#1e2128;color:#e7e9ee;font-family:ui-monospace,SF Mono,monospace;font-size:13px;line-height:1.7;resize:vertical;-moz-tab-size:2;tab-size:2;white-space:pre-wrap}.json-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.json-status{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:12px;font-weight:600}.kv{display:grid;grid-template-columns:200px 1fr}.kv-row{display:contents}.kv-row>div{padding:12px 16px;border-bottom:1px solid var(--border);font-size:13.5px}.kv-row .k{background:var(--surface-2);color:var(--text-soft);font-weight:600}.kv-row .v{font-weight:500}.badge-soft{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;background:var(--surface-2);color:var(--text-soft);font-size:12px;font-weight:600}.badge-soft.green{background:var(--green-soft);color:var(--green)}.badge-soft.blue{background:var(--blue-soft);color:var(--blue)}.sync-note{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--blue) 24%,var(--border));border-radius:var(--r-md);background:var(--blue-soft)}.sync-note svg{margin-top:1px;color:var(--blue)}.sync-note .t{color:color-mix(in srgb,var(--blue) 70%,var(--text));font-size:13.5px;font-weight:600}.sync-note .d{color:color-mix(in srgb,var(--blue) 48%,var(--text-soft));font-size:13px}.publish-action,.woo-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:var(--border)}.tl-item{position:relative;padding-bottom:24px}.tl-dot{position:absolute;left:-30px;top:2px;width:20px;height:20px;display:grid;place-items:center;border:2px solid var(--border-strong);border-radius:50%;background:var(--surface)}.tl-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--border-strong)}.tl-dot.create{border-color:var(--green)}.tl-dot.create:after{background:var(--green)}.tl-dot.edit{border-color:var(--brand)}.tl-dot.edit:after{background:var(--brand)}.tl-dot.status{border-color:var(--blue)}.tl-dot.status:after{background:var(--blue)}.tl-head{display:flex;align-items:center;gap:10px;margin-bottom:3px}.tl-title{font-size:14px;font-weight:600}.tl-time{color:var(--text-faint);font-size:12px}.tl-meta{color:var(--text-soft);font-size:13px}.preview-sticky{position:-webkit-sticky;position:sticky;top:84px}.preview-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-md)}.preview-label{padding:16px 18px 0;color:var(--brand-strong);font-size:11px;font-weight:700;letter-spacing:2px}.preview-card h3{margin:0;padding:4px 18px 14px;font-size:17px}.preview-img{position:relative;display:block;width:100%;aspect-ratio:1/1;overflow:hidden;border:0;background:linear-gradient(135deg,#fde2ec,#cfe3ff,#ffe7c2);cursor:zoom-in}.preview-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.preview-img:hover img{transform:scale(1.03)}.preview-empty{display:grid;place-items:center;color:var(--text-soft)}.zoom-hint{position:absolute;inset:0;display:grid;place-items:center;opacity:0;background:rgba(22,24,29,.25)}.preview-img:hover .zoom-hint{opacity:1}.zoom-hint span{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 14px;background:rgba(22,24,29,.85);color:#fff;font-size:12px;font-weight:600}.preview-meta{padding:16px 18px}.file-row{display:flex;align-items:center;gap:12px}.file-ic{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text-soft)}.file-name{color:var(--text);font-size:13.5px;font-weight:600;word-break:break-word}.file-sub{color:var(--text-faint);font-size:12px}.preview-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;padding:0 18px 18px}.preview-actions .btn{width:100%;min-height:38px}.preview-divider{height:1px;margin:0 18px;background:var(--border)}.palette-block{padding:16px 18px 20px}.palette-block .t{margin-bottom:12px;color:var(--text-faint);font-size:11px;font-weight:700;letter-spacing:1.5px}.palette{display:flex;gap:8px}.palette .p{position:relative;flex:1 1;height:44px;border-radius:8px}.palette .p span{position:absolute;left:0;right:0;bottom:4px;color:rgba(255,255,255,.95);font-size:9px;font-weight:700;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.4)}.save-bar{position:fixed;left:var(--sidebar-w);right:0;bottom:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-shell.sidebar-collapsed .save-bar{left:var(--sidebar-w-collapsed)}.orders-page-content{display:grid;grid-gap:24px;gap:24px}.orders-board{display:grid;grid-gap:14px;gap:14px}.order-card{display:grid;grid-gap:16px;gap:16px;padding:22px;color:var(--text);text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-sm);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.order-card:hover{border-color:color-mix(in srgb,var(--brand) 38%,var(--border));box-shadow:var(--sh-md);transform:translateY(-1px)}.order-card.error{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.order-card.warn{border-color:color-mix(in srgb,var(--brand) 26%,var(--border))}.order-card-main,.order-item-title{display:flex;gap:12px;align-items:center;min-width:0}.order-card-main p,.order-item-title p{margin:0;color:var(--muted);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.order-card-main h2,.order-item-title h2{margin:2px 0 0;font-size:clamp(1.25rem,2vw,1.75rem)}.order-status-dot{width:12px;height:12px;flex:0 0 auto;border-radius:999px;background:var(--muted);box-shadow:0 0 0 5px color-mix(in srgb,var(--muted) 16%,transparent)}.order-status-dot.ok{background:var(--green);box-shadow:0 0 0 5px color-mix(in srgb,var(--green) 16%,transparent)}.order-status-dot.active,.order-status-dot.warn{background:var(--brand);box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 16%,transparent)}.order-status-dot.error{background:var(--danger);box-shadow:0 0 0 5px color-mix(in srgb,var(--danger) 16%,transparent)}.order-card-meta,.order-detail-actions,.order-job-foot,.order-metrics,.order-reprocess{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.order-card-meta span,.order-job-foot,.order-metrics span{color:var(--muted);font-size:.92rem}.order-metrics span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;font-weight:750}.orders-empty{display:grid;place-items:center;grid-gap:8px;gap:8px;min-height:280px;color:var(--muted);text-align:center}.orders-empty strong{color:var(--text);font-size:1.15rem}.order-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.order-summary-card{display:grid;grid-gap:6px;gap:6px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}.order-summary-card svg{color:var(--brand)}.order-summary-card span{color:var(--muted);font-weight:750}.order-summary-card strong{font-size:2rem}.order-pcloud-handoff{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}.order-pcloud-handoff.ok{border-left-color:var(--green)}.order-pcloud-handoff.error{border-left-color:var(--danger)}.order-pcloud-handoff h2,.order-pcloud-handoff p{margin:0}.order-pcloud-handoff h2{font-size:1.1rem}.order-pcloud-handoff p,.order-pcloud-handoff small{display:block;margin-top:4px;color:var(--muted);overflow-wrap:anywhere}.order-item-list{display:grid;grid-gap:16px;gap:16px}.order-item-card{display:grid;grid-gap:18px;gap:18px;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-sm)}.order-item-card.error{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.order-item-card.ok{border-color:color-mix(in srgb,var(--green) 28%,var(--border))}.order-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.order-job-badge{flex:0 0 auto;padding:7px 11px;border-radius:999px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);font-size:.8rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.order-job-badge.ok{color:var(--green);background:color-mix(in srgb,var(--green) 11%,var(--surface));border-color:color-mix(in srgb,var(--green) 30%,var(--border))}.order-job-badge.active,.order-job-badge.warn{color:var(--brand);background:color-mix(in srgb,var(--brand) 11%,var(--surface));border-color:color-mix(in srgb,var(--brand) 30%,var(--border))}.order-job-badge.error{color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,var(--surface));border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}.order-item-body{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);grid-gap:16px;gap:16px}.order-item-error,.order-job-foot,.order-param-grid,.order-pattern-box{padding:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg)}.order-pattern-box{display:grid;grid-gap:10px;gap:10px;align-content:start}.order-pattern-box>span{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:.86rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.order-pattern-box a{display:grid;grid-gap:3px;gap:3px;color:var(--text);text-decoration:none}.order-pattern-box .order-pattern-link{grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}.order-pattern-thumb{position:relative;display:block;width:96px;aspect-ratio:1/1;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-sm)}.order-pattern-thumb .file-placeholder,.order-pattern-thumb img{width:100%;height:100%;object-fit:cover}.order-pattern-thumb .file-placeholder{display:grid;place-items:center;color:var(--muted);background:var(--surface);font-size:.65rem;font-weight:900;letter-spacing:.08em}.order-pattern-info{display:grid;grid-gap:4px;gap:4px;min-width:0}.order-pattern-info small,.order-pattern-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-pattern-box a:hover strong{color:var(--brand)}.order-pattern-box .missing,.order-pattern-box small{color:var(--muted)}.order-param-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.order-param-grid span{display:grid;grid-gap:4px;gap:4px;color:var(--muted);font-size:.88rem}.order-param-grid strong{color:var(--text);font-size:1rem}.order-item-error{display:flex;gap:8px;align-items:center;color:var(--danger);background:color-mix(in srgb,var(--danger) 9%,var(--surface));border-color:color-mix(in srgb,var(--danger) 28%,var(--border));font-weight:800}.order-action-message{color:var(--muted);font-weight:700}.order-output-panel{display:grid;grid-gap:12px;gap:12px;padding:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg)}.order-latest-output,.order-output-actions,.order-output-head,.order-output-history-row,.pcloud-actions{display:flex;align-items:center;gap:12px}.order-output-head{justify-content:space-between}.order-output-head h3,.order-output-head p,.order-output-history h4{margin:0}.inline-error,.order-output-head p,.order-output-history-row small,.order-output-meta{color:var(--muted);font-size:.88rem}.order-output-actions{flex-wrap:wrap;justify-content:flex-end}.order-latest-output{align-items:flex-start;justify-content:space-between;flex-wrap:wrap;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}.inline-action-stack,.order-latest-output>div:first-child,.order-output-history-row>span:first-child,.order-output-meta{display:grid;grid-gap:5px;gap:5px}.order-output-meta{min-width:min(520px,100%)}.order-output-history{display:grid;grid-gap:8px;gap:8px}.order-output-history-row{justify-content:space-between;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm)}.inline-action-stack{display:inline-grid;justify-items:start}.inline-error{color:var(--danger)}.order-job-badge svg{vertical-align:-2px;margin-right:4px}@media (max-width:900px){.order-item-body,.order-param-grid,.order-summary-grid{grid-template-columns:1fr}.order-latest-output,.order-output-head,.order-pcloud-handoff{align-items:stretch;flex-direction:column}.order-item-head{display:grid}}.save-info{display:flex;align-items:center;gap:8px;color:var(--text-soft);font-size:13px}.save-info .dot{color:var(--brand)}.save-actions{display:flex;gap:12px}.lightbox{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:40px;background:rgba(12,14,18,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lb-stage,.lightbox.open{display:flex}.lb-stage{position:relative;flex-direction:column;align-items:center;gap:16px;max-width:90vw;max-height:86vh}.lb-img-wrap{overflow:hidden;max-height:74vh;border-radius:var(--r-md);box-shadow:0 30px 80px rgba(0,0,0,.5)}.lb-img-wrap img{display:block;max-width:86vw;max-height:74vh;object-fit:contain;transform-origin:center}.lb-bar{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:8px 10px;background:rgba(30,33,40,.9)}.lb-btn{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}.lb-zoom-val{min-width:52px;color:#fff;font-size:13px;font-weight:600;text-align:center}.lb-caption{color:rgba(255,255,255,.7);font-size:13px}.lb-close{position:absolute;top:-50px;right:0;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.lb-sep{width:1px;height:22px;background:rgba(255,255,255,.15)}.topbar{gap:12px;padding:0 24px;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-spacer{flex:1 1}.breadcrumb{display:flex;align-items:center;flex:1 1 auto;gap:6px;font-size:14px}.breadcrumb,.breadcrumb a,.breadcrumb span{min-width:0;overflow:hidden;color:var(--text-soft)}.breadcrumb a,.breadcrumb span{text-overflow:ellipsis;text-decoration:none;white-space:nowrap}.breadcrumb a:hover{color:var(--brand-strong)}.breadcrumb .current,.breadcrumb strong{min-width:0;overflow:hidden;color:var(--text);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.breadcrumb .sep{color:var(--text-faint)}.theme-toggle{margin-left:0}.btn-sm{min-height:36px;padding:0 12px;font-size:13px}.btn-ghost{background:var(--surface);color:var(--text)}.catalog-page-content{display:flex;flex-direction:column;gap:20px}.catalog-page-content .page-head{align-items:flex-end;margin-bottom:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.catalog-page-content .eyebrow{margin:0 0 6px;color:var(--brand);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.catalog-page-content .page-title{margin:0;color:var(--text);font-size:28px;letter-spacing:-.01em}.catalog-page-content .page-desc{max-width:620px;margin:6px 0 0;color:var(--text-soft);font-size:14px}.catalog-page-content .stats{gap:10px}.catalog-page-content .stat,.catalog-page-content .stats .stat:first-child{min-width:120px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--sh-sm);color:var(--text)}.catalog-page-content .stat small,.catalog-page-content .stats .stat:first-child small{display:block;color:var(--text-soft);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.catalog-page-content .stat strong{display:block;margin-top:2px;font-size:22px;line-height:1.05;letter-spacing:-.3px}.app-page-content{display:flex;flex-direction:column;gap:20px;padding-bottom:80px}.app-page-content .page-head{align-items:flex-end;margin-bottom:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.app-page-content .eyebrow{margin:0 0 6px;color:var(--brand);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.app-page-content .eyebrow a{color:inherit;text-decoration:none}.app-page-content .eyebrow a:hover{color:var(--brand-strong)}.app-page-content .page-title{margin:0;color:var(--text);font-size:28px;letter-spacing:-.01em}.app-page-content .page-desc{max-width:620px;margin:6px 0 0;color:var(--text-soft);font-size:14px}.app-page-content .page-head-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px}.app-page-content .page-head .stats{gap:10px}.app-page-content .page-head .stat,.app-page-content .page-head .stats .stat:first-child{min-width:120px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--sh-sm);color:var(--text)}.app-page-content .page-head .stat small,.app-page-content .page-head .stats .stat:first-child small{display:block;color:var(--text-soft);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.app-page-content .page-head .stat strong{display:block;margin-top:2px;font-size:22px;line-height:1.05;letter-spacing:-.3px}.catalog-filter-bar{position:-webkit-sticky;position:sticky;top:60px;z-index:40;display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:10px;padding:12px 16px;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--sh-sm)}.catalog-filter-bar .catalog-search{position:relative;flex:1 1 320px;min-width:240px}.catalog-filter-bar .ic-search{position:absolute;left:12px;top:50%;color:var(--text-faint);pointer-events:none;transform:translateY(-50%)}.catalog-filter-bar .catalog-search input{width:100%;min-height:40px;padding:10px 36px 10px 38px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:14px}.catalog-filter-bar .catalog-search input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--accent-ring)}.catalog-filter-bar .spinner{position:absolute;right:12px;top:50%;display:none;width:16px;height:16px;border:2px solid var(--border-strong);border-top-color:var(--brand);border-radius:50%;transform:translateY(-50%)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:6px 8px 6px 10px;border:1px solid transparent;border-radius:999px;background:var(--brand-soft);font-size:12px;font-weight:700}.chip,.chip:hover{color:var(--brand-strong)}.chip:hover{border-color:color-mix(in srgb,var(--brand) 24%,transparent)}.chip .swatch{width:12px;height:12px;border:1px solid rgba(0,0,0,.15);border-radius:999px}.catalog-filter-bar .count{margin-left:auto;color:var(--text-soft);font-size:13px;white-space:nowrap}.filter-advanced{display:none;flex:1 0 100%;align-items:flex-end;gap:12px;padding-top:4px}.catalog-filter-bar.open .filter-advanced{display:flex}.catalog-filter-bar .filter-advanced .field{min-width:180px}.catalog-filter-bar .filter-advanced .field:has(.color-dropdown){min-width:220px}.catalog-filter-bar .color-picker-menu{z-index:90}.catalog-result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.catalog-result-count{color:var(--text-soft);font-size:13px;white-space:nowrap}.catalog-result-count strong{color:var(--text);font-weight:800}.bulk-selection-tools{display:flex;align-items:center;justify-content:flex-start;gap:8px}.bulk-selection-tools .button{gap:7px;min-height:36px;padding:8px 12px;box-shadow:none;font-size:13px}.bulk-selection-tools .button svg{flex:0 0 auto}.catalog-result-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.catalog-control{display:inline-flex;align-items:center;gap:7px;color:var(--text-soft);font-size:12px;font-weight:800;white-space:nowrap}.catalog-control .select{width:auto;min-width:150px;height:36px;padding:0 32px 0 12px;font-size:13px}.catalog-control.compact .select{min-width:82px}.catalog-view-toggle{display:flex;gap:4px;align-items:center;border:1px solid var(--border);border-radius:8px;padding:3px;background:var(--surface)}.catalog-view-toggle a{display:grid;place-items:center;width:30px;height:28px;border-radius:5px;color:var(--text-soft)}.catalog-view-toggle a.active,.catalog-view-toggle a:hover{background:var(--brand-soft);color:var(--brand-strong)}.asset-grid-shell.list-mode{padding:12px}.pattern-list{display:grid;grid-gap:8px;gap:8px}.pattern-list-item{display:grid;grid-template-columns:auto 64px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;min-width:0;border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--panel-raised);box-shadow:var(--shadow-sm)}.pattern-list-item.not-selectable{grid-template-columns:64px minmax(0,1fr) auto}.pattern-list-item.selected,.pattern-list-item:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring),var(--shadow-sm)}.pattern-list-select{display:grid;place-items:center;width:32px;height:32px;min-height:0;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:transparent;cursor:pointer}.pattern-list-select[aria-pressed=true]{border-color:var(--brand);background:var(--brand);color:#fff}.pattern-list-thumb{display:block;overflow:hidden;width:64px;height:64px;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:8px;background:var(--panel)}.pattern-list-thumb .file-placeholder,.pattern-list-thumb img{display:grid;place-items:center;width:100%;height:100%;object-fit:cover;color:var(--text-faint);font-size:10px;font-weight:900}.pattern-list-main{display:grid;grid-gap:5px;gap:5px;min-width:0}.pattern-list-status{max-width:150px;overflow:hidden;border:1px solid var(--border);border-radius:999px;padding:5px 8px;background:var(--surface);color:var(--text-soft);font-size:10px;font-weight:900;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.pattern-list-status-stack{display:grid;justify-items:end;grid-gap:5px;gap:5px}.pattern-list-status.muted{background:var(--surface-2);color:var(--text-soft)}.pattern-list-status.purple{background:var(--purple-soft);color:var(--purple)}.pattern-list-status.amber{background:var(--warning-soft);color:var(--warning)}.pattern-list-status.blue{background:var(--blue-soft);color:var(--blue)}.pattern-list-status.green{background:var(--green-soft);color:var(--green)}.pattern-list-status.red{background:var(--danger-soft);color:var(--danger)}.pattern-list-status.sheet{background:color-mix(in srgb,var(--brand) 16%,var(--surface));color:var(--brand-strong)}.catalog-pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:10px}.catalog-pagination .page-link{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:13px;font-weight:750}.catalog-pagination a.page-link:hover{border-color:var(--brand);color:var(--brand-strong)}.catalog-pagination .page-link.active{border-color:var(--brand);background:var(--brand);color:#fff}.catalog-pagination .page-link.disabled,.catalog-pagination .page-link.dots{color:var(--text-faint);cursor:default}.catalog-pagination .page-link.dots{border-color:transparent;background:transparent}@media (max-width:1100px){.filter-grid{grid-template-columns:1fr 1fr}.catalog-workspace,.catalog-workspace.import-workspace,.detail-layout{grid-template-columns:1fr}.stats{display:none}.category-panel,.preview-sticky{position:static;width:100%;max-width:none;max-height:none}}@media (max-width:900px){.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar{position:static;height:auto}.app-shell.sidebar-collapsed .sidebar{display:none}.main>.asset-browser,.main>.detail-content,.main>.page-head{width:min(100% - 32px,1500px)}.content{padding:16px}.app-page-content,.catalog-page-content,.import-batch-page-content{padding-bottom:64px}.topbar{padding:0 16px}.breadcrumb .full,.breadcrumb .sep{display:none}.app-page-content .page-head,.catalog-page-content .page-head{align-items:flex-start}.app-page-content .page-head-actions{justify-content:flex-start}.catalog-filter-bar{position:static;padding:10px}.catalog-result-toolbar{align-items:flex-start;flex-direction:column}.catalog-result-controls{justify-content:flex-start;width:100%}.catalog-control{flex:1 1 180px;align-items:flex-start;flex-direction:column;gap:5px}.catalog-control .select{width:100%;min-width:0}.import-report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.import-report-matches a{grid-template-columns:1fr}.pattern-list-item,.pattern-list-item.not-selectable{grid-template-columns:auto 52px minmax(0,1fr);gap:10px}.pattern-list-item.not-selectable{grid-template-columns:52px minmax(0,1fr)}.pattern-list-thumb{width:52px;height:52px}.pattern-list-status{grid-column:3;justify-self:start}.pattern-list-item.not-selectable .pattern-list-status{grid-column:2}.catalog-filter-bar .catalog-search,.catalog-filter-bar .count{flex-basis:100%;margin-left:0}.catalog-filter-bar .filter-advanced{display:none;grid-template-columns:1fr}.catalog-filter-bar.open .filter-advanced,.detail-head,.page-head{display:grid}.filter-grid,.grid-2{grid-template-columns:1fr}.tabs{overflow-x:auto}.kv{grid-template-columns:140px 1fr}.app-shell.sidebar-collapsed .save-bar,.save-bar{left:0;display:grid}}.tag-checkbox-list,.tag-proposal-list{display:grid;grid-gap:8px;gap:8px}.tag-checkbox-row{display:flex;gap:8px;padding:8px 10px}.tag-checkbox-row,.tag-proposal-row{align-items:center;border:1px solid var(--border);border-radius:8px}.tag-proposal-row{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr) auto;padding:10px}.tag-proposal-check,.tag-proposal-check-static{align-items:flex-start;display:flex;gap:8px;min-width:0}.tag-proposal-check{cursor:pointer}.tag-proposal-check input{flex:0 0 auto;margin-top:3px}.tag-proposal-check-text{display:inline-flex;flex-wrap:wrap;gap:4px;min-width:0}.tag-picker{position:relative}.tag-picker-trigger{align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);display:flex;gap:10px;justify-content:space-between;min-height:44px;padding:8px 10px;text-align:left;width:100%}.tag-admin-list,.tag-picker-chips,.tag-picker-selected{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.tag-chip{align-items:center;background:var(--panel-muted);border:1px solid var(--border);border-radius:999px;color:var(--text);display:inline-flex;gap:6px;line-height:1.2;max-width:100%;padding:5px 9px;word-break:break-word}.category-chip.archived,.tag-chip.archived{opacity:.62}.tag-chip small{color:var(--muted);font-size:11px;text-transform:uppercase}.tag-chip.removable{cursor:pointer}.tag-picker-menu{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);display:grid;grid-gap:8px;gap:8px;left:0;margin-top:6px;max-height:320px;overflow:auto;padding:8px;position:absolute;right:0;z-index:20}.tag-picker-options{display:grid;grid-gap:4px;gap:4px}.tag-picker-option{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--text);display:flex;justify-content:space-between;min-height:34px;padding:7px 8px;text-align:left}.tag-picker-option.selected,.tag-picker-option:hover{background:var(--panel-muted)}.tag-picker-selected{margin-top:8px}.tag-admin-row{align-items:center;border:1px solid var(--border);border-radius:8px;display:flex;gap:8px;justify-content:space-between;padding:8px}.settings-page{max-width:none}.settings-tabs{position:-webkit-sticky;position:sticky;top:60px;z-index:30;display:flex;gap:2px;overflow-x:auto;margin:0 -14px;padding:4px 14px 0;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-bottom:2px solid transparent;color:var(--text-soft);font-size:14px;font-weight:750;text-decoration:none;white-space:nowrap}.settings-tab:hover{color:var(--text)}.settings-tab.active{border-bottom-color:var(--brand);color:var(--brand-strong)}.settings-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 7px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-soft);font-size:11px;font-weight:800}.settings-tab.active .settings-tab-count{border-color:color-mix(in srgb,var(--brand) 26%,var(--border));background:var(--brand-soft);color:var(--brand-strong)}.settings-tab-panel{display:grid;grid-gap:16px;gap:16px}.settings-section{overflow:hidden;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-sm)}.settings-section-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.settings-section-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--brand-soft);color:var(--brand-strong)}.settings-section-icon.blue{background:var(--blue-soft);color:var(--blue)}.settings-section-icon.green{background:var(--green-soft);color:var(--green)}.settings-section-icon.purple{background:var(--purple-soft);color:var(--purple)}.settings-section-icon.red{background:var(--danger-soft);color:var(--danger)}.settings-section-head h2{margin:0;color:var(--text);font-size:15px;letter-spacing:0}.settings-section-head p{margin:2px 0 0;color:var(--text-soft);font-size:12px}.settings-section-action{justify-self:end}.settings-section-body{display:grid;grid-gap:18px;gap:18px;padding:20px}.settings-profile-grid,.settings-role-grid,.settings-theme-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.settings-secret-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px}.settings-password-form{display:grid;grid-gap:12px;gap:12px}.settings-password-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.woo-secret-groups{display:grid;grid-gap:16px;gap:16px}.woo-secret-group{display:grid;grid-gap:12px;gap:12px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface)}.woo-secret-group h4{margin:0 0 4px;font-size:15px}.woo-secret-group p{margin:0}.woo-help-list,.woo-secret-group p{color:var(--text-soft);font-size:12px;line-height:1.45}.woo-help-list{display:grid;grid-gap:5px;gap:5px;margin:10px 0 0;padding-left:18px}.woo-help-list li::marker{color:var(--brand);font-weight:800}.woo-secret-field{min-width:0;margin-top:0}.woo-clear-secret{display:inline-flex;width:-moz-fit-content;width:fit-content;max-width:100%;align-items:center;gap:8px;color:var(--text-soft);font-size:12px;font-weight:750;line-height:1.2}.woo-clear-secret input{width:16px;height:16px;flex:0 0 auto}.settings-readonly-field{display:grid;grid-gap:5px;gap:5px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.settings-readonly-field span{color:var(--text-soft);font-size:12px;font-weight:800}.settings-readonly-field strong{overflow:hidden;color:var(--text);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.settings-readonly-field small{color:var(--text-faint);font-size:11px}.settings-preferences-form,.settings-security-form{display:grid;grid-gap:16px;gap:16px}.material-settings-checkbox{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:10px;gap:10px;align-items:flex-start;width:-moz-fit-content;width:fit-content;max-width:100%;color:var(--text);cursor:pointer}.material-settings-checkbox input{width:16px;height:16px;margin:2px 0 0;flex:0 0 auto}.material-settings-checkbox span{display:grid;grid-gap:3px;gap:3px;min-width:0}.material-settings-checkbox strong{color:var(--text);font-size:14px;font-weight:750;line-height:1.25}.material-settings-checkbox small{color:var(--text-soft);font-size:12px;line-height:1.4}.settings-theme-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-theme-card{position:relative;display:grid;grid-gap:8px;gap:8px;min-width:0;padding:14px;border:2px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;transition:border-color .15s ease,background .15s ease}.settings-theme-card:hover{border-color:var(--border-strong)}.settings-theme-card.selected{border-color:var(--brand);background:var(--brand-soft)}.settings-theme-card input{position:absolute;opacity:0;pointer-events:none}.settings-theme-check{position:absolute;top:10px;right:10px;display:none;place-items:center;width:20px;height:20px;border-radius:999px;background:var(--brand);color:#fff}.settings-theme-card.selected .settings-theme-check{display:grid}.settings-theme-preview{height:48px;border:1px solid var(--border);border-radius:6px}.settings-theme-preview.light{background:linear-gradient(135deg,#fff 50%,#f4f5f7 0)}.settings-theme-preview.dark{background:linear-gradient(135deg,#181b21 50%,#0e1014 0)}.settings-theme-preview.system{background:linear-gradient(135deg,#fff 50%,#181b21 0)}.settings-theme-card strong{color:var(--text);font-size:13px}.settings-theme-card small{color:var(--text-soft);font-size:11px;line-height:1.35}.settings-range-field{gap:8px}.settings-page .settings-preview-sample{min-height:88px;border:1px dashed var(--border-strong);border-radius:8px;background:var(--panel-muted);color:var(--text-soft);font-size:12px}.settings-save-button{width:-moz-fit-content;width:fit-content}.settings-radio-cards{display:grid;grid-gap:10px;gap:10px}.settings-radio-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start;padding:14px;border:2px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;transition:border-color .15s ease,background .15s ease}.settings-radio-card:hover{border-color:var(--border-strong)}.settings-radio-card.selected{border-color:var(--brand);background:var(--brand-soft)}.settings-radio-card input{width:18px;height:18px;margin-top:2px;accent-color:var(--brand)}.settings-radio-card strong{display:block;color:var(--text);font-size:14px}.settings-radio-card small{display:block;margin-top:4px;color:var(--text-soft);font-size:12px;line-height:1.4}.settings-confirm-row{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start;padding:12px;border:1px solid color-mix(in srgb,var(--danger) 42%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--text);font-size:13px;font-weight:700;line-height:1.45}.settings-confirm-row input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--danger)}.settings-kv-list,.settings-page .tag-management,.settings-page .tag-proposal-list{display:grid;grid-gap:10px;gap:10px}.settings-kv-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,1.6fr);grid-gap:12px;gap:12px;align-items:start;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.settings-kv-row strong{color:var(--text);font-size:13px}.settings-kv-row small{display:block;margin-top:3px;color:var(--text-faint);font-size:11px}.settings-kv-row pre{width:100%;max-width:none;margin:0;white-space:pre-wrap;word-break:break-word}.settings-page .ai-provider-settings{gap:14px}.settings-page .ai-provider-card{border-radius:var(--r-md);background:var(--panel-muted)}.settings-page .ai-provider-card .compact-header{align-items:flex-start}.settings-page .tag-admin-list{display:grid;grid-gap:8px;gap:8px;margin-top:8px}.tag-manager-tabs{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.tag-manager-tab{align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);display:flex;justify-content:space-between;min-width:0;padding:10px 12px;text-align:left}.tag-manager-tab.active{background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 40%,var(--border));color:var(--green)}.tag-manager-tab span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-manager-tab strong{font-size:18px}.tag-create-form{align-items:stretch}.tag-manager-panel{display:grid;grid-gap:10px;gap:10px}.tag-manager-panel-head{align-items:center;display:flex;gap:12px;justify-content:space-between;min-width:0}.tag-manager-panel-head h3{margin:0}.tag-manager-panel-head .input{max-width:280px}.settings-page .tag-admin-row{align-items:center;display:grid;grid-gap:12px;gap:12px;grid-template-columns:auto minmax(0,1fr) auto auto;justify-content:stretch;padding:12px;background:var(--surface-2)}.tag-manager-select{align-items:center;display:inline-flex;justify-content:center}.tag-manager-select input{accent-color:var(--accent);height:18px;width:18px}.tag-admin-name{align-items:center;color:inherit;display:inline-flex;gap:8px;min-width:0;text-decoration:none}.tag-admin-name small{color:var(--text-faint);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-page .tag-admin-row.locked{opacity:.78}.tag-operation-badge{border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:999px;color:var(--accent);font-size:11px;font-weight:800;padding:4px 8px;white-space:nowrap}.tag-admin-usage{align-items:baseline;border:1px solid var(--border);border-radius:8px;color:var(--text);display:inline-flex;gap:5px;padding:7px 9px;text-decoration:none;white-space:nowrap}.tag-admin-name:hover .category-chip,.tag-admin-usage:hover{border-color:var(--accent)}.tag-admin-usage span{color:var(--muted);font-size:12px}.settings-page .tag-proposal-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:12px;gap:12px;padding:12px}.settings-page .tag-proposal-row,.tag-manager-bulkbar{align-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.tag-manager-bulkbar{display:flex;flex-wrap:wrap;gap:8px;padding:8px}.tag-manager-bulk-actions{display:inline-flex;flex-wrap:wrap;gap:8px;margin-left:auto}.settings-role-grid{align-items:start}.settings-role-card{display:grid;grid-gap:12px;gap:12px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.settings-role-head{display:flex;gap:10px;align-items:center}.settings-role-badge{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--brand-soft);color:var(--brand-strong);font-size:13px;font-weight:900}.settings-role-head h3{margin:0;color:var(--text);font-size:15px}.settings-role-desc,.settings-role-head p{margin:2px 0 0;color:var(--text-soft);font-size:12px}.settings-permission-list{display:flex;flex-wrap:wrap;gap:6px}.settings-permission-chip{display:inline-flex;gap:4px;align-items:center;max-width:100%;padding:4px 8px;border-radius:6px;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:800}@media (max-width:760px){.settings-tabs{top:56px;margin:0 -12px;padding-inline:12px}.settings-kv-row,.settings-page .tag-admin-row,.settings-page .tag-proposal-row,.settings-section-head{grid-template-columns:1fr}.tag-manager-select{justify-content:flex-start}.tag-manager-bulk-actions{margin-left:0}.tag-manager-panel-head{align-items:stretch;flex-direction:column}.tag-manager-panel-head .input{max-width:none;width:100%}.settings-section-action,.settings-section-icon,.tag-admin-name,.tag-admin-usage{justify-self:start}.settings-password-grid,.settings-profile-grid,.settings-role-grid,.settings-theme-cards{grid-template-columns:1fr}.settings-section-body{padding:16px}}.access-page{max-width:none}.access-tabs{position:-webkit-sticky;position:sticky;top:60px;z-index:30;display:flex;gap:2px;overflow-x:auto;margin:0 -14px;padding:4px 14px 0;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-width:none}.access-tabs::-webkit-scrollbar{display:none}.access-tab{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-bottom:2px solid transparent;color:var(--text-soft);font-size:14px;font-weight:750;white-space:nowrap}.access-tab:hover{color:var(--text)}.access-tab.active{border-bottom-color:var(--brand);color:var(--brand-strong)}.access-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 7px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-soft);font-size:11px;font-weight:800}.access-tab.active .access-tab-count{border-color:color-mix(in srgb,var(--brand) 26%,var(--border));background:var(--brand-soft);color:var(--brand-strong)}.access-tab-panel{display:grid;grid-gap:16px;gap:16px}.access-roles-layout,.access-users-layout{display:grid;grid-template-columns:360px minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.access-role-list,.access-side-stack{display:grid;grid-gap:16px;gap:16px}.access-card,.access-role-editor,.access-table-card{overflow:hidden;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-sm)}.access-card-head{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.access-card-head.brand{background:var(--brand-soft)}.access-card-head h2,.access-table-head h2{margin:0;color:var(--text);font-size:15px;letter-spacing:0}.access-card-head p,.access-table-head p{margin:2px 0 0;color:var(--text-soft);font-size:12px}.access-card-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--brand);color:#fff}.access-card-icon.green{background:var(--green-soft);color:var(--green)}.access-card-icon.purple{background:var(--purple-soft);color:var(--purple)}.access-card-icon.amber{background:var(--warning-soft);color:var(--warning)}.access-card-body{display:grid;grid-gap:14px;gap:14px;padding:16px}.access-card-body .field{margin-top:0}.access-invite-link{display:grid;grid-gap:8px;gap:8px;padding:12px;border:1px solid color-mix(in srgb,var(--green) 42%,var(--border));border-radius:8px;background:var(--green-soft)}.access-invite-link strong{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:12px}.access-invite-link code{padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:12px;white-space:normal;word-break:break-all}.access-invite-list{display:grid;grid-gap:10px;gap:10px}.access-invite-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.access-invite-row strong,.access-user-cell strong{display:block;color:var(--text);font-size:13px}.access-invite-row small,.access-user-cell small{display:block;margin-top:2px;color:var(--text-soft);font-size:12px}.access-avatar,.access-invite-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font-size:12px;font-weight:900}.access-table-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.access-table-controls{display:grid;grid-template-columns:auto max-content max-content;grid-gap:8px;gap:8px;justify-content:flex-end;align-items:center;max-width:100%}.access-search{position:relative;width:clamp(280px,32vw,520px);min-width:0}.access-search svg{position:absolute;top:50%;left:10px;color:var(--text-faint);transform:translateY(-50%)}.access-search input,.access-table-controls select,.access-user-role-form select{min-height:38px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:13px}.access-search input{width:100%;padding:8px 10px 8px 34px}.access-table-controls select{width:148px;padding:0 12px}.access-users-table{width:100%;border-collapse:collapse}.access-users-table td,.access-users-table th{padding:12px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.access-users-table th{background:var(--surface-2);color:var(--text-soft);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.access-users-table tr:last-child td{border-bottom:0}.access-users-table tbody tr:hover{background:color-mix(in srgb,var(--brand-soft) 36%,transparent)}.access-user-cell{display:flex;gap:10px;align-items:center;min-width:220px}.access-role-pill{max-width:100%;padding:4px 9px;background:var(--brand-soft);color:var(--brand-strong);font-weight:800}.access-role-pill,.access-status{display:inline-flex;align-items:center;border-radius:999px;font-size:11px}.access-status{gap:6px;padding:4px 10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.access-status span{width:6px;height:6px;border-radius:999px;background:currentColor}.access-status.active{background:var(--green-soft);color:var(--green)}.access-status.disabled{background:var(--surface-2);color:var(--text-soft)}.access-status.invited{background:var(--warning-soft);color:var(--warning)}.access-date{color:var(--text-soft);font-size:12px}.access-user-actions,.access-user-role-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.access-user-role-form select{max-width:150px;padding:0 10px}.access-empty-state{display:grid;grid-gap:4px;gap:4px;padding:24px;color:var(--text-soft)}.access-empty-state strong{color:var(--text)}.access-create-role .access-permission-grid{max-height:260px;overflow:auto}.access-role-editor{background:var(--surface)}.access-role-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-gap:12px;gap:12px;align-items:center;padding:16px;cursor:pointer;list-style:none}.access-role-summary::-webkit-details-marker{display:none}.access-role-editor[open] .access-role-summary{border-bottom:1px solid var(--border)}.access-role-badge-lg{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--brand-soft);color:var(--brand-strong);font-size:14px;font-weight:900}.access-role-title{display:grid;grid-gap:3px;gap:3px;min-width:0}.access-role-title>span{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.access-role-title strong{color:var(--text);font-size:15px}.access-role-title em{padding:2px 8px;border-radius:6px;background:var(--surface-2);color:var(--text-soft);font-size:10px;font-style:normal;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.access-role-title small{overflow:hidden;color:var(--text-soft);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.access-role-stats{display:grid;justify-items:center;color:var(--text-soft)}.access-role-stats strong{color:var(--text);font-size:18px;line-height:1}.access-role-stats small{margin-top:3px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.access-role-chevron{color:var(--text-soft);transition:transform .15s ease}.access-role-editor[open] .access-role-chevron{transform:rotate(180deg)}.access-role-editor-body{display:grid;grid-gap:14px;gap:14px;padding:16px}.access-role-editor-body .field{margin-top:0}.access-permission-chips{display:flex;flex-wrap:wrap;gap:6px}.access-permission-chip{display:inline-flex;max-width:100%;padding:4px 8px;border-radius:6px;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:800}.access-permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:8px;gap:8px;margin:0;padding:12px;border:1px solid var(--border);border-radius:8px}.access-permission-grid legend{padding:0 6px;color:var(--text-soft);font-size:12px;font-weight:800}.access-permission-item{display:flex;gap:9px;align-items:center;min-width:0;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:12px;font-weight:650;cursor:pointer}.access-permission-item:hover{border-color:var(--border-strong)}.access-permission-item.checked,.access-permission-item:has(input:checked){border-color:color-mix(in srgb,var(--green) 42%,var(--border));background:var(--green-soft)}.access-permission-item input{flex:0 0 auto;accent-color:var(--green)}.access-permission-item span{overflow:hidden;text-overflow:ellipsis}.access-role-save{justify-self:start}@media (max-width:1100px){.access-roles-layout,.access-users-layout{grid-template-columns:1fr}}@media (max-width:760px){.access-tabs{top:56px;margin:0 -12px;padding-inline:12px}.access-table-controls,.access-table-head{grid-template-columns:1fr}.access-table-controls{justify-content:stretch}.access-search,.access-table-controls select{width:100%}.access-users-table,.access-users-table tbody,.access-users-table td,.access-users-table th,.access-users-table thead,.access-users-table tr{display:block}.access-users-table thead{display:none}.access-users-table tr{padding:12px 16px;border-bottom:1px solid var(--border)}.access-users-table tr:last-child{border-bottom:0}.access-users-table td{display:grid;grid-template-columns:118px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start;padding:8px 0;border:0}.access-users-table td:before{content:attr(data-label);color:var(--text-soft);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.access-user-cell{min-width:0}.access-invite-row{grid-template-columns:auto minmax(0,1fr)}.access-invite-row .access-role-pill{grid-column:2;justify-self:start}.access-role-summary{grid-template-columns:auto minmax(0,1fr) auto}.access-role-stats{display:none}.access-role-title small{white-space:normal}.access-permission-grid{grid-template-columns:1fr}}.audit-page,.dashboard-page{max-width:none}.dashboard-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.dashboard-stat-card{position:relative;display:grid;grid-gap:7px;gap:7px;min-width:0;overflow:hidden;padding:18px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-sm);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}a.dashboard-stat-card:hover{border-color:var(--brand);box-shadow:var(--sh-md)}.dashboard-stat-icon{position:absolute;top:-10px;right:-10px;display:grid;place-items:center;width:72px;height:72px;border-radius:999px;opacity:.12}.dashboard-legend i.brand,.dashboard-stat-icon.brand,.dashboard-status-seg.brand{background:var(--brand)}.dashboard-legend i.blue,.dashboard-stat-icon.blue,.dashboard-status-seg.blue{background:var(--blue)}.dashboard-legend i.green,.dashboard-stat-icon.green,.dashboard-status-seg.green{background:var(--green)}.dashboard-legend i.red,.dashboard-stat-icon.red,.dashboard-status-seg.red{background:var(--danger)}.dashboard-legend i.amber,.dashboard-status-seg.amber{background:var(--warning)}.dashboard-legend i.purple,.dashboard-status-seg.purple{background:var(--purple)}.dashboard-legend i.muted,.dashboard-status-seg.muted{background:var(--text-soft)}.dashboard-stat-label{color:var(--text-soft);font-size:12px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.dashboard-stat-card strong{color:var(--text);font-size:32px;line-height:1.05;letter-spacing:-.02em}.dashboard-stat-trend{color:var(--text-soft);font-size:12px;font-weight:750}.dashboard-stat-trend.up{color:var(--green)}.dashboard-main-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);align-items:start}.dashboard-main-grid,.dashboard-side-stack{display:grid;grid-gap:20px;gap:20px}.dashboard-bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;align-items:start}.audit-card,.dashboard-section{overflow:hidden;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-sm)}.dashboard-section-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:16px;border-bottom:1px solid var(--border)}.dashboard-section-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--brand-soft);color:var(--brand-strong)}.dashboard-section-icon.blue{background:var(--blue-soft);color:var(--blue)}.dashboard-section-icon.green{background:var(--green-soft);color:var(--green)}.dashboard-section-icon.amber{background:var(--warning-soft);color:var(--warning)}.dashboard-section-icon.red{background:var(--danger-soft);color:var(--danger)}.dashboard-section-icon.purple{background:var(--purple-soft);color:var(--purple)}.dashboard-section-head h2{margin:0;color:var(--text);font-size:15px;letter-spacing:0}.dashboard-section-head p{margin:2px 0 0;color:var(--text-soft);font-size:12px}.dashboard-section-action{justify-self:end}.dashboard-section-body{padding:16px}.dashboard-section-body,.dashboard-timeline{display:grid;grid-gap:14px;gap:14px}.dashboard-timeline-item{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:12px;gap:12px;align-items:start}.audit-avatar,.dashboard-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--brand);color:#fff;font-size:11px;font-weight:900}.audit-avatar.system,.dashboard-avatar.system{border:1px solid var(--border);background:var(--surface-2);color:var(--text-soft)}.dashboard-timeline-item.failure .dashboard-avatar{background:var(--danger)}.dashboard-timeline-head{display:flex;flex-wrap:wrap;gap:7px;align-items:baseline}.dashboard-timeline-head strong{color:var(--text);font-size:13px}.dashboard-timeline-head span{color:var(--brand-strong);font-size:13px;font-weight:750}.dashboard-timeline-item p{margin:2px 0 0;color:var(--text-soft);font-size:12px;line-height:1.4}.dashboard-timeline-item small{display:block;margin-top:3px;color:var(--text-faint);font-size:11px}.dashboard-action-grid,.dashboard-attention-list,.dashboard-bar-chart{display:grid;grid-gap:10px;gap:10px}.dashboard-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-action-card,.dashboard-attention-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;min-width:0;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);transition:border-color .15s ease,background .15s ease}.dashboard-action-card{grid-template-columns:auto minmax(0,1fr);padding:14px}a.dashboard-action-card:hover,a.dashboard-attention-item:hover{border-color:var(--brand)}.dashboard-attention-item.urgent{border-color:color-mix(in srgb,var(--danger) 36%,var(--border));background:var(--danger-soft)}.dashboard-attention-item.warn{border-color:color-mix(in srgb,var(--warning) 36%,var(--border));background:var(--warning-soft)}.dashboard-action-icon,.dashboard-attention-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--surface);color:var(--text-soft)}.dashboard-action-icon{width:38px;height:38px}.dashboard-action-icon.brand{background:var(--brand-soft);color:var(--brand-strong)}.dashboard-action-icon.green{background:var(--green-soft);color:var(--green)}.dashboard-action-icon.blue{background:var(--blue-soft);color:var(--blue)}.dashboard-action-icon.purple{background:var(--purple-soft);color:var(--purple)}.dashboard-action-icon.amber{background:var(--warning-soft);color:var(--warning)}.dashboard-action-card strong,.dashboard-attention-item strong{display:block;color:var(--text);font-size:13px}.dashboard-action-card small,.dashboard-attention-item small{display:block;margin-top:2px;color:var(--text-soft);font-size:12px}.dashboard-attention-item b{color:var(--text);font-size:18px}.dashboard-status-dist{display:flex;gap:3px;height:40px;overflow:hidden;border-radius:8px}.dashboard-status-seg{display:flex;align-items:center;justify-content:center;min-width:0;color:#fff;font-size:11px;font-weight:900}.dashboard-legend{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:2px}.dashboard-legend span{display:inline-flex;gap:6px;align-items:center;color:var(--text-soft);font-size:12px}.dashboard-legend i{width:10px;height:10px;border-radius:3px}.dashboard-bar-row{display:grid;grid-template-columns:minmax(86px,.9fr) minmax(0,1fr) 48px;grid-gap:10px;gap:10px;align-items:center}.dashboard-bar-row span{overflow:hidden;color:var(--text-soft);font-size:12px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.dashboard-bar-row div{height:22px;overflow:hidden;border-radius:6px;background:var(--surface-2)}.dashboard-bar-row i{display:block;height:100%;border-radius:6px}.dashboard-bar-row i.tone-0,.dashboard-bar-row i.tone-brand{background:linear-gradient(90deg,var(--brand),var(--brand-strong))}.dashboard-bar-row i.tone-1{background:linear-gradient(90deg,var(--green),#4ade80)}.dashboard-bar-row i.tone-2{background:linear-gradient(90deg,var(--blue),#60a5fa)}.dashboard-bar-row i.tone-3{background:linear-gradient(90deg,var(--purple),#a78bfa)}.dashboard-bar-row i.tone-4{background:linear-gradient(90deg,var(--warning),#fbbf24)}.dashboard-bar-row b{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;text-align:right}.audit-empty,.dashboard-empty{display:grid;grid-gap:5px;gap:5px;padding:24px;border:1px dashed var(--border-strong);border-radius:10px;color:var(--text-soft);text-align:center}.audit-empty strong,.dashboard-empty strong{color:var(--text)}.audit-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--surface-2)}.audit-search{position:relative;flex:1 1 240px}.audit-search svg{position:absolute;top:50%;left:10px;color:var(--text-faint);transform:translateY(-50%)}.audit-filters select,.audit-search input{min-height:38px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:13px}.audit-search input{width:100%;padding:8px 10px 8px 34px}.audit-filters select{padding:0 12px}.audit-list{display:grid;grid-gap:8px;gap:8px;padding:8px}.audit-row{display:grid;grid-template-columns:112px minmax(0,1fr) auto;grid-gap:14px;gap:14px;align-items:start;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);transition:border-color .15s ease}.audit-row:hover{border-color:var(--brand)}.audit-row.failure{border-left:3px solid var(--danger)}.audit-time{display:grid;grid-gap:3px;gap:3px;color:var(--text-soft);font-size:11px;line-height:1.35}.audit-time strong{color:var(--text);font-size:12px}.audit-main{display:flex;gap:10px;min-width:0}.audit-body{min-width:0}.audit-action-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.audit-action-row strong{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.audit-action-row span{padding:2px 7px;border-radius:5px;background:var(--surface-2);font-weight:800}.audit-action-row span,.audit-body p{color:var(--text-soft);font-size:12px}.audit-body p{margin:4px 0 0;line-height:1.4}.audit-body p.audit-error{color:var(--danger);font-weight:750}.audit-body small{display:block;margin-top:3px;color:var(--text-faint);font-size:11px}.audit-right{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.audit-result{display:inline-flex;gap:4px;align-items:center;height:24px;padding:0 8px;border-radius:6px;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.audit-result.success{background:var(--green-soft);color:var(--green)}.audit-result.failure{background:var(--danger-soft);color:var(--danger)}.audit-ip{height:24px;padding:5px 8px 0;border-radius:6px;background:var(--surface-2);color:var(--text-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.audit-json{margin-top:8px}.audit-json summary{width:-moz-fit-content;width:fit-content;cursor:pointer;color:var(--brand-strong);font-size:11px;font-weight:800}.audit-json pre{max-height:220px;margin:8px 0 0;overflow:auto;white-space:pre-wrap;word-break:break-word}.queue-page{display:grid;grid-gap:20px;gap:20px;max-width:none}.queue-page,.queue-page>*{width:100%;min-width:0}.queue-head-actions{display:flex;gap:8px;align-items:center}.queue-action-btn,.queue-icon-btn,.queue-refresh-toggle{display:inline-flex;gap:7px;align-items:center;min-height:38px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:12px;font-weight:800;cursor:pointer}.queue-refresh-toggle{padding:0 12px}.queue-action-btn{padding:0 12px;white-space:nowrap}.queue-action-btn.danger{border-color:color-mix(in srgb,var(--danger) 26%,var(--border));color:var(--danger)}.queue-action-btn:hover,.queue-icon-btn:hover,.queue-refresh-toggle:hover{border-color:var(--brand);color:var(--brand-strong)}.queue-action-btn.danger:hover{border-color:var(--danger);color:var(--danger)}.queue-refresh-toggle.on .queue-live-dot{background:var(--green);animation:queue-pulse 1.5s infinite}.queue-live-dot{width:8px;height:8px;border-radius:999px;background:var(--text-faint)}.queue-icon-btn{justify-content:center;width:38px;padding:0;border-radius:8px}.queue-action-btn:disabled,.queue-icon-btn:disabled{cursor:wait;opacity:.7}.queue-icon-btn .spin{animation:queue-spin .9s linear infinite}.queue-notice{display:flex;gap:8px;align-items:center;padding:10px 12px;border:1px solid color-mix(in srgb,var(--danger) 30%,var(--border));border-radius:8px;background:var(--danger-soft);color:var(--danger);font-size:13px;font-weight:750}.queue-notice.success{border-color:color-mix(in srgb,var(--green) 30%,var(--border));background:var(--green-soft);color:var(--green)}.queue-notice.warning{border-color:color-mix(in srgb,var(--warning) 34%,var(--border));background:var(--warning-soft);color:var(--warning)}.queue-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));grid-gap:16px;gap:16px;min-width:0}.queue-stat-card{position:relative;display:grid;grid-gap:6px;gap:6px;min-width:0;overflow:hidden;padding:16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-sm);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}.queue-stat-card.selected,.queue-stat-card:hover{border-color:var(--brand);box-shadow:var(--sh-md)}.queue-stat-card.selected{outline:2px solid color-mix(in srgb,var(--brand) 22%,transparent)}.queue-stat-icon{position:absolute;top:-10px;right:-10px;display:grid;place-items:center;width:62px;height:62px;border-radius:999px;opacity:.14}.queue-badge.purple,.queue-stat-icon.purple{background:var(--purple-soft);color:var(--purple)}.queue-badge.blue,.queue-stat-icon.blue{background:var(--blue-soft);color:var(--blue)}.queue-badge.brand,.queue-stat-icon.brand{background:var(--brand-soft);color:var(--brand-strong)}.queue-badge.green,.queue-stat-icon.green{background:var(--green-soft);color:var(--green)}.queue-badge.amber,.queue-stat-icon.amber{background:var(--warning-soft);color:var(--warning)}.queue-badge.muted,.queue-stat-icon.muted{background:var(--surface-2);color:var(--text-soft)}.queue-stat-label{color:var(--text-soft);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.queue-stat-card strong{color:var(--text);font-size:30px;line-height:1.05}.queue-stat-desc{color:var(--text-soft);font-size:12px}.queue-breakdown{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.queue-breakdown-item{display:inline-flex;gap:4px;align-items:center;color:var(--text-soft);font-size:11px;font-weight:800}.queue-breakdown-item i{width:7px;height:7px;border-radius:999px;background:currentColor}.queue-breakdown-item.active{color:var(--blue)}.queue-breakdown-item.muted,.queue-breakdown-item.waiting{color:var(--text-soft)}.queue-breakdown-item.retrying{color:var(--warning)}.queue-breakdown-item.failed{color:var(--danger)}.queue-breakdown-item.completed{color:var(--green)}.queue-filter-row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;min-width:0}.queue-filter-tabs{display:flex;gap:2px;max-width:100%;overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:none}.queue-filter-tabs::-webkit-scrollbar{display:none}.queue-filter-tab{display:inline-flex;gap:7px;align-items:center;min-height:42px;padding:0 14px;border-bottom:2px solid transparent;color:var(--text-soft);font-size:13px;font-weight:800;white-space:nowrap}.queue-filter-tab:hover{color:var(--text)}.queue-filter-tab.active{border-bottom-color:var(--brand);color:var(--brand-strong)}.queue-filter-tab span{padding:2px 7px;border-radius:999px;background:var(--surface-2);color:var(--text-soft);font-size:10px;font-weight:900}.queue-filter-tab.active span{background:var(--brand-soft);color:var(--brand-strong)}.queue-list-meta{color:var(--text-soft);font-size:12px;font-weight:750}.queue-jobs-wrap{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--sh-sm)}.queue-table{width:100%;border-collapse:collapse}.queue-table td,.queue-table th{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.queue-table th{background:var(--surface-2);color:var(--text-soft);font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.queue-table tbody tr:hover{background:color-mix(in srgb,var(--brand-soft) 36%,transparent)}.queue-table tbody tr.selected{background:color-mix(in srgb,var(--brand-soft) 58%,transparent)}.queue-table tr.expanded{background:var(--brand-soft)}.queue-table tr:last-child td{border-bottom:0}.queue-expand{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text-soft);cursor:pointer;transition:transform .15s ease,border-color .15s ease,color .15s ease}.queue-select-cell{width:44px}.queue-row-check{width:17px;height:17px;accent-color:var(--brand);cursor:pointer}.queue-row-check:disabled{cursor:not-allowed}.queue-expand.expanded,.queue-expand:hover{border-color:var(--brand);color:var(--brand-strong)}.queue-expand.expanded svg{transform:rotate(90deg)}.queue-badge,.queue-status-badge{display:inline-flex;gap:6px;align-items:center;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.queue-status-badge i{width:6px;height:6px;border-radius:999px;background:currentColor}.queue-status-badge.active{background:var(--blue-soft);color:var(--blue)}.queue-status-badge.waiting{background:var(--surface-2);color:var(--text-soft)}.queue-status-badge.retrying{background:var(--warning-soft);color:var(--warning)}.queue-status-badge.failed{background:var(--danger-soft);color:var(--danger)}.queue-status-badge.completed{background:var(--green-soft);color:var(--green)}.queue-stuck-pill{display:inline-flex;margin-left:6px;padding:4px 8px;border-radius:999px;background:var(--warning-soft);color:var(--warning);font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.queue-job-cell,.queue-target-cell,.queue-time-cell{display:grid;grid-gap:2px;gap:2px;min-width:0}.queue-job-cell strong{overflow:hidden;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.queue-job-cell span,.queue-target-cell span,.queue-time-cell span{overflow:hidden;color:var(--text-soft);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.queue-target-cell a,.queue-target-cell strong{overflow:hidden;color:var(--text);font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.queue-target-cell a{color:var(--brand-strong)}.queue-target-cell a:hover{text-decoration:underline}.queue-attempts,.queue-time-cell strong{color:var(--text);font-size:12px}.queue-attempts{font-weight:900}.queue-attempts,.queue-duration{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.queue-duration{color:var(--text-soft);font-size:12px;font-weight:800;white-space:nowrap}.queue-actions-head{text-align:right}.queue-row-actions{display:flex;gap:5px;justify-content:flex-end}.queue-row-action{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text-soft);cursor:pointer}.queue-row-action:hover:not(:disabled){border-color:var(--brand);color:var(--brand-strong)}.queue-row-action.success:hover:not(:disabled){border-color:var(--green);background:var(--green-soft);color:var(--green)}.queue-row-action.danger:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.queue-row-action:disabled{cursor:not-allowed;opacity:.55}.queue-selection-bar{max-width:min(calc(100vw - 32px),820px)}.queue-detail-row td{padding:0;background:var(--panel-muted)}.queue-detail{display:grid;grid-gap:14px;gap:14px;padding:16px 18px}.queue-error-box{display:grid;grid-gap:5px;gap:5px;padding:10px 12px;border-left:3px solid var(--danger);border-radius:7px;background:var(--danger-soft);color:var(--danger);font-size:12px}.queue-detail-title,.queue-error-box strong{margin:0;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.queue-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:10px;gap:10px}.queue-detail-grid div{display:grid;grid-gap:3px;gap:3px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.queue-detail-grid span{color:var(--text-soft);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.queue-detail-grid strong{overflow:hidden;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.queue-detail pre{max-height:280px;margin:8px 0 0;overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:11px;white-space:pre-wrap;word-break:break-word}.queue-empty{display:grid;place-items:center;grid-gap:8px;gap:8px;min-height:220px;padding:32px;color:var(--text-soft);text-align:center}.queue-empty strong{color:var(--text);font-size:16px}@keyframes queue-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes queue-spin{to{transform:rotate(1turn)}}@media (max-width:1100px){.dashboard-bottom-grid,.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main-grid{grid-template-columns:1fr}.queue-table td,.queue-table th{padding-inline:10px}}@media (max-width:760px){.dashboard-action-grid,.dashboard-bottom-grid,.dashboard-stat-grid{grid-template-columns:1fr}.dashboard-section-head{grid-template-columns:auto minmax(0,1fr)}.dashboard-section-action{grid-column:1/-1;justify-self:start}.audit-filters{align-items:stretch}.audit-filters .btn,.audit-filters select,.audit-search{width:100%}.audit-row{grid-template-columns:1fr;gap:8px}.audit-right{justify-content:flex-start}.dashboard-bar-row{grid-template-columns:minmax(74px,.9fr) minmax(0,1fr) 42px}.queue-action-btn,.queue-head-actions,.queue-refresh-toggle{width:100%}.queue-stat-grid{grid-template-columns:1fr}.queue-refresh-toggle{justify-content:center}.queue-head-actions{flex-wrap:wrap}.queue-action-btn{justify-content:center}.queue-icon-btn{flex:1 1}.queue-filter-row{align-items:stretch}.queue-filter-tabs,.queue-list-meta{width:100%}.queue-table,.queue-table tbody,.queue-table td,.queue-table th,.queue-table thead,.queue-table tr{display:block}.queue-table thead{display:none}.queue-table tbody{display:grid;grid-gap:10px;gap:10px;padding:10px}.queue-table tr{border:1px solid var(--border);border-radius:10px;background:var(--surface)}.queue-table td{display:grid;grid-template-columns:104px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start;padding:9px 12px;border-bottom:0}.queue-table td:before{content:attr(data-label);color:var(--text-soft);font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.queue-expand,.queue-select-cell .queue-row-check{justify-self:start}.queue-row-actions{justify-content:flex-start}.queue-selection-bar{flex-wrap:wrap;justify-content:center;border-radius:18px}.queue-detail-row{margin-top:-10px;border-top:0}.queue-detail-row td{display:block;padding:0}.queue-detail-row td:before{content:none}.queue-detail{padding:12px}.queue-detail-grid{grid-template-columns:1fr}}@media (max-width:520px){.import-report-stats{grid-template-columns:1fr}}.pattern-card-studio,.pattern-list-studio{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:max-content;margin-top:0;padding:7px 10px;border:1px solid color-mix(in srgb,var(--brand) 42%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--brand) 10%,var(--surface));color:var(--brand-strong,var(--brand));font-size:12px;font-weight:900;cursor:pointer}.pattern-card-meta-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-top:10px}.pattern-card-meta-row .category-badges{flex:1 1 auto;min-width:0;margin-top:0}.pattern-card-meta-row .compact-text{flex:1 1 auto;min-width:0;margin:0}.pattern-card-meta-row .pattern-card-studio{flex:0 0 auto;margin-left:auto}.order-studio-link:hover,.pattern-card-studio:hover,.pattern-list-studio:hover{background:var(--brand);color:#fff}.pattern-list-studio{margin:0;white-space:nowrap}.order-studio-link{display:inline-flex;align-items:center;margin-left:auto;padding:7px 10px;border:1px solid color-mix(in srgb,var(--brand) 36%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--brand) 8%,var(--surface));color:var(--brand);font-size:12px;font-weight:900;text-decoration:none}.studio-page-content{max-width:1500px}.studio-dashboard-grid{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);grid-gap:22px;gap:22px;align-items:start}.studio-inspector,.studio-output-panel,.studio-panel{border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}.studio-panel{padding:22px}.studio-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.studio-panel-head.compact{margin-bottom:14px}.studio-panel-head h2{margin:0;font-size:22px;line-height:1.1}.studio-new-job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.studio-form-stack label,.studio-new-job-grid label{display:grid;grid-gap:7px;gap:7px;color:var(--text);font-weight:850}.studio-new-job-grid label:first-child{grid-column:1/-1}.studio-form-stack span,.studio-new-job-grid span{color:var(--text-soft);font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.studio-selected-pattern{display:flex;gap:12px;align-items:center;margin:18px 0;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--bg-soft)}.studio-selected-pattern .file-placeholder,.studio-selected-pattern img{width:62px;height:62px;border-radius:12px;object-fit:cover}.studio-selected-pattern div,.studio-selected-pattern span{min-width:0}.studio-selected-pattern small,.studio-selected-pattern strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-selected-pattern small{color:var(--text-soft);font-weight:800}.studio-job-list{display:grid;grid-gap:10px;gap:10px}.studio-job-row,.studio-output-row{padding:13px 14px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text)}.studio-job-main,.studio-job-row,.studio-output-row{display:flex;align-items:center;justify-content:space-between;gap:14px;text-decoration:none}.studio-job-main{color:inherit}.studio-job-main,.studio-output-main{flex:1 1 auto;min-width:0}.studio-output-actions{display:inline-flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px}.studio-job-delete,.studio-output-delete,.studio-output-download{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-soft);cursor:pointer;text-decoration:none}.studio-output-download:hover{border-color:color-mix(in srgb,var(--brand) 48%,var(--border));color:var(--brand)}.studio-job-delete,.studio-output-delete{color:var(--danger)}.studio-job-delete:hover:not(:disabled),.studio-output-delete:hover:not(:disabled){border-color:color-mix(in srgb,var(--danger) 46%,var(--border));background:var(--danger-soft)}.studio-job-delete:disabled,.studio-output-delete:disabled{cursor:not-allowed;opacity:.52}.studio-job-row:hover,.studio-output-row:hover{border-color:color-mix(in srgb,var(--brand) 50%,var(--border));box-shadow:var(--shadow-sm)}.studio-job-row small,.studio-job-row strong,.studio-output-main small,.studio-output-main strong{display:block}.studio-job-row small,.studio-output-main small{color:var(--text-soft);font-weight:750}.studio-job-page{min-height:calc(100vh - 60px);padding:18px}.studio-editor{display:grid;grid-template-columns:68px minmax(0,1fr) 340px;grid-gap:16px;gap:16px;min-height:calc(100vh - 96px)}.studio-sheet-editor{grid-template-columns:minmax(0,1fr)}.studio-sheet-panel{padding:18px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.studio-sheet-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(460px,1fr));grid-gap:10px;gap:10px}.studio-sheet-item{display:grid;grid-template-columns:32px 34px 56px minmax(0,1fr) 118px 92px 92px;grid-gap:10px;gap:10px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:14px;background:var(--bg-soft)}.studio-sheet-item.dragging{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);opacity:.72}.studio-sheet-drag{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text-soft);cursor:-webkit-grab;cursor:grab}.studio-sheet-index{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:color-mix(in srgb,var(--brand) 14%,var(--surface));color:var(--brand-strong);font-size:12px;font-weight:900}.studio-sheet-item small{color:var(--text-soft);font-weight:800}.studio-sheet-item .studio-sheet-dpi{display:block;margin-top:3px;font-size:11px;line-height:1.25}.studio-sheet-item .studio-sheet-dpi.ok{color:var(--success)}.studio-sheet-item .studio-sheet-dpi.warn{color:var(--brand-strong)}.studio-sheet-item .studio-sheet-dpi.danger{color:var(--danger)}.studio-sheet-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:12px;gap:12px}.studio-sheet-repeat,.studio-sheet-repeat-toggle,.studio-sheet-settings-grid label{display:grid;grid-gap:6px;gap:6px;color:var(--text);font-size:12px;font-weight:900}.studio-sizing-panel{display:grid;grid-gap:4px;gap:4px;margin-top:12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--brand) 34%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--brand) 8%,var(--surface));color:var(--text)}.studio-sizing-panel strong{font-size:13px}.studio-sizing-panel span{color:var(--text-soft);font-size:12px;font-weight:800}.studio-sizing-panel.invalid{border-color:color-mix(in srgb,var(--danger) 48%,var(--border));background:var(--danger-soft)}.studio-sheet-repeat .input{height:36px;padding:7px 9px}.studio-sheet-repeat .input:disabled{color:var(--text-soft);background:color-mix(in srgb,var(--surface-2) 78%,var(--border));cursor:not-allowed}.studio-sheet-repeat-toggle{align-items:center;grid-template-columns:auto minmax(0,1fr);gap:8px;min-height:36px;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);font-size:12px;line-height:1.1}.studio-sheet-repeat-toggle input{width:16px;height:16px;accent-color:var(--brand)}.studio-save-bar.inline{position:static;display:flex;align-items:center;justify-content:flex-end;gap:10px;width:100%;margin-top:14px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);transform:none;opacity:0;pointer-events:none}.studio-save-bar.inline span{margin-right:auto;color:var(--text-soft);font-weight:800}.studio-save-bar.inline.show{opacity:1;pointer-events:auto}.studio-unsaved-pill{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--brand) 14%,var(--surface));color:var(--brand-strong);font-size:12px;font-weight:900}.studio-sheet-preview-panel .studio-panel-head p{margin:4px 0 0;color:var(--text-soft);font-size:13px;font-weight:800}.studio-sheet-preview-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;min-width:min(100%,560px)}.studio-sheet-preview-toggle,.studio-sheet-preview-tools label{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 10px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-soft);font-size:12px;font-weight:900}.studio-sheet-preview-tools .icon-only{width:36px;padding:0}.studio-sheet-preview-tools input[type=range]{width:150px;accent-color:var(--brand)}.studio-sheet-preview-toggle input{width:16px;height:16px;accent-color:var(--brand)}.studio-sheet-preview-tools span{min-width:42px;color:var(--text);text-align:right}.studio-sheet-preview-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.studio-sheet-preview-meta span{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid var(--border);border-radius:999px;background:var(--bg-soft);color:var(--text-soft);font-size:12px;font-weight:900}.studio-sheet-preview-meta span.warn{border-color:color-mix(in srgb,var(--brand) 44%,var(--border));background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand-strong)}.studio-sheet-preview-viewport{overflow:hidden;height:clamp(420px,54vh,760px);min-height:320px;padding:14px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(45deg,color-mix(in srgb,var(--border) 55%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--border) 55%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--border) 55%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--border) 55%,transparent) 75%),var(--surface-2);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.studio-sheet-preview-viewport canvas{display:block;width:100%;height:100%;max-width:100%;border-radius:10px;background:#fdf9f5;cursor:-webkit-grab;cursor:grab;box-shadow:var(--shadow-lg)}.studio-sheet-preview-viewport.dragging canvas{cursor:-webkit-grabbing;cursor:grabbing}.studio-sheet-preview-error{padding:14px;border:1px solid color-mix(in srgb,var(--danger) 48%,var(--border));border-radius:14px;background:var(--danger-soft);color:var(--danger);font-weight:850}@media (max-width:760px){.studio-sheet-items{grid-template-columns:1fr}.studio-sheet-item{grid-template-columns:32px 34px 56px minmax(0,1fr)}.studio-sheet-repeat,.studio-sheet-repeat-toggle{grid-column:span 2}.studio-sheet-preview-tools{justify-content:flex-start}}.studio-editor.is-fullscreen{width:100vw;height:100vh;min-height:100vh;padding:16px;background:var(--bg)}.studio-tools{display:flex;flex-direction:column;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-sm)}.studio-tools button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text-soft);cursor:pointer}.studio-tools button.active,.studio-tools button:hover:not(:disabled){border-color:color-mix(in srgb,var(--brand) 52%,var(--border));background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand)}.studio-tools button:disabled{cursor:not-allowed;opacity:.48}.studio-canvas-column{display:grid;grid-template-rows:auto minmax(620px,1fr) auto;grid-gap:14px;gap:14px;min-width:0}.studio-canvas-head,.studio-canvas-wrap,.studio-inspector,.studio-output-panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.studio-canvas-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-radius:18px}.studio-canvas-head h1{margin:0;font-size:clamp(26px,3vw,44px);line-height:1}.studio-job-name-editor{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.studio-job-name-editor label{display:grid;grid-gap:5px;gap:5px;min-width:min(420px,100%)}.studio-job-name-editor label span{color:var(--text-soft);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.studio-job-name-editor .input{font-size:clamp(22px,2.4vw,34px);font-weight:950;line-height:1}.studio-canvas-head p{margin:4px 0 0;color:var(--text-soft);font-weight:800}.studio-status-stack{display:grid;grid-gap:6px;gap:6px;justify-items:end;color:var(--text-soft);font-size:12px;font-weight:900;text-transform:uppercase}.studio-status{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--brand) 12%,var(--surface));color:var(--brand)}.studio-status.failed{background:color-mix(in srgb,#dc2626 12%,var(--surface));color:#dc2626}.studio-status.awaiting_approval{background:color-mix(in srgb,#d97706 14%,var(--surface));color:#b45309}.studio-status.completed,.studio-status.rendered{background:color-mix(in srgb,#16a34a 12%,var(--surface));color:#15803d}.studio-canvas-wrap{position:relative;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.studio-ruler-wrap{position:absolute;inset:0;display:grid;grid-template-columns:28px minmax(0,1fr) 28px;grid-template-rows:28px minmax(0,1fr) 28px;overflow:hidden;border:0;border-radius:14px;background:#f0ece8}.studio-ruler-corner{display:flex;align-items:center;justify-content:center;background:#f0ece8;color:#6b6b6b;font-size:9px;font-weight:800}.studio-ruler-corner-tl{grid-column:1;grid-row:1;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb}.studio-ruler-corner-tr{grid-column:3;grid-row:1;border-bottom:1px solid #ebebeb;border-left:1px solid #ebebeb}.studio-ruler-corner-bl{grid-column:1;grid-row:3;border-top:1px solid #ebebeb;border-right:1px solid #ebebeb}.studio-ruler-corner-br{grid-column:3;grid-row:3;border-top:1px solid #ebebeb;border-left:1px solid #ebebeb}.studio-ruler-bottom,.studio-ruler-left,.studio-ruler-right,.studio-ruler-top{display:block;background:#f0ece8}.studio-ruler-top{grid-column:2;grid-row:1;width:100%;height:28px;border-bottom:1px solid #ebebeb}.studio-ruler-bottom{grid-column:2;grid-row:3;width:100%;height:28px;border-top:1px solid #ebebeb}.studio-ruler-left{grid-column:1;grid-row:2;width:28px;height:100%;border-right:1px solid #ebebeb}.studio-ruler-right{grid-column:3;grid-row:2;width:28px;height:100%;border-left:1px solid #ebebeb}.studio-material-ruler{z-index:4;top:38px;padding:7px 12px;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text-soft);font-size:12px;font-weight:900;text-transform:uppercase;box-shadow:var(--shadow-sm)}.studio-material-ruler,.studio-scale-popover{position:absolute;left:50%;transform:translateX(-50%)}.studio-scale-popover{z-index:5;top:76px;display:grid;grid-template-columns:auto minmax(140px,240px) auto auto auto;grid-gap:8px;gap:8px;align-items:center;padding:8px;border:1px solid color-mix(in srgb,var(--brand) 26%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:var(--shadow-md)}.studio-scale-popover button{display:inline-grid;min-width:34px;height:32px;place-items:center;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-weight:900;cursor:pointer}.studio-scale-popover button:hover:not(:disabled){border-color:color-mix(in srgb,var(--brand) 48%,var(--border));color:var(--brand)}.studio-scale-popover button:disabled{cursor:not-allowed;opacity:.45}.studio-scale-popover input{accent-color:var(--brand)}.studio-scale-popover strong{min-width:52px;color:var(--text);font-size:12px;font-weight:950;text-align:center}.studio-preview-stage{position:relative;grid-column:2;grid-row:2;overflow:hidden;background:#fdf9f5;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.studio-preview-stage.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.studio-pattern-layer{position:absolute;top:50%;left:50%;width:5000px;height:5000px;margin-top:-2500px;margin-left:-2500px;background-color:#fdf9f5;transform-origin:center;will-change:transform;pointer-events:none}.studio-grid-overlay{position:absolute;z-index:2;inset:0;display:block;pointer-events:none}.studio-no-preview{display:grid;place-items:center;grid-gap:8px;gap:8px;height:100%;color:var(--text-soft);font-weight:950}.studio-output-panel{padding:16px;border-radius:18px}.studio-output-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.studio-output-head h2{margin:0}.studio-output-head p{margin:3px 0 0;color:var(--text-soft);font-size:13px;font-weight:750}.studio-output-list{display:grid;grid-gap:9px;gap:9px}.studio-output-entry{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.studio-output-entry>.studio-output-row{border:0;border-radius:0}.studio-sample-review{border-top:1px solid var(--border);background:var(--surface-2)}.studio-sample-review>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;cursor:pointer;list-style-position:inside}.studio-sample-review>summary>span:first-child{display:inline-grid;gap:2px}.studio-sample-review>summary small,.studio-sample-review>summary strong{display:block}.studio-sample-review>summary small{color:var(--text-soft);font-size:12px;font-weight:700}.studio-sample-review-counts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.fs-sample-review-state,.studio-sample-review-counts em,.studio-sample-review-status{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;border-radius:999px;padding:4px 8px;font-size:11px;font-style:normal;font-weight:850}.studio-sample-review-status{flex:0 0 auto;white-space:nowrap}.fs-sample-review-state.is-pending,.studio-sample-review-counts .pending,.studio-sample-review-status.is-pending{background:var(--warning-soft);color:var(--warning)}.fs-sample-review-state.is-approved,.studio-sample-review-counts .approved,.studio-sample-review-status.is-approved{background:var(--green-soft);color:var(--green)}.fs-sample-review-state.is-rejected,.studio-sample-review-counts .rejected,.studio-sample-review-status.is-rejected{background:var(--danger-soft);color:var(--danger)}.studio-sample-review-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px 12px}.studio-sample-review-select-all{display:inline-flex;align-items:center;gap:7px;color:var(--text);font-size:12px;font-weight:800;cursor:pointer}.studio-sample-review-select-all small{color:var(--text-soft);font-size:11px;font-weight:700}.studio-sample-review-select input,.studio-sample-review-select-all input{width:16px;height:16px;margin:0;accent-color:var(--primary);cursor:pointer}.studio-sample-review-select input:disabled,.studio-sample-review-select-all input:disabled{cursor:not-allowed}.studio-sample-review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;padding:0 14px 14px}.studio-sample-review-card{display:grid;grid-template-columns:104px minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.studio-sample-review-card.is-approved{border-color:color-mix(in srgb,var(--green) 42%,var(--border))}.studio-sample-review-card.is-rejected{border-color:color-mix(in srgb,var(--danger) 34%,var(--border))}.studio-sample-review-preview{display:grid;place-items:center;min-height:104px;overflow:hidden;background:var(--panel-muted);color:var(--text-faint)}.studio-sample-review-preview img{width:100%;height:100%;min-height:104px;object-fit:cover}.studio-sample-review-body{display:grid;grid-gap:9px;gap:9px;min-width:0;overflow:hidden;padding:12px}.studio-sample-review-body header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;min-width:0}.studio-sample-review-body header>div{flex:1 1;min-width:0;overflow:hidden}.studio-sample-review-title{display:flex;align-items:flex-start;gap:8px}.studio-sample-review-title>div{min-width:0;overflow:hidden}.studio-sample-review-select{display:inline-flex;flex:0 0 auto;align-items:center;padding-top:1px}.studio-sample-review-body header small,.studio-sample-review-body header strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-sample-review-body header small,.studio-sample-review-meta{color:var(--text-soft);font-size:11.5px;font-weight:700}.studio-sample-review-meta,.studio-sample-review-specs{display:flex;flex-wrap:wrap;gap:5px 10px}.studio-sample-review-specs span{border-radius:999px;padding:3px 7px;background:var(--surface-2);color:var(--text-soft);font-size:11px;font-weight:750}.studio-sample-review-meta .current{display:inline-flex;align-items:center;gap:4px;color:var(--green)}.studio-sample-review-note{display:grid;grid-gap:4px;gap:4px;color:var(--text-soft);font-size:11.5px;font-weight:750}.studio-sample-review-note textarea{width:100%;min-height:58px;resize:vertical;border:1px solid var(--border);border-radius:8px;padding:8px 9px;background:var(--input-bg);color:var(--text);font:inherit}.studio-sample-review-actions{display:flex;flex-wrap:wrap;gap:7px}.studio-sample-reject{color:var(--danger)}@media (max-width:1180px){.studio-sample-review-list{grid-template-columns:1fr}}@media (max-width:760px){.studio-sample-review>summary{align-items:flex-start;flex-direction:column}.studio-sample-review-counts{justify-content:flex-start}.studio-sample-review-toolbar{align-items:stretch;flex-direction:column}.studio-sample-review-toolbar .btn{width:100%}.studio-sample-review-card{grid-template-columns:82px minmax(0,1fr)}}.pcloud-status-grid,.template-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.output-template-input{min-height:110px;font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace);font-size:.9rem}.template-token-panel{display:grid;grid-gap:10px;gap:10px;padding:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md)}.template-token-panel>span{font-weight:850}.template-token-list{display:flex;flex-wrap:wrap;gap:8px}.template-token-chip{padding:7px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace);font-size:.78rem;font-weight:800;cursor:pointer}.template-token-chip:hover{border-color:color-mix(in srgb,var(--brand) 55%,var(--border));color:var(--brand)}.pcloud-settings-panel{display:grid;grid-gap:14px;gap:14px}.pcloud-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pcloud-status-card{display:grid;grid-gap:5px;gap:5px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md)}.pcloud-status-card svg{color:var(--brand)}.pcloud-status-card small,.pcloud-status-card span{color:var(--muted);overflow-wrap:anywhere}.pcloud-status-card strong{font-size:1.05rem}.pcloud-status-card.ok{border-color:color-mix(in srgb,var(--green) 34%,var(--border))}.pcloud-status-card.warn{border-color:color-mix(in srgb,var(--brand) 36%,var(--border))}.pcloud-actions{flex-wrap:wrap}.pcloud-password-form{display:grid;grid-gap:12px;gap:12px;padding:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md)}.pcloud-password-form p,.pcloud-password-form strong{margin:0}.pcloud-password-form p{margin-top:4px;color:var(--muted);font-size:.92rem}.checkbox-row{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.92rem}.btn.disabled{opacity:.52;pointer-events:none}.btn.danger{color:var(--danger)}.studio-inspector{align-self:start;position:-webkit-sticky;position:sticky;top:78px;display:grid;grid-gap:14px;gap:14px;padding:18px;border-radius:20px}.studio-form-stack{display:grid;grid-gap:13px;gap:13px}.studio-form-stack small{color:var(--text-soft);font-weight:850}.studio-grid-settings{display:grid;grid-gap:10px;gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft)}.studio-grid-toggle{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important}.studio-grid-toggle input{width:16px;height:16px;accent-color:var(--brand)}.studio-color-input{width:44px;height:34px;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.studio-inspector-actions{display:flex;gap:10px}.studio-inspector-actions .btn{flex:1 1}@media (max-width:1180px){.studio-dashboard-grid,.studio-editor{grid-template-columns:1fr}.studio-tools{flex-direction:row;justify-content:flex-start}.studio-inspector{position:static}.pcloud-status-grid,.template-editor-grid{grid-template-columns:1fr}}@media (max-width:760px){.studio-job-page{padding:10px}.studio-new-job-grid{grid-template-columns:1fr}.studio-canvas-head,.studio-output-head{align-items:flex-start;flex-direction:column}.studio-canvas-column{grid-template-rows:auto 520px auto}.studio-status-stack{justify-items:start}.studio-scale-popover{right:10px;left:10px;grid-template-columns:auto minmax(90px,1fr) auto auto;transform:none;border-radius:16px}.studio-scale-popover button:last-child{grid-column:1/-1}}.materials-page{display:grid;grid-gap:18px;gap:18px}.materials-intro-strip{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);font-size:.92rem}.materials-intro-strip a{margin-left:auto;color:var(--brand-strong);font-size:13px;font-weight:750;text-decoration:none;white-space:nowrap}.materials-intro-strip a:hover{text-decoration:underline}.materials-manager{display:grid;grid-gap:16px;gap:16px}.materials-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.material-panel,.materials-summary-grid>div{border:1px solid var(--border);border-radius:8px;background:var(--surface)}.materials-summary-grid>div{padding:14px;display:grid;grid-gap:4px;gap:4px}.materials-summary-grid span{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:0}.materials-summary-grid strong{font-size:1.45rem}.materials-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--border)}.materials-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:10px 12px;font-weight:700;cursor:pointer}.materials-tabs button.active{border-bottom-color:var(--brand);color:var(--text)}.materials-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);grid-gap:16px;gap:16px}.materials-layout.two{grid-template-columns:repeat(2,minmax(0,1fr))}.material-panel{padding:16px;display:grid;grid-gap:14px;gap:14px;align-content:start}.material-wide-panel{grid-column:1/-1}.material-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.material-panel-head h2{margin:0;font-size:1rem}.material-panel-head p{margin:4px 0 0;color:var(--muted);font-size:.88rem}.material-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.material-form-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.material-wide{grid-column:1/-1}.material-form-grid .button{align-self:end}.material-list{display:grid;grid-gap:8px;gap:8px}.material-list.small{max-height:420px;overflow:auto}.material-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.material-row strong{display:block}.material-row small{display:block;margin-top:3px;color:var(--muted)}.material-actions,.material-row-actions,.material-row-pills{display:flex;align-items:center;gap:7px}.material-row-pills{flex-wrap:wrap;margin-top:8px}.material-pill{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:3px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.78rem;font-weight:700}.material-pill.ok{background:rgba(34,197,94,.13);color:#15803d}.material-pill.bad{background:rgba(239,68,68,.13);color:#b91c1c}.material-pill.muted{background:var(--surface-2);color:var(--muted)}.material-table-wrap{overflow-x:auto}.material-table{width:100%;border-collapse:collapse}.material-table td,.material-table th{padding:10px 8px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.material-table th{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:0}.inline-alert{border-radius:8px;padding:10px 12px;font-weight:700}.inline-alert.success{background:rgba(34,197,94,.12);color:#15803d}.inline-alert.error{background:rgba(239,68,68,.12);color:#b91c1c}.inline-alert.warning{border:1px solid rgba(245,158,11,.28);background:rgba(245,158,11,.12);color:#92400e}@media (max-width:1100px){.material-form-grid,.material-form-grid.compact,.materials-layout,.materials-layout.two,.materials-summary-grid{grid-template-columns:1fr}}.button.primary{background:var(--accent);color:var(--accent-contrast)}.button.ghost{background:var(--panel-raised);color:var(--text);border-color:var(--border);box-shadow:none}.button.ghost:hover{background:var(--surface);border-color:var(--accent)}.button.small{min-height:32px;padding:6px 10px;font-size:.86rem;gap:6px}.button.tiny{min-height:26px;padding:3px 7px;font-size:.78rem;box-shadow:none}.fabric-sync-studio{--fs-panel:var(--surface);--fs-panel-muted:var(--surface-2);--fs-panel-soft:color-mix(in srgb,var(--surface-2) 78%,var(--surface));--fs-border:var(--border);--fs-border-strong:var(--border-strong);--fs-text-muted:var(--text-soft);--fs-accent:var(--brand);--fs-accent-strong:var(--brand-strong);--fs-accent-soft:var(--brand-soft);--fs-info:#2563eb;--fs-info-strong:#1d4ed8;--fs-info-soft:color-mix(in srgb,#2563eb 10%,var(--surface));--fs-success:var(--green);--fs-success-soft:var(--green-soft);--fs-warning:var(--warning);--fs-warning-soft:var(--warning-soft);--fs-error:var(--danger);--fs-error-soft:var(--danger-soft);--fs-blue:var(--fs-accent);--fs-blue-dark:var(--fs-accent-strong);--fs-green:var(--fs-success);--fs-red:var(--fs-error);--fs-amber:var(--fs-warning);--fs-line:var(--fs-border);--fs-soft:var(--fs-panel-muted);display:grid;grid-gap:14px;gap:14px;color:var(--text);font-size:14px}.pattern-samples-panel{--fs-panel:var(--surface);--fs-panel-muted:var(--surface-2);--fs-panel-soft:color-mix(in srgb,var(--surface-2) 78%,var(--surface));--fs-border:var(--border);--fs-border-strong:var(--border-strong);--fs-text-muted:var(--text-soft);--fs-accent:var(--brand);--fs-accent-strong:var(--brand-strong);--fs-accent-soft:var(--brand-soft);--fs-success:var(--green);--fs-success-soft:var(--green-soft);--fs-warning:var(--warning);--fs-warning-soft:var(--warning-soft);--fs-error:var(--danger);--fs-error-soft:var(--danger-soft);--fs-line:var(--fs-border);display:grid;grid-gap:14px;gap:14px}.materials-page .materials-intro-strip{font-size:14px}.fabric-sync-studio .button{font-size:13.5px;font-weight:650}.fabric-sync-studio .button.small{font-size:13px}.fs-top-tabs{display:flex;align-items:flex-end;flex-wrap:wrap;gap:5px;border-bottom:1px solid var(--fs-line)}.fs-top-tabs a,.fs-top-tabs button{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:8px 14px;border:1px solid var(--fs-line);border-bottom:0;border-radius:0;background:var(--fs-panel-muted);color:var(--fs-text-muted);font-size:14px;font-weight:750;cursor:pointer;text-decoration:none}.fs-top-tabs a.active,.fs-top-tabs button.active{background:var(--fs-panel);color:var(--text);transform:translateY(1px)}.fs-card,.fs-catalogue-inner,.fs-groups-section{border:1px solid var(--fs-line);border-radius:4px;background:var(--fs-panel)}.fs-groups-section{display:grid;grid-gap:10px;gap:10px;padding:14px 18px 18px}.fs-card-head,.fs-section-header,.fs-side-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.fs-section-header strong{text-transform:uppercase;letter-spacing:.04em;color:var(--fs-text-muted);font-size:13px}.fs-editor-actions,.fs-head-actions,.fs-header-actions,.fs-toolbar-right{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.fs-groups-list{display:grid;grid-gap:7px;gap:7px}.fs-group-row{display:grid;grid-template-columns:28px 38px minmax(160px,1fr) auto 34px 30px;align-items:center;grid-gap:8px;gap:8px;min-height:54px;border:1px solid var(--fs-line);border-left:4px solid var(--fs-blue);border-radius:4px;background:var(--fs-panel);padding:8px 10px}.fs-group-row.active{outline:2px solid color-mix(in srgb,var(--fs-blue) 34%,transparent);background:color-mix(in srgb,var(--fs-accent) 7%,var(--fs-panel))}.fabric-drag-over{box-shadow:inset 0 0 0 2px var(--fs-blue);background:color-mix(in srgb,var(--fs-accent) 9%,var(--fs-panel))}.fs-drag-handle{color:#a7aaad;font-size:13px;font-weight:850;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center}.fs-color-cell,.fs-color-dot-wrap{display:inline-flex;align-items:center;gap:7px}.fs-color-dot-wrap{position:relative;justify-content:center}.fs-color-cell>span,.fs-color-dot{width:28px;height:28px;border:2px solid var(--border);border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}.fs-color-dot-wrap input[type=color]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.fs-care-lib-item input,.fs-care-lib-item textarea,.fs-fabric-editor input,.fs-fabric-editor select,.fs-fabric-editor textarea,.fs-field input,.fs-field select,.fs-field textarea,.fs-group-name,.fs-history-table,.fs-sample-form input,.fs-sample-form select,.fs-search input,.fs-side-table input{border:1px solid var(--fs-line);border-radius:4px;background:var(--input-bg);color:var(--text)}.fs-group-name{min-height:35px;padding:6px 10px;font-size:14px;font-weight:750}.fs-count-pill,.fs-tag{min-height:26px;padding:3px 8px;border-radius:5px;border:1px solid color-mix(in srgb,var(--fs-border) 80%,transparent);background:var(--fs-panel-muted);font-size:13px;font-weight:750;white-space:nowrap}.fs-count-pill,.fs-expand,.fs-filter-toggle,.fs-tag,.fs-x-button{display:inline-flex;align-items:center;color:var(--fs-text-muted)}.fs-expand,.fs-filter-toggle,.fs-x-button{justify-content:center;min-width:28px;min-height:28px;border:0;border-radius:4px;background:transparent;font-weight:900;cursor:pointer}.fs-filter-toggle.active{background:color-mix(in srgb,var(--fs-accent) 12%,transparent);color:var(--fs-blue-dark)}.fs-x-button:hover{background:color-mix(in srgb,var(--fs-red) 10%,transparent);color:var(--fs-red)}.fs-empty-state,.fs-empty-text,.fs-field-note,.fs-help,.fs-hint{color:var(--fs-text-muted)}.fs-catalogue-inner{display:grid;grid-gap:12px;gap:12px;padding:14px}.fs-toolbar{display:grid;grid-template-columns:minmax(230px,320px) auto 1fr auto;align-items:center;grid-gap:10px;gap:10px}.fs-search{display:flex;align-items:center;gap:8px;min-height:46px;border:1px solid var(--fs-line);border-radius:5px;padding:0 12px;background:var(--input-bg);color:var(--fs-text-muted)}.fs-search input{width:100%;border:0;background:transparent;font-weight:700;outline:none}.fs-filter-buttons{display:inline-flex;align-items:center}.fs-filter-buttons button{min-height:36px;padding:6px 14px;border:1px solid var(--fs-line);border-left:0;background:var(--fs-panel);color:var(--fs-text-muted);font-size:13.5px;font-weight:750;cursor:pointer}.fs-filter-buttons button:first-child{border-left:1px solid var(--fs-line);border-radius:4px 0 0 4px}.fs-filter-buttons button:last-child{border-radius:0 4px 4px 0}.fs-filter-buttons button.active{background:var(--fs-accent);color:#fff;border-color:var(--fs-accent)}.fs-file-button{position:relative;overflow:hidden}.fs-file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.fs-validation{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:8px 10px;gap:8px 10px;min-height:52px;border:1px solid;border-left:5px solid;border-radius:4px;padding:10px 14px;font-size:14px;font-weight:750}.fs-validation small{grid-column:2;color:inherit;font-weight:600;opacity:.85}.fs-validation.ok{border-color:color-mix(in srgb,var(--fs-success) 34%,var(--border));background:var(--fs-success-soft);color:var(--fs-success)}.fs-validation.warn{border-color:color-mix(in srgb,var(--fs-warning) 42%,var(--border));background:var(--fs-warning-soft);color:var(--fs-warning)}.fs-validation.bad{border-color:color-mix(in srgb,var(--fs-error) 42%,var(--border));background:var(--fs-error-soft);color:var(--fs-error)}.fs-stats-bar{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:4px 0 10px;border-bottom:1px solid var(--fs-line);color:var(--fs-text-muted);font-size:13.5px;font-weight:650}.fs-stats-bar strong{color:var(--text)}.fs-bulk-bar{display:flex;align-items:center;gap:8px;min-height:42px;border:1px solid color-mix(in srgb,var(--fs-accent) 30%,var(--border));border-radius:4px;background:color-mix(in srgb,var(--fs-accent) 7%,var(--fs-panel));padding:8px 10px;font-size:13.5px;font-weight:750}.fs-bulk-bar button{border:1px solid var(--fs-line);border-radius:4px;background:var(--fs-panel);padding:5px 9px;cursor:pointer}.fs-fabric-list{display:grid;grid-gap:0;gap:0}.fs-fabric-row{border:1px solid var(--fs-line);border-bottom:0;background:var(--fs-panel);container-type:inline-size}.fs-fabric-row:first-child{border-radius:4px 4px 0 0}.fs-fabric-row:last-child{border-bottom:1px solid var(--fs-line);border-radius:0 0 4px 4px}.fs-fabric-row.disabled{opacity:.68}.fs-fabric-header{display:grid;grid-template-columns:24px 24px 16px minmax(140px,200px) minmax(0,1fr) 30px;align-items:center;grid-gap:6px;gap:6px;min-height:62px;padding:10px 12px;cursor:pointer}.fs-fabric-name{font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-status-dot{width:10px;height:10px;border-radius:999px;background:#c3c4c7}.fs-status-dot.enabled{background:var(--fs-green)}.fs-status-dot.disabled{background:#c3c4c7}.fs-status-dot.warning{background:var(--fs-warning)}.fs-status-dot.error{background:var(--fs-error)}.fs-fabric-meta{display:flex;align-items:center;flex-wrap:nowrap;min-width:0;overflow:visible;gap:5px;color:var(--fs-text-muted);font-size:13px;font-weight:650}.fs-fabric-meta>*{flex:0 0 auto}.fs-fabric-meta>.fs-tag:first-child{flex:1 1 135px;max-width:180px;min-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-fabric-meta>span:not([class]){white-space:nowrap}.fs-price{color:var(--fs-accent-strong)}.fs-price.muted{color:var(--fs-text-muted)}.fs-price-stack{display:inline-flex;align-items:baseline;flex-wrap:nowrap;flex:0 0 auto;gap:4px;line-height:1.1;white-space:nowrap}.fs-price-old{color:var(--fs-text-muted);font-weight:750;text-decoration:line-through;text-decoration-thickness:2px}.fs-price-sale{color:var(--fs-red);font-weight:800}.fs-price-planned{color:var(--fs-warning);font-size:.86rem;font-weight:850}.fs-sale-badge{display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;border:1px solid var(--fs-border);border-radius:999px;background:var(--fs-panel-muted);color:var(--fs-text);font-size:12.5px;font-weight:750;white-space:nowrap}.fs-sale-badge.active{border-color:color-mix(in srgb,var(--fs-red) 38%,var(--fs-border));background:color-mix(in srgb,var(--fs-red) 11%,var(--fs-panel));color:var(--fs-red)}.fs-sale-badge.planned{border-color:color-mix(in srgb,var(--fs-warning) 42%,var(--fs-border));background:color-mix(in srgb,var(--fs-warning) 12%,var(--fs-panel));color:color-mix(in srgb,var(--fs-warning) 72%,var(--fs-text))}.fs-sale-badge.expired{color:var(--fs-text-muted)}.fs-sale-badge.invalid{border-color:color-mix(in srgb,var(--fs-red) 32%,var(--fs-border));background:color-mix(in srgb,var(--fs-red) 8%,var(--fs-panel));color:var(--fs-red)}.fs-computed{display:inline-flex;align-items:center;min-height:38px;color:var(--fs-text);font-size:14px;font-weight:750}.fs-computed.sale-active{color:var(--fs-red)}.fs-computed.sale-planned{color:color-mix(in srgb,var(--fs-warning) 76%,var(--fs-text))}.fs-computed.muted,.fs-computed.sale-expired,.fs-computed.sale-none{color:var(--fs-text-muted)}.fs-computed.sale-invalid{color:var(--fs-red)}.fs-sale-notices{display:grid;grid-gap:4px;gap:4px;margin:-4px 0 0 190px}.fs-sale-notices p{margin:0;color:var(--fs-red);font-size:.86rem;font-weight:750}.fs-membrane{flex:0 0 auto;max-width:none;overflow:visible;border:1px solid color-mix(in srgb,var(--fs-info) 32%,var(--border));border-radius:999px;background:var(--fs-info-soft);color:var(--fs-info-strong);text-overflow:clip}.fs-group-badge,.fs-membrane{display:inline-flex;align-items:center;min-height:27px;min-width:0;padding:3px 8px;font-weight:750;white-space:nowrap}.fs-group-badge{flex:0 1 120px;gap:5px;max-width:140px;overflow:hidden;border:1px solid;border-radius:999px;background:var(--fs-panel);text-overflow:ellipsis}.fs-group-badge span{width:10px;height:10px}.fs-color-dots i,.fs-group-badge span{border-radius:999px;border:1px solid var(--border)}.fs-color-dots i{width:20px;height:20px;box-shadow:0 0 0 1px color-mix(in srgb,var(--fs-panel) 80%,transparent)}.fs-care-dots,.fs-color-dots{display:inline-flex;align-items:center;flex:0 0 auto;gap:5px}.fs-care-dots img{width:18px;height:18px;object-fit:contain}.fs-row-issues{display:inline-flex;align-items:center;flex:1 1 180px;max-width:360px;min-width:120px;overflow:hidden;color:var(--fs-warning);font-size:12.5px;font-weight:750;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.fs-row-issues.error{color:var(--fs-error)}@container (max-width: 1240px){.fs-fabric-header{grid-template-columns:24px 24px 16px minmax(0,1fr) 30px;row-gap:6px}.fs-fabric-meta{grid-column:1/-1;flex-wrap:wrap;overflow:visible}.fs-fabric-meta>.fs-tag:first-child{flex:0 1 auto;max-width:min(180px,100%)}.fs-membrane{max-width:100%}.fs-group-badge{max-width:min(140px,100%)}.fs-row-issues{flex:1 1 100%;max-width:100%;min-width:0;overflow:visible;white-space:normal}}.fs-expand.open svg{transform:rotate(180deg)}.fs-fabric-editor{display:grid;grid-gap:14px;gap:14px;padding:18px 18px 14px;border-top:1px solid var(--fs-line);background:var(--fs-panel-muted)}.fs-editor-tabs{display:flex;align-items:flex-end;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--fs-line)}.fs-editor-tabs button{min-height:40px;padding:8px 14px;border:1px solid transparent;border-bottom:0;border-radius:4px 4px 0 0;background:transparent;color:var(--fs-text-muted);font-size:14px;font-weight:750;cursor:pointer}.fs-editor-tabs button.active{border-color:var(--fs-line);background:var(--fs-panel);color:var(--text);transform:translateY(1px)}.fs-editor-grid,.fs-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.fs-card,.fs-editor-section{display:grid;grid-gap:12px;gap:12px;align-content:start;padding:16px}.fs-editor-section{border:1px solid var(--fs-line);border-radius:5px;background:var(--fs-panel)}.fs-editor-section.full{grid-column:1/-1}.fs-card h2,.fs-care-card h4,.fs-editor-section h3,.fs-sample-form h3{margin:0;padding-bottom:8px;border-bottom:1px solid var(--border);color:var(--fs-text-muted);font-size:15px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.fs-card h2{display:inline-flex;align-items:center;gap:8px;color:var(--text);text-transform:none;border-bottom:0;padding-bottom:0}.fs-card-head p{margin:4px 0 0;color:var(--fs-text-muted)}.fs-field{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:start;grid-gap:10px;gap:10px}.fs-field>span{padding-top:9px;color:var(--fs-text-muted);font-size:13px;font-weight:650}.fs-field>div{display:flex;align-items:center;gap:8px;min-width:0}.fs-fabric-editor textarea,.fs-field input,.fs-field select,.fs-field textarea{width:100%;min-height:38px;padding:8px 10px;font:inherit;font-size:14px}.fs-fabric-editor textarea,.fs-field textarea{resize:vertical}.fs-field .mono,.fs-side-table .mono,.fs-tag{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.fs-field-note{margin:-6px 0 0 190px;font-size:.86rem}.fs-toggle{display:inline-flex;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;cursor:pointer;font-size:13.5px;font-weight:650}.fs-toggle input{position:absolute;opacity:0;pointer-events:none}.fs-toggle>span{position:relative;width:46px;height:26px;border-radius:999px;background:#c3c4c7;transition:background .16s ease}.fs-toggle>span:after{content:"";position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:999px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.22);transition:transform .16s ease}.fs-toggle input:checked+span{background:var(--fs-green)}.fs-toggle input:checked+span:after{transform:translateX(20px)}.fs-toggle.compact>span{width:40px;height:22px}.fs-toggle.compact>span:after{top:3px;width:16px;height:16px}.fs-toggle.compact input:checked+span:after{transform:translateX(18px)}.fs-toggle em{font-style:normal}.fs-image-upload{position:relative;width:min(100%,240px);max-width:100%}.fs-image-preview{position:relative;display:grid;place-items:center;width:100%;min-height:154px;aspect-ratio:1.56/1;overflow:hidden;border:1px dashed var(--fs-border-strong);border-radius:8px;background:var(--fs-panel-muted);color:var(--fs-text-muted);font-weight:800;text-align:center;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fs-panel) 70%,transparent);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.fs-image-preview.has-image{border-style:solid;background:var(--fs-panel)}.fs-image-preview:focus-within,.fs-image-preview:hover{border-color:var(--fs-accent);background:color-mix(in srgb,var(--fs-accent) 6%,var(--fs-panel));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fs-accent) 16%,transparent)}.fs-image-preview.disabled{cursor:not-allowed;opacity:.68}.fs-image-preview img{width:100%;height:100%;object-fit:cover}.fs-image-plus{display:inline-grid;place-items:center;width:56px;height:56px;border:1px dashed var(--fs-border-strong);border-radius:8px;color:var(--fs-text-muted);font-size:2rem;line-height:1}.fs-image-preview input{position:absolute;inset:0;opacity:0;cursor:pointer}.fs-image-preview.disabled input{cursor:not-allowed}.fs-image-remove{position:absolute;top:8px;right:8px;z-index:2;display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid color-mix(in srgb,var(--fs-error) 38%,var(--fs-border));border-radius:999px;background:color-mix(in srgb,var(--fs-panel) 88%,var(--fs-error));color:var(--fs-error);font-size:1rem;font-weight:900;line-height:1;cursor:pointer;box-shadow:var(--shadow-sm)}.fs-image-remove:focus-visible,.fs-image-remove:hover{border-color:var(--fs-error);background:var(--fs-error-soft);outline:none}.fs-image-remove:disabled{cursor:not-allowed;opacity:.58}.fs-asset-status{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;max-width:100%;min-height:26px;margin:0;border:1px solid var(--fs-border);border-radius:999px;background:var(--fs-panel-muted);color:var(--fs-text-muted);padding:3px 9px;font-size:.78rem;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.fs-asset-status.synced{border-color:color-mix(in srgb,var(--fs-success) 34%,var(--border));background:var(--fs-success-soft);color:var(--fs-success)}.fs-asset-status.failed{border-color:color-mix(in srgb,var(--fs-error) 34%,var(--border));background:var(--fs-error-soft);color:var(--fs-error)}.fs-asset-status.local_only{border-color:color-mix(in srgb,var(--fs-warning) 38%,var(--border));background:var(--fs-warning-soft);color:var(--fs-warning)}.fs-asset-status.empty{border-style:dashed}.fs-field-note.inline{margin-left:0;overflow-wrap:anywhere}.fs-blue-panel,.fs-hint-box{border:1px solid color-mix(in srgb,var(--fs-accent) 24%,var(--fs-border));border-radius:4px;background:color-mix(in srgb,var(--fs-accent) 7%,var(--fs-panel));color:var(--text)}.fs-blue-panel{display:grid;grid-gap:10px;gap:10px;padding:14px}.fs-hint-box{padding:12px 14px;font-size:14px;font-weight:650;line-height:1.5}.fs-side-head{padding:4px 0 10px;color:var(--fs-text-muted);font-size:13px;font-weight:750}.fs-history-table,.fs-side-table{width:100%;border-collapse:collapse;overflow:hidden}.fs-history-table td,.fs-history-table th,.fs-side-table td,.fs-side-table th{padding:10px 8px;border-bottom:1px solid var(--fs-line);text-align:left;vertical-align:top}.fs-history-table th,.fs-side-table th{color:var(--fs-text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.fs-side-table input{min-height:34px;padding:6px 8px}.fs-color-cell input[type=color]{width:34px;min-width:34px;padding:0}.fs-color-cell input:not([type=color]){width:92px}.fs-care-grid,.fs-care-library-grid{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));grid-gap:14px;gap:14px}.fs-care-card,.fs-care-lib-item{display:grid;grid-gap:10px;gap:10px;align-content:start;border:1px solid var(--fs-line);border-radius:5px;background:var(--fs-panel);padding:14px}.fs-care-selected{display:flex;align-items:center;gap:8px;min-height:64px;border:1px solid var(--fs-border);border-radius:7px;background:var(--fs-panel-muted);padding:10px;color:var(--fs-text-muted)}.fs-care-selected strong{color:var(--text)}.fs-care-lib-thumb img,.fs-care-selected img,.fs-symbol-picker img{max-width:54px;max-height:54px;object-fit:contain}.fs-care-selected button{margin-left:auto;border:0;background:transparent;color:var(--fs-text-muted);cursor:pointer}.fs-symbol-picker{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px}.fs-symbol-picker button{display:grid;place-items:center;min-height:58px;border:1px solid var(--fs-line);border-radius:5px;background:var(--fs-panel);color:var(--text);cursor:pointer}.fs-symbol-picker button:focus-visible,.fs-symbol-picker button:hover:not(:disabled){border-color:var(--fs-accent);background:color-mix(in srgb,var(--fs-accent) 7%,var(--fs-panel))}.fs-symbol-picker button.selected{border-color:var(--fs-accent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--fs-accent) 24%,transparent);background:color-mix(in srgb,var(--fs-accent) 8%,var(--fs-panel))}.fs-care-card>input,.fs-care-lib-item input,.fs-care-lib-item textarea,.fs-sample-form input,.fs-sample-form select{width:100%;min-height:36px;padding:7px 9px}.fs-effective-text{border:1px solid var(--fs-border);border-radius:5px;background:var(--fs-panel-muted);color:var(--text);padding:10px;font-size:.9rem}.fs-sku-preview{display:grid;grid-gap:9px;gap:9px;border:1px solid var(--fs-border);border-left:4px solid var(--fs-accent);border-radius:6px;background:var(--fs-panel);color:var(--text);padding:14px 16px}.fs-sku-preview h3{margin:0;color:var(--fs-text-muted);font-size:.86rem;text-transform:uppercase;letter-spacing:.04em}.fs-sku-preview div{display:flex;flex-wrap:wrap;gap:8px}.fs-sku-preview span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--fs-border);border-left:3px solid var(--fs-accent);border-radius:4px;background:var(--fs-panel-muted);color:var(--text);padding:7px 10px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;font-weight:750}.fs-sku-preview span.disabled{color:var(--fs-text-muted);opacity:.72}.fs-sku-preview i{width:11px;height:11px;border-radius:999px;background:#fff}.fs-card{padding:18px}.fs-care-library-category{display:grid;grid-gap:10px;gap:10px;padding-top:12px;border-top:1px solid var(--border)}.fs-care-library-category h3{margin:0;font-size:15px}.fs-care-library-category h3 span{color:var(--fs-text-muted);font-weight:700}.fs-care-lib-thumb{position:relative;display:grid;place-items:center;width:68px;height:68px;border:1px dashed var(--fs-border-strong);border-radius:8px;background:var(--fs-panel-muted);color:var(--fs-text-muted);font-size:1.5rem;font-weight:800}.fs-care-lib-thumb.has-image{border-style:solid;background:var(--fs-panel)}.fs-care-lib-thumb:focus-within,.fs-care-lib-thumb:hover{border-color:var(--fs-accent);background:color-mix(in srgb,var(--fs-accent) 6%,var(--fs-panel))}.fs-care-lib-thumb input{position:absolute;inset:0;opacity:0}.fs-care-lib-item textarea{min-height:88px}.fs-add-symbol,.fs-care-lib-item button{border:0;background:transparent;color:var(--fs-text-muted);cursor:pointer;font-size:13.5px;font-weight:750}.fs-add-symbol{display:grid;place-items:center;align-content:center;grid-gap:7px;gap:7px;min-height:90px;border:1px dashed var(--fs-line);border-radius:5px;background:var(--fs-panel-muted);color:var(--fs-text-muted)}.fs-add-symbol:focus-visible,.fs-add-symbol:hover:not(:disabled){border-color:var(--fs-accent);background:color-mix(in srgb,var(--fs-accent) 7%,var(--fs-panel));color:var(--fs-accent-strong)}.fs-sample-form,.fs-sample-list{display:grid;grid-gap:9px;gap:9px}.fs-sample-form label{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:650}.fs-sample-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;grid-gap:8px;gap:8px;border:1px solid var(--border);border-radius:5px;padding:9px 10px}.fs-sample-list span{color:var(--fs-text-muted)}.fs-sample-list button{border:0;background:transparent;color:var(--fs-red);cursor:pointer}.fs-samples-studio{gap:14px}.fs-samples-toolbar{display:grid;grid-template-columns:minmax(220px,320px) minmax(180px,240px) minmax(0,1fr);align-items:center;grid-gap:10px;gap:10px}.fs-bulk-bar input,.fs-samples-toolbar select{min-height:36px;border:1px solid var(--fs-line);border-radius:4px;background:var(--input-bg);color:var(--text);padding:6px 10px;font-size:13.5px}.fs-sample-pattern-list{display:grid;grid-gap:12px;gap:12px}.fs-sample-pattern{display:grid;grid-gap:10px;gap:10px;border:1px solid var(--fs-line);border-radius:6px;background:var(--fs-panel);padding:12px}.fs-sample-pattern-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--fs-line)}.fs-sample-pattern-head span,.fs-sample-pattern-head strong{display:block}.fs-sample-pattern-head span{color:var(--fs-text-muted);font-size:12.5px;font-weight:650;margin-top:3px}.fs-sample-material-grid{display:grid;grid-gap:8px;gap:8px}.fs-sample-material{display:grid;grid-template-columns:minmax(160px,1.1fr) auto minmax(150px,.8fr) minmax(220px,1fr);align-items:center;grid-gap:8px 10px;gap:8px 10px;border:1px solid var(--fs-line);border-left:4px solid var(--fs-border);border-radius:5px;background:var(--fs-panel-muted);padding:10px}.fs-sample-material.ready{border-left-color:var(--fs-success)}.fs-sample-material.missing-price,.fs-sample-material.missing-render{border-left-color:var(--fs-warning)}.fs-sample-material.dirty{background:color-mix(in srgb,var(--fs-warning) 7%,var(--fs-panel))}.fs-sample-material .fs-field{grid-template-columns:92px minmax(0,1fr);margin:0}.fs-sample-material .fs-field>span{padding-top:8px}.fs-sample-material .fs-field input{min-height:34px}.fs-sample-select{display:inline-flex;align-items:center;gap:8px;min-width:0;font-weight:750}.fs-sample-select span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-samples-chip{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;min-height:25px;border:1px solid var(--fs-border);border-radius:999px;background:var(--fs-panel);color:var(--fs-text-muted);padding:3px 8px;font-size:12.5px;font-weight:800;white-space:nowrap}.fs-samples-chip.on{border-color:color-mix(in srgb,var(--fs-success) 34%,var(--fs-border));background:var(--fs-success-soft);color:var(--fs-success)}.fs-samples-chip.warn{border-color:color-mix(in srgb,var(--fs-warning) 38%,var(--fs-border));background:var(--fs-warning-soft);color:var(--fs-warning)}.fs-sample-price-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;color:var(--fs-text-muted);font-size:12.5px;font-weight:650}.fs-sample-price-line strong{color:var(--text)}.fs-sample-price-line em{font-style:normal;color:var(--fs-accent-strong);font-weight:750}.fs-sample-render-current,.fs-sample-render-history{grid-column:1/-1;border-top:1px solid var(--fs-line);padding-top:10px}.fs-sample-render-current{display:grid;grid-gap:4px;gap:4px}.fs-sample-render-current>span{color:var(--fs-text-muted);font-size:12px;font-weight:750}.fs-sample-render-current>strong{font-size:13px}.fs-sample-render-current a,.fs-sample-render-history a{display:inline-flex;align-items:center;gap:4px;width:-moz-fit-content;width:fit-content;color:var(--fs-accent-strong);font-size:12px;font-weight:750}.fs-sample-render-history summary{cursor:pointer;font-size:12.5px;font-weight:800}.fs-sample-render-history>div{display:grid;grid-gap:6px;gap:6px;margin-top:8px}.fs-sample-render-history p{display:grid;grid-gap:2px;gap:2px;margin:0;border-left:2px solid var(--fs-line);padding-left:8px;color:var(--fs-text-muted);font-size:12px}.fs-sample-render-history p.current{border-left-color:var(--fs-success);color:var(--text)}.fs-sample-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.fs-dashboard-stat{display:grid;grid-gap:5px;gap:5px;border:1px solid var(--fs-line);border-radius:6px;background:var(--fs-panel-muted);padding:12px}.fs-dashboard-stat span{color:var(--fs-text-muted);font-size:12.5px;font-weight:750}.fs-dashboard-stat strong{color:var(--text);font-size:24px;line-height:1}.fs-dashboard-stat.warn{border-color:color-mix(in srgb,var(--fs-warning) 28%,var(--fs-line));background:var(--fs-warning-soft)}.fs-dashboard-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.fs-dashboard-panel{display:grid;align-content:start;grid-gap:8px;gap:8px;border:1px solid var(--fs-line);border-radius:6px;background:var(--fs-panel);padding:12px}.fs-dashboard-panel h3{margin:0;color:var(--text);font-size:14px}.fs-dashboard-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--fs-line);padding-top:8px}.fs-dashboard-row>div{min-width:0}.fs-dashboard-row span,.fs-dashboard-row strong{display:block}.fs-dashboard-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:13.5px}.fs-dashboard-row span{color:var(--fs-text-muted);font-size:12.5px}@media (max-width:1280px){.fs-dashboard-panels,.fs-sample-dashboard-grid,.fs-sample-material,.fs-samples-toolbar{grid-template-columns:1fr}}.fs-run{display:inline-flex;border:1px solid var(--fs-border);border-radius:999px;padding:3px 9px;background:var(--fs-panel-muted);color:var(--fs-text-muted);font-size:12.5px;font-weight:750;text-transform:uppercase}.fs-run.success{border-color:color-mix(in srgb,var(--fs-success) 34%,var(--border));background:var(--fs-success-soft);color:var(--fs-success)}.fs-run.failed{border-color:color-mix(in srgb,var(--fs-error) 34%,var(--border));background:var(--fs-error-soft);color:var(--fs-error)}.fs-save-bar{position:-webkit-sticky;position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:64px;border:1px solid var(--fs-line);border-radius:4px;background:color-mix(in srgb,var(--fs-panel) 94%,transparent);padding:12px 14px;box-shadow:0 -10px 28px rgba(0,0,0,.07);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fs-dirty-badge{color:var(--fs-warning);font-weight:800}@media (max-width:1280px){.fs-care-grid,.fs-care-library-grid,.fs-toolbar{grid-template-columns:1fr}.fs-fabric-header{align-items:start}.fs-group-row{grid-template-columns:22px 32px minmax(0,1fr) auto 30px 26px;align-items:center;gap:6px;min-height:44px;padding:6px 8px}.fs-group-row .fs-color-dot{width:24px;height:24px}.fs-group-row .fs-group-name{min-height:32px;padding:5px 8px;font-size:13px}.fs-group-row .fs-count-pill{min-height:24px;padding:2px 7px;font-size:12px}.fs-group-row .fs-filter-toggle,.fs-group-row .fs-x-button{min-width:24px;min-height:24px}.fs-fabric-meta{flex-wrap:wrap;overflow:visible}.fs-fabric-meta>.fs-tag:first-child,.fs-group-badge{flex:0 1 auto;max-width:100%}.fs-membrane{flex:0 0 auto;max-width:100%}.fs-field{grid-template-columns:1fr}.fs-field-note,.fs-sale-notices{margin-left:0}}@media (max-width:900px){.fs-editor-grid,.fs-settings-grid{grid-template-columns:1fr}.fs-editor-section.full{grid-column:auto}.fs-editor-tabs button,.fs-top-tabs a,.fs-top-tabs button{flex:1 1 160px}}.studio-manual{display:grid;grid-gap:18px;gap:18px;min-width:0}.studio-manual-intro{display:grid;grid-gap:8px;gap:8px}.studio-manual-group p,.studio-manual-intro p,.studio-manual-section>header p{margin:0;color:var(--text-soft);line-height:1.6}.studio-manual-version{width:-moz-fit-content;width:fit-content;padding:4px 8px;border:1px solid color-mix(in srgb,var(--brand) 28%,var(--border));border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font-size:11px;font-weight:800}.studio-manual-principles,.studio-manual-toc{padding:16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2)}.studio-manual-subhead{display:flex;gap:8px;align-items:center;color:var(--brand-strong)}.studio-manual-subhead h3,.studio-manual-toc h3{margin:0;color:var(--text);font-size:15px}.studio-manual ol,.studio-manual ul{display:grid;grid-gap:7px;gap:7px;margin:10px 0 0;padding-left:22px;color:var(--text-soft);line-height:1.55}.studio-manual li::marker{color:var(--brand);font-weight:800}.studio-manual-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.studio-manual-toc a{color:var(--brand-strong);font-weight:700;text-decoration:none}.studio-manual-toc a:hover{text-decoration:underline}.studio-manual-groups,.studio-manual-sections{display:grid;grid-gap:16px;gap:16px}.studio-manual-section{scroll-margin-top:126px;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}.studio-manual-section>header{display:grid;grid-gap:5px;gap:5px;padding:16px;border-bottom:1px solid var(--border);background:var(--surface-2)}.studio-manual-section>header h3{margin:0;color:var(--text);font-size:17px}.studio-manual-section>header p{font-size:13px}.studio-manual-groups{padding:16px}.studio-manual-group{min-width:0}.studio-manual-group+.studio-manual-group{padding-top:16px;border-top:1px solid var(--border)}.studio-manual-group h4{margin:0;color:var(--text);font-size:14px}.studio-manual-group>p{margin-top:8px;font-size:13px}.studio-manual-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.studio-manual-notice{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:10px;gap:10px;margin-top:14px;padding:12px;border:1px solid color-mix(in srgb,var(--blue) 34%,var(--border));border-radius:var(--r-sm);background:var(--blue-soft);color:var(--blue)}.studio-manual-notice.warning{border-color:color-mix(in srgb,var(--warning) 38%,var(--border));background:var(--warning-soft);color:var(--warning)}.studio-manual-notice.success{border-color:color-mix(in srgb,var(--green) 34%,var(--border));background:var(--green-soft);color:var(--green)}.studio-manual-notice strong{display:block;color:currentColor;font-size:13px}.studio-manual-notice p{margin-top:3px;color:var(--text-soft);font-size:12px;line-height:1.5}@media (max-width:760px){.studio-manual-toc ol{grid-template-columns:1fr}.studio-manual-groups,.studio-manual-principles,.studio-manual-section>header,.studio-manual-toc{padding:14px}}