@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg:#fff;--color-bg-subtle:#fafafa;--color-surface:#fff;--color-surface-hover:#f5f5f5;--color-text:#0a0a0a;--color-text-secondary:#666;--color-text-tertiary:#999;--color-border:#e5e5e5;--color-border-strong:#d4d4d4;--color-accent:#0a0a0a;--color-accent-hover:#262626;--color-accent-light:hsla(0,0%,4%,.06);--color-success:#22c55e;--color-success-light:rgba(34,197,94,.1);--color-error:#ef4444;--color-error-light:rgba(239,68,68,.1);--color-warning:#f59e0b;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"SF Mono","Fira Code",monospace;--gap-xs:8px;--gap-sm:12px;--gap-md:16px;--gap-lg:24px;--gap-xl:32px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 2px 8px rgba(0,0,0,.06);--shadow-lg:0 4px 16px rgba(0,0,0,.08)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#0a0a0a;--color-bg-subtle:#111;--color-surface:#141414;--color-surface-hover:#1a1a1a;--color-text:#f5f5f5;--color-text-secondary:#a0a0a0;--color-text-tertiary:#666;--color-border:#262626;--color-border-strong:#333;--color-accent:#f5f5f5;--color-accent-hover:#e5e5e5;--color-accent-light:hsla(0,0%,96%,.08);--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 2px 8px rgba(0,0,0,.3);--shadow-lg:0 4px 16px rgba(0,0,0,.4)}}:root[data-theme=dark]{--color-bg:#0a0a0a;--color-bg-subtle:#111;--color-surface:#141414;--color-surface-hover:#1a1a1a;--color-text:#f5f5f5;--color-text-secondary:#a0a0a0;--color-text-tertiary:#666;--color-border:#262626;--color-border-strong:#333;--color-accent:#f5f5f5;--color-accent-hover:#e5e5e5;--color-accent-light:hsla(0,0%,96%,.08);--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 2px 8px rgba(0,0,0,.3);--shadow-lg:0 4px 16px rgba(0,0,0,.4)}:root[data-theme=light]{--color-bg:#fff;--color-bg-subtle:#fafafa;--color-surface:#fff;--color-surface-hover:#f5f5f5;--color-text:#0a0a0a;--color-text-secondary:#666;--color-text-tertiary:#999;--color-border:#e5e5e5;--color-border-strong:#d4d4d4;--color-accent:#0a0a0a;--color-accent-hover:#262626;--color-accent-light:hsla(0,0%,4%,.06);--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 2px 8px rgba(0,0,0,.06);--shadow-lg:0 4px 16px rgba(0,0,0,.08)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light dark}[data-theme=dark]{color-scheme:dark}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}button{cursor:pointer}::-moz-selection{background:var(--color-text);color:var(--color-bg)}::selection{background:var(--color-text);color:var(--color-bg)}@media(max-width:600px){html{-webkit-tap-highlight-color:transparent}body{overflow-x:hidden}}.page-shell{background:var(--color-bg);min-height:100vh;position:relative}.kv-container{margin:0 auto;max-width:1200px;padding:0 32px 120px}.nav-bar{border-bottom:1px solid var(--color-border);justify-content:space-between;margin-bottom:var(--gap-xl);padding:20px 0}.nav-bar,.nav-brand{align-items:center;display:flex;gap:var(--gap-md)}.nav-brand{min-width:0}.nav-mark{background:var(--color-text);border-radius:var(--radius-sm);flex-shrink:0;height:32px;width:32px}.nav-title{color:var(--color-text);font-family:var(--font-sans);font-size:1rem;font-weight:600;letter-spacing:-.02em;white-space:nowrap}.nav-subtitle{color:var(--color-text-tertiary);font-size:.8rem}.section-grid{display:grid;gap:var(--gap-xl);grid-template-columns:repeat(12,1fr)}.section-stack{display:grid;gap:var(--gap-lg)}@media(max-width:960px){.kv-container{padding:0 24px 80px}.section-grid{gap:var(--gap-lg);grid-template-columns:1fr}.nav-bar{margin-bottom:var(--gap-lg)}}@media(max-width:600px){.kv-container{padding:0 16px 60px}.nav-bar{margin-bottom:var(--gap-md);padding:16px 0}.nav-mark{height:28px;width:28px}.nav-title{font-size:.9rem}.nav-subtitle{display:none}.section-stack{gap:var(--gap-md)}}@media(max-width:380px){.kv-container{padding:0 12px 48px}}.kv-hero{display:grid;gap:var(--gap-lg);grid-column:span 7;padding:8px 0}.kv-hero-title{color:var(--color-text);font-family:var(--font-sans);font-size:clamp(2rem,4vw,3.2rem);font-weight:700;letter-spacing:-.03em;line-height:1.1}.kv-hero-title span{color:var(--color-text-secondary);display:block}.kv-hero-body{color:var(--color-text-secondary);font-size:1rem;line-height:1.7;max-width:480px}.kv-hero-actions{display:flex;flex-wrap:wrap;gap:var(--gap-sm)}.kv-hero-metrics{display:grid;gap:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.kv-metric-card{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px}.kv-metric-label{color:var(--color-text-tertiary);font-size:.7rem;font-weight:500;letter-spacing:1.5px;text-transform:uppercase}.kv-metric-value{color:var(--color-text);font-family:var(--font-sans);font-size:1.1rem;font-weight:600;margin-top:4px}.kv-surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:var(--gap-lg);grid-column:span 5;padding:28px}.segmented-tabs{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-full);display:inline-flex;gap:2px;overflow-x:auto;padding:3px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.segmented-tabs::-webkit-scrollbar{display:none}.segmented-tabs button{background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;font-size:.8rem;font-weight:500;padding:7px 14px;transition:all .15s ease;white-space:nowrap}.segmented-tabs button:hover{color:var(--color-text)}.segmented-tabs button.active{background:var(--color-text);color:var(--color-bg)}.workbench-shell{margin-top:var(--gap-xl)}.workbench-shell-surface{grid-column:span 12}.workbench-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;gap:var(--gap-md);padding:20px}.workbench-title{color:var(--color-text);font-family:var(--font-sans);font-size:1rem;font-weight:600}.workbench-header{align-items:center;justify-content:space-between}.workbench-actions,.workbench-header{display:flex;flex-wrap:wrap;gap:var(--gap-sm)}.kv-action{align-items:center;background:var(--color-text);border:1px solid var(--color-text);border-radius:var(--radius-sm);color:var(--color-bg);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:8px;justify-content:center;letter-spacing:-.01em;min-height:36px;padding:8px 16px;transition:all .15s ease;white-space:nowrap}.kv-action:hover{opacity:.85}.kv-action:active{transform:scale(.98)}.kv-action.secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.kv-action.secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-strong)}.kv-action:disabled{cursor:not-allowed;opacity:.4;transform:none}.history-section{margin-top:var(--gap-xl)}.history-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:grid;gap:var(--gap-lg);padding:28px}.history-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--gap-md);justify-content:space-between}.history-filters{display:flex;flex-wrap:wrap;gap:var(--gap-sm)}.history-title{font-size:1.3rem;font-weight:700;letter-spacing:-.02em}.history-group,.history-group-header{display:grid;gap:var(--gap-md)}.history-group-header{align-items:center;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);grid-template-columns:auto 1fr auto;padding:8px 12px}.history-group-divider{background:var(--color-border);height:1px}.history-group-title{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:.85rem;font-weight:600}.history-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid;gap:var(--gap-md);grid-template-columns:120px 1fr auto;padding:16px;transition:border-color .15s ease}.history-card:hover{border-color:var(--color-border-strong)}.history-preview{aspect-ratio:1;background:var(--color-bg-subtle);border-radius:var(--radius-sm);cursor:pointer;overflow:hidden}.history-preview img,.history-preview video{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.history-meta{align-items:center;color:var(--color-text-tertiary);display:flex;flex-wrap:wrap;font-size:.8rem;gap:var(--gap-sm)}.history-actions{align-items:start;display:grid;gap:var(--gap-xs)}.chip{align-items:center;background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:.7rem;font-weight:500;gap:4px;padding:3px 10px}.input-field,.select-field{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font-sans);font-size:.85rem;min-height:36px;padding:8px 12px;transition:border-color .15s ease}.input-field:focus,.select-field:focus{border-color:var(--color-text);outline:none}.form-grid{display:grid;gap:var(--gap-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-item{color:var(--color-text-secondary);display:grid;font-size:.85rem;gap:6px}.form-item label{font-size:.8rem;font-weight:500}.upload-zone{background:var(--color-bg-subtle);border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;padding:32px;position:relative;transition:all .15s ease}.upload-zone:hover{background:var(--color-surface-hover);border-color:var(--color-text)}.upload-zone.dragover{background:var(--color-accent-light);border-color:var(--color-text)}.upload-zone-inner{display:grid;gap:8px;text-align:center}.upload-zone-title{color:var(--color-text);font-family:var(--font-sans);font-size:.95rem;font-weight:600}.upload-zone-hint{color:var(--color-text-tertiary);font-size:.8rem}.task-list{margin-top:var(--gap-md)}.task-card,.task-list{display:grid;gap:var(--gap-md)}.task-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:100px 1fr auto;padding:14px;transition:border-color .15s ease}.task-card:hover{border-color:var(--color-border-strong)}.task-preview{aspect-ratio:1;background:var(--color-bg-subtle);border-radius:var(--radius-sm);cursor:pointer;overflow:hidden}.task-preview img,.task-preview video{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.file-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.file-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:6px;transition:all .15s ease}.file-item:hover{border-color:var(--color-border-strong)}.file-item.selected{border-color:var(--color-text);border-width:2px;padding:5px}.file-preview{aspect-ratio:1;background:var(--color-bg-subtle);border-radius:4px;margin-bottom:4px;overflow:hidden;position:relative;width:100%}.file-preview img,.file-preview video{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.file-type-badge{background:var(--color-text);border-radius:4px;bottom:4px;color:var(--color-bg);font-size:.6rem;font-weight:600;padding:1px 5px;position:absolute;right:4px}.file-name{color:var(--color-text-secondary);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{color:var(--color-text-tertiary);font-size:.9rem;padding:var(--gap-xl);text-align:center}.error-text{color:var(--color-error);font-size:.8rem}@media(max-width:960px){.kv-hero,.kv-surface{grid-column:span 12}.history-panel,.kv-surface{padding:20px}.history-card{gap:var(--gap-sm);grid-template-columns:80px 1fr}.history-actions{grid-column:span 2;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.task-card{gap:var(--gap-sm);grid-template-columns:80px 1fr}.task-card .history-actions{grid-column:span 2}.history-group-header{gap:var(--gap-sm);grid-template-columns:auto 1fr}.history-group-header .chip{display:none}}@media(max-width:600px){.kv-hero-title{font-size:1.8rem}.kv-hero-body{font-size:.9rem}.kv-hero-metrics{gap:var(--gap-sm);grid-template-columns:repeat(3,1fr)}.kv-metric-card{padding:10px}.kv-metric-label{font-size:.6rem}.kv-metric-value{font-size:.9rem}.segmented-tabs{width:100%}.segmented-tabs button{flex:1;font-size:.75rem;padding:8px 10px}.workbench-panel{padding:14px}.workbench-header{align-items:flex-start;flex-direction:column}.workbench-actions{width:100%}.workbench-actions .kv-action{flex:1;font-size:.8rem;min-width:0;padding:8px 10px}.task-card{grid-template-columns:60px 1fr;padding:10px}.task-card .history-actions{grid-column:span 2;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.task-card .history-actions .kv-action{font-size:.75rem;padding:6px 8px}.history-card{grid-template-columns:60px 1fr;padding:10px}.history-actions{grid-column:span 2;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.history-actions .kv-action{font-size:.75rem;padding:6px 8px}.history-toolbar{align-items:flex-start;flex-direction:column}.history-filters{width:100%}.history-filters .input-field,.history-filters .select-field{flex:1;min-width:0}.upload-zone{padding:24px 16px}.upload-zone-title{font-size:.85rem}.history-preview{aspect-ratio:1}.form-grid{grid-template-columns:1fr}.input-field,.select-field{font-size:16px}}@media(max-width:380px){.kv-hero-title{font-size:1.5rem}.kv-hero-metrics{grid-template-columns:1fr 1fr}.kv-metric-card:last-child{grid-column:span 2}.history-card,.task-card{grid-template-columns:1fr}.history-preview,.task-preview{max-height:160px}.history-actions,.task-card .history-actions{grid-column:span 1}}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--gap-xs)}.gap-sm{gap:var(--gap-sm)}.gap-md{gap:var(--gap-md)}.gap-lg{gap:var(--gap-lg)}.gap-xl{gap:var(--gap-xl)}.text-center{text-align:center}.text-error{color:var(--color-error)}.text-secondary{color:var(--color-text-secondary)}.w-full{width:100%}.mt-sm{margin-top:var(--gap-sm)}.mt-md{margin-top:var(--gap-md)}.mt-lg{margin-top:var(--gap-lg)}.mt-xl{margin-top:var(--gap-xl)}@keyframes float-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.float-in{animation:float-in .4s ease both}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}