:root{color-scheme:light;--paper:#f6f3ec;--card:#fffdfa;--ink:#26241f;--muted:#706b60;
  --line:#dcd6ca;--accent:#b24c2d;--soft:#eee8dc;--shadow:0 20px 55px rgba(55,46,34,.08)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}
button,input,select{font:inherit}.shell{width:min(1040px,calc(100% - 32px));margin:auto;padding:34px 0 26px}
.brand{color:var(--ink);font-size:14px;font-weight:750;letter-spacing:.02em;text-decoration:none}.intro{max-width:720px;margin:56px 0 30px}
.eyebrow{margin:0 0 10px;color:var(--accent);font-size:13px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,7vw,72px);font-weight:500;line-height:.98;letter-spacing:-.045em}
.lede{margin:20px 0 0;font-size:19px}.privacy{margin:10px 0 0;color:var(--muted);font-size:14px}.privacy span{color:var(--accent)}
.tool{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:var(--shadow)}
.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.tabs button{padding:16px;border:0;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}
.tabs button[aria-selected=true]{color:var(--ink);box-shadow:inset 0 -2px var(--accent)}.pane{padding:22px}
.drop{display:grid;min-height:280px;place-items:center;align-content:center;border:1px dashed var(--line);border-radius:13px;background:rgba(238,232,220,.35);text-align:center}
.drop[data-drag]{border-color:var(--accent);background:rgba(178,76,45,.05)}.upload-icon{margin-bottom:8px;color:var(--accent);font-size:44px;line-height:1}.drop strong{font-size:18px}.drop small{margin:5px 0 18px;color:var(--muted)}
.primary,.secondary{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 17px;border-radius:9px;font-weight:750;text-decoration:none;cursor:pointer}
.primary{border:1px solid var(--ink);background:var(--ink);color:var(--card)}.secondary{border:1px solid var(--line);background:var(--card);color:var(--ink)}button:disabled{opacity:.55;cursor:wait}
.url-form{display:flex;max-width:760px;gap:12px;align-items:end;margin:24px auto}.url-form label,.controls>label,.dimensions label{display:grid;flex:1;gap:7px;font-size:14px;font-weight:700}
.provider-note{margin:-12px auto 24px;color:var(--muted);font-size:13px;text-align:center}
input,select{width:100%;min-height:44px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--ink)}input:focus,select:focus{outline:2px solid rgba(178,76,45,.28);border-color:var(--accent)}
.workspace{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:22px;padding:22px;border-top:1px solid var(--line)}
.preview{display:grid;min-height:420px;place-items:center;overflow:hidden;border-radius:12px;background:var(--soft)}.preview img{display:block;max-width:100%;max-height:620px;object-fit:contain}
.controls{display:flex;flex-direction:column;gap:17px}.dimensions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.range{display:grid!important;grid-template-columns:1fr auto}.range input{grid-column:1/-1;padding:0;accent-color:var(--accent)}.check{display:flex!important;align-items:flex-start;gap:9px;font-weight:500!important}.check input{width:auto;min-height:0;margin-top:5px;accent-color:var(--accent)}.status{min-height:24px;margin:0;color:var(--muted);font-size:14px}.full{width:100%}
.result{padding:18px 22px;border-top:1px solid var(--line)}.result-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.result-head>div>strong{font-size:18px}.result-head p{margin:3px 0 0;color:var(--muted);font-size:14px}.result-list{display:grid;gap:8px;margin-top:16px}.result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:10px}.result-name{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.result-meta{color:var(--muted);font-size:13px}.result-row .secondary{min-height:38px;padding:7px 12px;font-size:14px}.error{margin:0;padding:14px 22px;border-top:1px solid var(--line);color:var(--accent)}footer{padding:22px 0 0;color:var(--muted);font-size:13px;text-align:center}[hidden]{display:none!important}
@media(max-width:760px){.intro{margin-top:40px}.workspace{grid-template-columns:1fr}.preview{min-height:280px}.url-form{display:grid}.result-head{align-items:stretch;flex-direction:column}.result-head .primary{width:100%}}
@media(max-width:480px){.shell{width:min(100% - 20px,1040px);padding-top:22px}.intro{margin:34px 4px 24px}h1{font-size:43px}.lede{font-size:17px}.pane,.workspace{padding:14px}.drop{min-height:230px}.dimensions{grid-template-columns:1fr 1fr}}