:root{--bg:#f4f1e9;--ink:#18231f;--muted:#68706a;--panel:#fffdf7;--line:#d8d6cc;--accent:#d75937;--green:#163f34;--tile:#f3eddf;--none:#28302f;--dl:#78a459;--tl:#267da7;--dw:#d67b13;--tw:#b83e47}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 ui-sans-serif,system-ui,-apple-system,sans-serif}header{padding:56px max(24px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;gap:40px;align-items:end;background:var(--green);color:white}h1{font:700 clamp(36px,6vw,72px)/.95 Georgia,serif;letter-spacing:-.04em;margin:10px 0 18px;max-width:700px}header p{color:#d4dfda;max-width:660px;margin:0;font-size:17px}.eyebrow,.step{font-weight:800;letter-spacing:.13em;font-size:11px;color:#ef9278}.status{border:1px solid #547168;border-radius:99px;padding:9px 15px;white-space:nowrap;color:#dce5e1}main{max-width:1180px;margin:28px auto;padding:0 20px;display:grid;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 30px #18231f0a}.hidden{display:none!important}.dropzone{min-height:220px;border:2px dashed #b6b9b0;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:.2s}.dropzone.drag{background:#e7eee9;border-color:var(--green)}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone span{color:var(--muted)}.upload-icon{font-size:26px;border:1px solid var(--line);border-radius:50%;width:48px;height:48px;text-align:center;line-height:43px;margin-bottom:12px}.preview{position:relative;max-height:420px;overflow:auto;background:#202428;text-align:center}.preview img{display:block;max-height:420px;max-width:100%;margin:auto}.crop-line{position:absolute;left:0;right:0;border-top:2px solid #ef9278;pointer-events:none}.range{display:flex;gap:12px;margin-top:16px;align-items:center}.range input{flex:1}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:20px}.section-head h2{font:700 30px/1 Georgia,serif;margin:4px 0}.section-head p{margin:0;color:var(--muted)}.edit-layout{display:grid;grid-template-columns:minmax(420px,720px) 1fr;gap:24px;align-items:start}.board{aspect-ratio:1;display:grid;grid-template-columns:repeat(15,1fr);gap:2px;background:#151a19;padding:2px;border-radius:6px;overflow:hidden}.cell{min-width:0;border:0;padding:0;background:var(--none);color:white;position:relative;font-size:clamp(10px,2.1vw,24px);font-weight:650;cursor:pointer}.cell:hover,.cell.selected{outline:3px solid #f6ae46;z-index:2}.cell.tile{background:var(--tile);color:#171a19}.cell.blank{background:#e8d97a}.cell[data-premium=DL]{background:var(--dl)}.cell[data-premium=TL]{background:var(--tl)}.cell[data-premium=DW]{background:var(--dw)}.cell[data-premium=TW]{background:var(--tw)}.cell small{font-size:clamp(6px,.9vw,10px);font-weight:800}.cell.low::after{content:"?";position:absolute;right:2px;bottom:0;color:#e85e43;font-weight:900}.inspector{display:grid;gap:14px;padding:18px;background:#f3f0e8;border-radius:12px}.inspector label,.rack-row label{display:grid;gap:5px;font-weight:700}.inspector input,.inspector select,.rack-row input{width:100%;padding:11px;border:1px solid #bbbdb5;border-radius:7px;background:white;font:inherit;text-transform:uppercase}.inspector .check{display:flex;font-weight:500}.inspector .check input{width:auto}.coordinate{font:700 20px Georgia,serif}.ghost,.primary{border:0;border-radius:8px;padding:12px 18px;font-weight:800;cursor:pointer}.ghost{background:#dedfd9}.primary{background:var(--accent);color:white;font-size:16px}.rack-row{display:grid;grid-template-columns:minmax(220px,360px) 1fr auto;gap:20px;align-items:end;margin-top:24px}.rack-row span{color:var(--muted);padding-bottom:12px}.results{display:grid;gap:10px}.result{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:18px;border-top:1px solid var(--line);padding:16px 4px}.score{font:700 30px Georgia,serif;color:var(--accent)}.word{font-size:21px;font-weight:850;letter-spacing:.08em}.meta{color:var(--muted)}.placement{font-family:ui-monospace,monospace;font-size:13px}.error{padding:14px;background:#ffe5de;color:#7c2918;border-radius:8px}footer{text-align:center;padding:30px;color:var(--muted)}@media(max-width:760px){header{padding:38px 22px;display:block}.status{display:inline-block;margin-top:24px}.panel{padding:14px}.edit-layout{grid-template-columns:1fr}.inspector{grid-template-columns:1fr 1fr}.coordinate{grid-column:1/-1}.rack-row{grid-template-columns:1fr}.rack-row span{padding:0}.cell{font-size:3vw}.section-head{display:block}}