:root{--orange:#f36b16;--bg:#080a0c;--panel:#111519;--line:#30373b;--muted:#8b9397}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#242b30,transparent 30%),var(--bg);color:#f4f4f1;font-family:Arial,sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:2px}.brand img{width:52px;height:52px;object-fit:contain}.brand span{font-size:13px}nav{display:flex;gap:28px}nav a{color:#a4aaad;text-decoration:none;font-size:10px;font-weight:bold;letter-spacing:1.5px}main{width:min(1500px,94vw);margin:auto}.hero{min-height:390px;display:flex;align-items:center;justify-content:space-between}.hero>div>span,.control-head span,.saved>div>span{color:var(--orange);font-size:10px;font-weight:bold;letter-spacing:2px}.hero h1{font-size:clamp(62px,9vw,130px);line-height:.78;letter-spacing:-5px;margin:24px 0}.hero h1 em{color:var(--orange);font-style:normal}.hero p{max-width:570px;color:#a9afb2;font-size:17px;line-height:1.6}.hero-stat{width:220px;height:220px;border:1px solid var(--line);display:grid;place-items:center;align-content:center;background:#111519cc;transform:rotate(4deg)}.hero-stat b{font-size:70px;color:var(--orange)}.hero-stat small{letter-spacing:2px;color:#929a9e}.workspace{display:grid;grid-template-columns:350px minmax(0,1fr);gap:18px;align-items:start}.controls,.board-panel{background:var(--panel);border:1px solid var(--line)}.controls{padding:25px;position:sticky;top:15px}.control-head h2{font-size:34px;margin:7px 0 22px}.controls label{display:block;margin-bottom:16px;color:#989fa2;font-size:9px;font-weight:bold;letter-spacing:1.5px}.controls input,.controls select,.controls textarea{display:block;width:100%;margin-top:8px;padding:12px;background:#080a0c;border:1px solid #394045;color:#fff}.controls textarea{resize:vertical;line-height:1.45}.seed-row{display:grid;grid-template-columns:1fr 64px}.seed-row button,.split button,.board-toolbar button{border:1px solid #3b4246;background:#1b2024;color:#c6cbcd;font-size:9px;font-weight:bold;letter-spacing:1px}.controls>button{width:100%;border:0;padding:15px;font-size:10px;font-weight:900;letter-spacing:1px}.controls .primary{background:var(--orange);color:#090b0c}.split{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.split button{padding:12px}.controls .download{margin-top:8px;background:#f0f0ec;color:#090b0c}.controls>p,#customBox small{color:#737b7e;font-size:9px;line-height:1.6}.board-panel{padding:18px}.board-toolbar{min-height:62px;display:flex;align-items:center;justify-content:space-between}.board-toolbar small{display:block;color:#858e92;font-size:8px;letter-spacing:1.5px}.board-toolbar b{display:block;margin-top:6px;font-size:12px}.board-toolbar button{padding:10px 13px;margin-left:5px}.board{display:grid;grid-template-columns:repeat(5,1fr);aspect-ratio:1;border:2px solid #596166;background:#07090a;gap:2px}.square{position:relative;border:1px solid #343b3f;background:linear-gradient(145deg,#1b2024,#101417);display:grid;place-items:center;padding:12px;text-align:center;overflow:hidden;transition:.15s}.square:hover{border-color:#f36b16}.square.done{background:linear-gradient(145deg,#f57b2d,#bc4509);color:#080a0c;border-color:#ffb076}.square.done:after{content:'✓';position:absolute;right:7px;top:3px;font-size:22px;font-weight:900;opacity:.8}.square span{font-size:clamp(9px,1vw,15px);font-weight:800;line-height:1.18;text-transform:uppercase;outline:0}.square span[contenteditable=true]{background:#fff;color:#111;padding:5px}.board-foot{display:flex;justify-content:space-between;padding:14px 4px 0;color:#687074;font-size:8px;font-weight:bold;letter-spacing:1.2px}.saved{padding:80px 0}.saved h2{font-size:42px;margin:8px 0 22px}.saved-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.saved-item{border:1px solid var(--line);background:var(--panel);padding:16px;display:grid;grid-template-columns:1fr auto;gap:8px}.saved-item b,.saved-item small{display:block}.saved-item small{color:#7f878b;margin-top:5px}.saved-item button{border:0;background:#242a2e;color:#fff;padding:9px;margin-left:5px}footer{text-align:center;color:#646c70;font-size:10px;padding:30px;border-top:1px solid #20262a}@media(max-width:950px){.workspace{grid-template-columns:1fr}.controls{position:static}.board{min-height:650px;aspect-ratio:auto}.hero-stat{display:none}}@media(max-width:650px){nav{display:none}.hero h1{letter-spacing:-2px}.board{min-height:520px}.square{padding:5px}.square span{font-size:8px}.board-foot{display:none}.saved-list{grid-template-columns:1fr}.board-toolbar{align-items:flex-start;gap:15px;flex-direction:column;padding:10px 0 18px}}