:root{color:#292723;background:#f5f4f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f5f4f1;--panel: #fbfaf8;--surface: #ffffff;--surface-muted: #f0efeb;--border: #dedbd4;--border-strong: #c9c4ba;--text: #292723;--muted: #747069;--accent: #8a6740;--accent-strong: #6f4f2d;--accent-soft: #eee5d9;--success: #287454;--success-soft: #e1f0e8;--danger: #b34338;--danger-soft: #f7e7e4}:root[data-theme=dark]{color:#eeeae3;background:#1d1d1b;--bg: #1d1d1b;--panel: #232321;--surface: #292927;--surface-muted: #30302d;--border: #41403b;--border-strong: #55524a;--text: #eeeae3;--muted: #aaa69e;--accent: #c5a477;--accent-strong: #d0b087;--accent-soft: #3b3329;--success: #67bd91;--success-soft: #243a30;--danger: #ef8e83;--danger-soft: #412b29}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;background:var(--bg);color:var(--text)}button,select,textarea{color:inherit;font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.workstation{display:grid;grid-template-columns:minmax(360px,400px) minmax(0,1fr);width:100%;min-height:100dvh;height:100dvh;overflow:hidden;background:var(--bg)}.controls{display:flex;flex-direction:column;min-width:0;overflow-y:auto;background:var(--panel);border-right:1px solid var(--border)}.control-section{padding:18px 22px;border-bottom:1px solid var(--border)}.control-intro{display:flex;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:16px}.eyebrow{margin:0 0 3px;color:var(--accent);font-size:12px;font-weight:700}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:20px;line-height:1.3}h2{margin-bottom:2px;font-size:15px;line-height:1.35}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}.status-dot.online{background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.notice{display:flex;align-items:flex-start;gap:9px;margin:14px 18px 0;padding:11px 12px;border:1px solid var(--border);border-radius:6px;font-size:13px}.notice svg{flex:0 0 auto;width:17px;height:17px}.error-notice{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 28%,var(--border))}.notice div{display:grid;gap:2px;min-width:0}.notice span{overflow-wrap:anywhere}.notice .icon-button{margin-left:auto}.field-label{display:block;margin-bottom:8px;color:var(--text);font-size:13px;font-weight:650}.field-hint{color:var(--muted);font-size:12px}.field-hint.limit{color:var(--danger)}.empty-hint{margin:9px 0 0;line-height:1.5}.label-row{display:flex;align-items:center;justify-content:space-between}.label-row .field-label{margin-bottom:8px}select,textarea{width:100%;border:1px solid var(--border-strong);border-radius:6px;outline:none;background:var(--surface)}select{height:40px;padding:0 34px 0 11px;font-size:13px;text-overflow:ellipsis}textarea{min-height:126px;padding:11px 12px;resize:vertical;line-height:1.55}select:focus,textarea:focus,.drop-zone:focus-visible,button:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);outline:none}.two-column-fields{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(110px,.75fr);gap:12px}.readonly-value{display:flex;align-items:center;gap:7px;min-width:0;height:40px;padding:0 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface-muted);font-size:13px}.readonly-value svg{width:16px;height:16px;color:var(--accent)}.readonly-value>span:not(.lock-label){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lock-label{margin-left:auto;padding:2px 5px;border-radius:4px;color:var(--muted);background:var(--surface);font-size:10px}.price-value{color:var(--success);font-weight:700;font-variant-numeric:tabular-nums}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;border:1px solid var(--border);border-radius:7px;background:var(--surface-muted)}.segmented.three{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented button{min-width:0;height:32px;padding:0 8px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:12px;font-weight:650}.segmented button.active{color:var(--accent-strong);background:var(--surface);box-shadow:0 1px 3px #2c251c1c}.compact-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.drop-zone{display:grid;place-items:center;width:100%;min-height:96px;padding:12px;border:1px dashed var(--border-strong);border-radius:7px;color:var(--accent);background:var(--surface)}.drop-zone svg{width:21px;height:21px;margin-bottom:4px}.drop-zone span{font-size:13px;font-weight:650}.drop-zone small{margin-top:3px;color:var(--muted);font-size:11px}.upload-list{margin-top:10px;border-top:1px solid var(--border)}.upload-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:8px;min-width:0;padding:8px 0;border-bottom:1px solid var(--border)}.upload-row img{width:42px;height:42px;-o-object-fit:cover;object-fit:cover;border-radius:5px;background:var(--surface-muted)}.upload-name{display:grid;gap:2px;min-width:0}.upload-name strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.upload-name span{color:var(--muted);font-size:10px}.primary-reference{padding:3px 5px;border-radius:4px;color:var(--accent-strong);background:var(--accent-soft);font-size:10px;font-weight:650;white-space:nowrap}.row-actions,.preview-actions{display:flex;align-items:center;gap:2px}.icon-button{display:inline-grid;flex:0 0 auto;place-items:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:5px;color:var(--muted);background:transparent}.icon-button:hover:not(:disabled){color:var(--text);border-color:var(--border);background:var(--surface-muted)}.icon-button.danger:hover:not(:disabled){color:var(--danger);background:var(--danger-soft)}.icon-button svg{width:16px;height:16px}.submit-area{position:sticky;bottom:0;margin-top:auto;padding:16px 22px 20px;background:color-mix(in srgb,var(--panel) 94%,transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.primary-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;border:1px solid var(--accent-strong);border-radius:6px;color:#fff;background:var(--accent-strong);font-size:13px;font-weight:700}.primary-button:hover:not(:disabled){filter:brightness(.96)}.primary-button svg{width:17px;height:17px}.output-column{display:grid;grid-template-rows:minmax(390px,2fr) minmax(190px,1fr);min-width:0;min-height:0;overflow:hidden}.preview-panel,.history-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface)}.preview-panel{border-bottom:1px solid var(--border)}.panel-bar{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;min-height:54px;padding:9px 18px;border-bottom:1px solid var(--border);background:var(--panel)}.job-meta{color:var(--muted);font-size:11px}.preview-stage{position:relative;display:grid;flex:1 1 auto;min-width:0;min-height:0;place-items:center;overflow:hidden;padding:24px;background-color:var(--surface-muted);background-image:linear-gradient(45deg,color-mix(in srgb,var(--border) 45%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--border) 45%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--border) 45%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--border) 45%,transparent) 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px}.preview-stage img{position:absolute;top:24px;right:24px;bottom:24px;left:24px;width:calc(100% - 48px);height:calc(100% - 48px);-o-object-fit:contain;object-fit:contain}.state-message{display:flex;flex-direction:column;align-items:center;max-width:420px;padding:24px;color:var(--muted);text-align:center}.state-message strong{margin-top:12px;color:var(--text);font-size:15px}.state-message span{margin-top:5px;font-size:12px;line-height:1.5}.state-message>svg{width:31px;height:31px;color:var(--accent)}.failure-state>svg{color:var(--danger)}.queue-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:var(--accent);background:var(--accent-soft)}.queue-mark svg{width:24px;height:24px}.spinner{display:inline-block;width:17px;height:17px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.spinner.large{width:40px;height:40px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.history-panel{background:var(--panel)}.history-list{min-height:0;overflow-y:auto}.history-row{display:grid;grid-template-columns:76px minmax(120px,1fr) 90px 112px;align-items:center;gap:10px;width:100%;min-height:49px;padding:7px 18px;border:0;border-bottom:1px solid var(--border);color:var(--text);background:transparent;text-align:left}.history-row:hover,.history-row.selected{background:var(--surface)}.history-row.selected{box-shadow:inset 3px 0 var(--accent)}.history-status{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;font-weight:650}.history-status>span{width:7px;height:7px;border-radius:50%;background:currentColor}.status-completed{color:var(--success)}.status-failed{color:var(--danger)}.status-running{color:var(--accent)}.history-prompt{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.history-spec,.history-row time{color:var(--muted);font-size:11px;white-space:nowrap}.history-row time{text-align:right}.history-empty{display:flex;flex:1;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:12px}.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}@media (max-width: 900px){.workstation{grid-template-columns:360px minmax(0,1fr)}.history-row{grid-template-columns:70px minmax(90px,1fr) 85px}.history-row time{display:none}}@media (max-width: 720px){.workstation{display:block;height:auto;min-height:100dvh;overflow:visible}.controls{max-height:none;overflow:visible;border-right:0}.output-column{grid-template-rows:minmax(460px,70dvh) minmax(250px,auto);overflow:visible}.submit-area{z-index:4}.history-list{max-height:420px}.history-row{grid-template-columns:74px minmax(0,1fr) 84px;padding-inline:14px}.history-row time{display:none}}@media (max-width: 430px){.control-section{padding-inline:16px}.two-column-fields,.compact-options{grid-template-columns:1fr}.upload-row{grid-template-columns:40px minmax(0,1fr) auto}.primary-reference{grid-column:2;width:-moz-max-content;width:max-content}.row-actions{grid-column:3;grid-row:1 / span 2;flex-wrap:wrap;justify-content:flex-end;width:64px}.preview-stage{padding:12px}.preview-stage img{top:12px;right:12px;bottom:12px;left:12px;width:calc(100% - 24px);height:calc(100% - 24px)}.history-spec{display:none}.history-row{grid-template-columns:74px minmax(0,1fr)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.8s}}