:root{--bg:#111217;--panel:#191b23;--panel-2:#222530;--panel-3:#2a2e3b;--border:hsla(0,0%,100%,.08);--text:#f5f7fb;--muted:#a5acbb;--accent:#ff9f43;--accent-2:#ffd166;--danger:#ff6b6b;--success:#53d86a;--shadow:0 18px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(255,159,67,.1),transparent 32%),radial-gradient(circle at top right,rgba(255,209,102,.08),transparent 28%),linear-gradient(180deg,#111217,#0d0e13);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}a{color:inherit}.shell{width:min(1120px,calc(100% - 32px));margin:28px auto}.hero{display:grid;grid-gap:10px;gap:10px;margin-bottom:20px}.hero h1{margin:0;font-size:clamp(2rem,5vw,2.9rem);line-height:1.05;font-weight:800}.hero p{margin:0;color:var(--muted);font-size:1rem}.tab-row{display:flex;gap:10px;margin-bottom:18px}.tab-button{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:10px 16px;border-radius:12px;cursor:pointer;transition:.14s ease}.tab-button.active{background:linear-gradient(180deg,#2f3444,#262a35);border-color:hsla(0,0%,100%,.18);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.05)}.layout-grid{display:grid;grid-template-columns:1.2fr .9fr;grid-gap:18px;gap:18px;align-items:start}.panel{background:linear-gradient(180deg,rgba(36,39,50,.92),rgba(25,27,35,.96));border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:18px}.panel h2,.panel h3{margin:0 0 12px}.panel-label{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px 10px 0 0;background:rgba(12,13,18,.65);border:1px solid var(--border);border-bottom:none;font-size:.92rem;color:var(--text)}.preview-frame{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(42,46,59,.85),rgba(28,31,40,.95))}.preview-stage{aspect-ratio:1/1;display:grid;place-items:center;background:linear-gradient(180deg,hsla(0,0%,100%,.02),rgba(0,0,0,.15)),repeating-linear-gradient(45deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,.02) 12px,hsla(0,0%,100%,.01) 0,hsla(0,0%,100%,.01) 24px)}.preview-stage img{width:100%;height:100%;object-fit:contain;display:block}.preview-empty{display:grid;grid-gap:10px;gap:10px;text-align:center;color:var(--muted);padding:24px}.control-stack{display:grid;grid-gap:14px;gap:14px}.upload-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.file-trigger{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:12px;background:#13151c;border:1px solid var(--border);cursor:pointer}.upload-row input[type=file]{display:none}.muted,.slider-readout{color:var(--muted)}.slider-readout{display:flex;justify-content:space-between;align-items:center}.slider{width:100%;accent-color:var(--accent)}.button-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.ghost-button,.primary-button,.secondary-button{min-height:48px;border-radius:14px;border:1px solid transparent;cursor:pointer;transition:.14s ease}.primary-button{background:linear-gradient(180deg,#6d6f7c,#595b68);color:#fff;font-weight:700}.secondary-button{background:var(--panel-3);border-color:hsla(0,0%,100%,.1);color:#fff;font-weight:700}.ghost-button{background:transparent;border-color:var(--border);color:var(--text)}.file-trigger:hover,.ghost-button:hover,.primary-button:hover,.secondary-button:hover,.tab-button:hover{transform:translateY(-1px)}.status-pill{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border-radius:999px;background:hsla(0,0%,100%,.06);border:1px solid var(--border)}.status-pill.success{color:var(--success)}.status-pill.failed{color:var(--danger)}.meta-list,.warning-list{margin:0;padding-left:18px;color:var(--muted)}.result-grid{display:grid;grid-gap:16px;gap:16px}.result-header{display:grid;grid-gap:10px;gap:10px;min-height:88px;align-content:start}.result-header-meta{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));grid-gap:10px;gap:10px;align-items:start}.inline-metrics{display:flex;gap:12px;flex-wrap:wrap}.metric-chip{padding:8px 10px;border-radius:12px;background:hsla(0,0%,100%,.04);border:1px solid var(--border);color:var(--muted)}.processing-chip{color:var(--accent-2)}.error-box{border:1px solid hsla(0,100%,71%,.35);background:hsla(0,100%,71%,.12);color:#ffd0d0;border-radius:14px;padding:12px 14px}.engineering-grid{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:16px;gap:16px;align-items:start}.engineering-header{display:flex;gap:12px;align-items:center;justify-content:space-between}.engineering-title{margin:0}.engineering-left-column,.engineering-right-column{align-content:start}.engineering-subpanel{padding:16px;background:rgba(18,20,27,.42);box-shadow:none}.engineering-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:8px;gap:8px;align-items:center}.kv{display:grid;grid-gap:10px;gap:10px}.kv div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid hsla(0,0%,100%,.06)}.kv dd,.kv dt{margin:0}.stack{display:grid;grid-gap:12px;gap:12px}.input{width:100%;min-height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:rgba(10,11,15,.52);color:var(--text)}.compact-button,.compact-input{min-height:40px;padding:0 12px;border-radius:10px}.recent-job-list{display:grid;grid-gap:10px;gap:10px}.recent-job-item{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:hsla(0,0%,100%,.04);border:1px solid var(--border)}.footer-note{margin-top:8px;text-align:center;color:var(--muted)}@media (max-width:900px){.button-row,.engineering-grid,.engineering-url-row,.layout-grid,.result-header-meta{grid-template-columns:1fr}}