:root{--bg:#f0f2f5;--bg-panel:#fff;--bg-panel-2:#f7f8fa;--bg-sidebar:#001529;--bg-sidebar-hover:#ffffff14;--bg-sidebar-active:#1677ff;--line:#e5e6eb;--line-strong:#d9d9d9;--text:#1f2329;--text-secondary:#4e5969;--muted:#86909c;--accent:#1677ff;--accent-hover:#4096ff;--accent-soft:#1677ff14;--ok:#00b42a;--err:#f53f3f;--warn:#ff7d00;--shadow:0 1px 2px #00000008, 0 1px 6px #0000000a;--radius:8px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:var(--accent);color:#fff;border:1px solid #0000;border-radius:6px;padding:8px 14px;font-weight:600}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{color:var(--text);border-color:var(--line-strong);background:#fff;font-weight:500}button.ghost:hover:not(:disabled){background:var(--bg-panel-2);color:var(--accent);border-color:var(--accent)}button.danger{color:var(--err);background:#fff;border-color:#f5c2c2;font-weight:500}button.danger:hover:not(:disabled){border-color:var(--err);background:#fff2f0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}code,.mono{font-family:SF Mono,Menlo,ui-monospace,monospace}code{background:var(--bg-panel-2);border-radius:4px;padding:1px 5px;font-size:12px}.toast-stack{z-index:1000;gap:8px;max-width:min(360px,100vw - 32px);display:grid;position:fixed;bottom:18px;right:18px}.toast{border:1px solid var(--line);background:var(--bg-panel);color:var(--text);border-radius:8px;padding:10px 12px;font-size:13px;box-shadow:0 8px 24px #0000001f}.toast-ok{color:#135200;background:#f6ffed;border-color:#b7eb8f}.toast-err{color:#a8071a;background:#fff2f0;border-color:#ffccc7}.toast-info{color:#003a8c;background:#e6f4ff;border-color:#91caff}.artwork-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);align-items:start;gap:16px;display:grid}.card{background:var(--bg-panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card h2{margin:0 0 6px;font-size:16px;font-weight:650}.desc,.hint,.sub,.meta,.history-meta,.task-state{color:var(--muted);font-size:12.5px}.desc{margin:0 0 14px}.sec{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.label{margin-bottom:8px;font-size:13px;font-weight:650}.row{align-items:center;gap:8px;display:flex}.flex1{flex:1;min-width:0}input[type=text],select,textarea{border:1px solid var(--line-strong);width:100%;color:var(--text);background:#fff;border-radius:6px;padding:8px 10px}input[type=text]:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{resize:vertical;min-height:140px;font:12px/1.55 SF Mono,Menlo,ui-monospace,monospace}.upload{background:#f8faff;border:1px dashed #b9c4d8;border-radius:8px;padding:12px}.hint-inline{color:#315db8;background:#eaf0ff;border-radius:6px;margin-left:8px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.hint{margin-top:8px}.checks{flex-wrap:wrap;gap:16px;margin-top:10px;display:flex}.checks label{align-items:center;gap:6px;font-weight:600;display:flex}.preview-box{margin-top:10px}.preview-toolbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.preview-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.preview-item{border:1px solid var(--line);background:var(--bg-panel-2);border-radius:8px;padding:8px;position:relative}.preview-item img{object-fit:contain;background:#e7ebf2;border-radius:6px;width:100%;height:150px;display:block}.preview-item .remove{width:25px;height:25px;color:var(--err);background:#ffffffeb;border:1px solid #f0caca;border-radius:999px;padding:0;position:absolute;top:10px;right:10px}.preview-item .remove:hover:not(:disabled){background:#fff2f0}.prompt-box{border:1px solid var(--line);background:var(--bg-panel-2);border-radius:8px;margin-top:8px;padding:8px 10px}.prompt-box summary{cursor:pointer;margin-bottom:8px;font-size:12px;font-weight:600}.task-list{gap:12px;margin-top:14px;display:grid}.task{border:1px solid var(--line);background:var(--bg-panel-2);border-radius:8px;padding:11px}.task.running{box-shadow:0 0 0 2px var(--accent-soft);border-color:#9eb8f5}.task.failed{border-color:#efb1b1}.task-head{align-items:center;gap:9px;margin-bottom:9px;display:flex}.task-head img{object-fit:cover;background:#e7ebf2;border-radius:6px;width:52px;height:52px}.task-summary{flex:1;min-width:0}.task-title{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.result{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px}.result .rt{justify-content:space-between;gap:8px;margin-bottom:7px;font-size:13px;font-weight:650;display:flex}.result img{object-fit:contain;background:#e7ebf2;border-radius:6px;width:100%;max-height:430px;display:block}.history-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.history{gap:12px;margin-top:10px;display:grid}.empty{border:1px dashed var(--line);color:var(--muted);text-align:center;background:var(--bg-panel-2);border-radius:8px;padding:18px}.history-run{border:1px solid var(--line);background:var(--bg-panel-2);border-radius:8px;padding:11px}.history-title{font-weight:650}.history-images{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:9px;display:grid}.history-image .name{justify-content:space-between;gap:6px;margin-bottom:4px;font-size:11px;display:flex}.history-image img{object-fit:contain;background:#e7ebf2;border-radius:6px;width:100%;height:220px;display:block}.log-panel{position:sticky;top:16px}.log-card{flex-direction:column;min-height:420px;display:flex}.log-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.log-head h2{margin:0;font-size:15px}.log{white-space:pre-wrap;word-break:break-word;color:#d6dce8;background:#0e1420;border:1px solid #0e1420;border-radius:8px;flex:1;min-height:360px;max-height:calc(100vh - 140px);margin:0;padding:12px;font-size:12px;line-height:1.5;overflow:auto}@media (width<=980px){.artwork-layout{grid-template-columns:1fr}.log-panel{position:static}.results{grid-template-columns:1fr}}.app-shell{background:var(--bg);min-height:100vh;display:flex}.app-sidebar{background:var(--bg-sidebar);color:#ffffffd9;flex-direction:column;flex-shrink:0;width:220px;min-height:100vh;display:flex}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:16px 18px;display:flex}.sidebar-logo{background:var(--accent);color:#fff;letter-spacing:-.04em;border-radius:6px;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:grid}.sidebar-brand-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.sidebar-brand-text strong{color:#fff;font-size:14px;font-weight:650}.sidebar-brand-text span{color:#ffffff73;font-size:11px}.sidebar-nav{flex-direction:column;gap:16px;padding:12px 10px;display:flex;overflow:auto}.nav-group-title{color:#ffffff59;letter-spacing:.04em;padding:0 12px 6px;font-size:11px}.nav-item{text-align:left;color:#ffffffb3;background:0 0;border:0;border-radius:6px;width:100%;padding:9px 12px;font-size:13px;font-weight:500}.nav-item:hover:not(:disabled){background:var(--bg-sidebar-hover);color:#fff}.nav-item.active{background:var(--bg-sidebar-active);color:#fff;font-weight:600}.nav-item.active:hover:not(:disabled){background:var(--bg-sidebar-active);color:#fff}.app-body{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.app-header{background:var(--bg-panel);border-bottom:1px solid var(--line);height:56px;box-shadow:var(--shadow);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 20px;display:flex}.header-title{align-items:center;gap:8px;font-size:13px;display:flex}.breadcrumb{color:var(--muted)}.breadcrumb.current{color:var(--text);font-weight:600}.breadcrumb-sep{color:var(--line-strong)}.app-main{flex:1;padding:16px 20px 24px;overflow:auto}.auth-screen{background:var(--bg);min-height:100vh;color:var(--text);place-items:center;display:grid}.auth-card{border:1px solid var(--line);background:var(--bg-panel);width:min(380px,100vw - 40px);box-shadow:var(--shadow);text-align:center;border-radius:12px;padding:42px 36px}.auth-logo{background:var(--bg-sidebar);color:#fff;letter-spacing:-.04em;border-radius:12px;place-items:center;width:58px;height:58px;margin:0 auto 20px;font-weight:800;display:grid}.auth-card h1{margin:0;font-size:24px}.auth-card p{color:var(--muted);margin:10px 0 26px}.auth-button{background:var(--accent);color:#fff;border-radius:8px;padding:11px 22px;font-weight:650;text-decoration:none;display:inline-flex}.auth-button:hover{background:var(--accent-hover);color:#fff}.auth-user{align-items:center;gap:12px;display:flex}.user-name{color:var(--text-secondary);font-size:13px}.auth-user button.ghost{padding:5px 12px;font-size:12px}@media (width<=860px){.app-shell{flex-direction:column}.app-sidebar{width:100%;min-height:0}.sidebar-nav{flex-flow:wrap;gap:8px;padding-bottom:12px}.nav-group{display:contents}.nav-group-title{display:none}.nav-item{width:auto}}