: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}a,button,input,label{font:inherit}a{color:inherit;text-decoration:none}.shell{width:min(1120px,calc(100% - 20px));margin:10px auto 20px}.hero{display:grid;grid-gap:8px;gap:8px;margin-bottom:16px}.hero h1{margin:0;font-size:clamp(1.85rem,5vw,2.9rem);line-height:1.02;font-weight:800}.hero p{margin:0;color:var(--muted);font-size:.98rem}.hero-inline,.topbar{margin-bottom:14px}.topbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.topbar-min{margin-bottom:10px}.brand-title{margin:0;font-size:clamp(2rem,8vw,3rem);font-weight:800;letter-spacing:-.04em}.model-toggle,.ui-toggle{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.mode-pill{min-height:40px;padding:0 16px;border-radius:999px;border:1px solid hsla(0,0%,100%,.12);background:rgba(20,22,30,.8);color:var(--text);cursor:pointer;transition:.14s ease}.mode-pill.active{background:linear-gradient(180deg,#727485,#5d6070);border-color:hsla(0,0%,100%,.18)}.file-trigger:hover,.ghost-button:hover,.mode-pill:hover,.preview-clear-button:hover,.primary-button:hover,.save-button:hover,.secondary-button:hover{transform:translateY(-1px)}.mode-pill:disabled{opacity:.45;cursor:not-allowed}.mode-pill:disabled:hover{transform:none}.layout-grid,.min-shell{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px;align-items:start}.min-shell{width:100%;max-width:512px;margin-inline:auto;grid-template-columns:minmax(0,1fr)}.min-shell>.panel{width:100%;min-width:0}.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:16px}.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{width:100%;min-width:0;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-frame-min{border-radius:14px}.preview-stage{position:relative;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}.preview-empty-min{gap:12px;padding:22px 18px}.preview-entry-actions{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.preview-entry-actions-min{margin-top:8px}.preview-clear-button{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:999px;border:1px solid hsla(0,0%,100%,.12);background:rgba(16,18,25,.82);color:var(--text);cursor:pointer}.advanced-panel,.control-stack,.disabled-card,.stack{display:grid;grid-gap:12px;gap:12px}.upload-form-min{gap:8px}.upload-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.file-trigger,.preview-action-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--border);cursor:pointer}.file-trigger{background:#13151c}.preview-action-button{min-height:44px}.compact-file-name{font-size:.9rem}.muted,.slider-readout{color:var(--muted)}.slider-readout{display:flex;justify-content:space-between;align-items:center;gap:10px}.slider{width:100%;accent-color:var(--accent)}.advanced-heading,.mode-strip{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.section-kicker{color:var(--accent-2);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.section-title{margin:4px 0 0;font-size:clamp(1.2rem,3.4vw,1.55rem)}.compact-toggle{min-height:40px;padding:0 14px;border-radius:12px}.compact-toggle.active{background:hsla(0,0%,100%,.08)}.advanced-note,.helper-copy{margin:0;color:var(--muted);font-size:.94rem}.advanced-panel,.disabled-card,.interface-mode-panel{padding:14px;border-radius:16px;background:rgba(9,10,14,.28);border:1px solid hsla(0,0%,100%,.06)}.action-strip{display:grid;grid-gap:10px;gap:10px}.action-strip-min{grid-template-columns:minmax(0,1.2fr) minmax(64px,.7fr) minmax(64px,.7fr) minmax(0,1fr) minmax(60px,.65fr);align-items:center}.inline-slider-card{min-height:48px;display:flex;align-items:center;padding:0 12px;border-radius:14px;background:var(--panel-3);border:1px solid hsla(0,0%,100%,.1)}.inline-angle-slider{min-width:0}.angle-chip,.min-result-meta{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:14px;border:1px solid var(--border);background:hsla(0,0%,100%,.04);color:var(--text)}.button-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.ghost-button,.primary-button,.save-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)}.danger-button{border-color:hsla(0,100%,71%,.45);color:#ffd6d6}.save-button{background:rgba(15,76,33,.35);border-color:rgba(83,216,106,.55);color:#d8ffe0}.save-button[disabled]{opacity:.55;cursor:default}.save-button-link{justify-content:center}.save-button-link,.status-pill{display:inline-flex;align-items:center}.status-pill{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-grid-min{gap:10px}.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}.timing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));grid-gap:8px;gap:8px;margin-top:10px}.timing-chip{display:grid;grid-gap:4px;gap:4px;padding:10px;border-radius:12px;background:hsla(0,0%,100%,.035);border:1px solid var(--border);color:var(--muted);font-size:.88rem}.timing-chip strong{color:var(--text);font-size:.95rem}.metric-chip{padding:8px 10px;border-radius:12px;background:hsla(0,0%,100%,.04);border:1px solid var(--border);color:var(--muted)}.metric-chip-button{cursor:pointer}.metric-chip-button:hover{border-color:rgba(255,209,102,.38);color:var(--text)}.processing-chip{color:var(--accent-2)}.min-result-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center}.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: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}.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)}.diagnostic-job-list{display:grid;grid-gap:10px;gap:10px}.diagnostic-job-card{border:1px solid var(--border);border-radius:14px;background:hsla(0,0%,100%,.04);overflow:hidden}.lost-job-card{border:1px solid hsla(0,100%,71%,.34);border-radius:14px;background:hsla(0,100%,71%,.06);overflow:hidden}.diagnostic-job-summary{display:grid;grid-template-columns:56px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;padding:10px;cursor:pointer;list-style:none}.diagnostic-job-summary::-webkit-details-marker{display:none}.diagnostic-job-preview{width:56px;height:56px;object-fit:cover;border-radius:10px;border:1px solid var(--border);background:rgba(0,0,0,.24)}.diagnostic-job-preview-empty{display:grid;place-items:center;color:var(--muted);font-size:.68rem;text-transform:uppercase}.diagnostic-job-main{display:grid;grid-gap:6px;gap:6px;min-width:0}.diagnostic-job-meta,.diagnostic-job-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.diagnostic-job-meta span,.diagnostic-job-title strong{overflow-wrap:anywhere}.diagnostic-job-meta{color:var(--muted);font-size:.82rem}.diagnostic-job-details{display:grid;grid-gap:10px;gap:10px;padding:0 10px 10px}.diagnostic-timeline{display:grid;grid-gap:8px;gap:8px}.diagnostic-stage{display:grid;grid-template-columns:minmax(90px,1fr) auto auto minmax(120px,1.4fr);grid-gap:8px;gap:8px;align-items:start;padding-top:8px;border-top:1px solid var(--border);color:var(--muted);font-size:.82rem}.diagnostic-stage small,.diagnostic-stage span{overflow-wrap:anywhere}.worker-life{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:hsla(0,0%,100%,.04)}.worker-life-dot{width:10px;height:10px;border-radius:999px;background:var(--danger);box-shadow:0 0 0 4px rgba(255,122,146,.12)}.worker-life.ok .worker-life-dot{background:var(--success);box-shadow:0 0 0 4px rgba(56,211,159,.12)}.ui-switch-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ui-switch-label{font-size:1rem}@media (max-width:699px){.action-strip-min{grid-template-columns:1fr 78px 78px 1fr 68px}.min-result-footer{grid-template-columns:1fr 1fr auto}}@media (max-width:560px){.shell{width:min(100%,calc(100% - 16px));margin-top:8px}.panel{padding:10px;border-radius:14px}.brand-title{font-size:2.05rem}.mode-pill{min-height:36px;padding:0 14px}.action-strip-min{gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"process process minus plus" "slider slider slider angle"}.action-strip-min .primary-button{grid-area:process}.action-strip-min .secondary-button:nth-of-type(2){grid-area:minus}.action-strip-min .secondary-button:nth-of-type(3){grid-area:plus}.action-strip-min .inline-slider-card{grid-area:slider}.action-strip-min .angle-chip{grid-area:angle;padding-inline:8px}.angle-chip,.ghost-button,.inline-slider-card,.min-result-meta,.primary-button,.save-button,.secondary-button{min-height:44px;border-radius:12px}.button-row,.engineering-url-row,.result-header-meta{grid-template-columns:1fr}}@media (min-width:740px){.shell{width:min(1120px,calc(100% - 32px));margin-top:24px}.layout-grid{grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr)}.button-row{grid-template-columns:repeat(3,1fr)}.result-header-meta{grid-template-columns:repeat(2,minmax(0,max-content))}}@media (min-width:980px){.engineering-grid{grid-template-columns:1.1fr 1fr}}