:root{--ink:#e7edef;--muted:#8c989e;--line:#303a3f;--paper:#171d20;--paper2:#20282c;--bg:#0d1113;--brand:#68a1b5;--accent:#ad9552;--green:#68b29e;--danger:#e16b68;--shadow:0 20px 50px rgba(0,0,0,.32)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 75% 0,#1b2b2d 0,transparent 31%),linear-gradient(130deg,#0b0f11,#13191c 60%,#0d1214);font:14px Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.topbar{height:62px;display:flex;align-items:center;gap:18px;padding:0 max(28px,calc((100vw - 1380px)/2));background:#111719;border-bottom:1px solid #273237}.brand{display:flex;align-items:center;gap:8px;color:#f4f8f9;font-size:19px;font-weight:850;text-decoration:none;letter-spacing:-.9px}.brand i{width:17px;height:17px;border:2px solid #789ead;background:linear-gradient(135deg,#496673 50%,transparent 50%);border-radius:3px}.brand span{color:#8cb7c5}.topnote{font-size:11px;color:var(--muted);flex:1}.topnote b{color:#75a2b1;font-size:9px;letter-spacing:.14em}.status-dot{font-size:11px;color:#9ec9b8;background:rgba(67,126,105,.16);border:1px solid rgba(91,162,136,.28);border-radius:16px;padding:6px 9px}.status-dot:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#5db592;margin-right:6px}.ghost{border:1px solid #3b474b;background:#1a2124;border-radius:6px;padding:8px 11px;color:#dde4e5;font-weight:650;cursor:pointer}main{max-width:1380px;margin:auto;padding:28px}.hero{display:flex;justify-content:space-between;align-items:end;margin:4px 0 25px}.eyebrow{font-size:10px;font-weight:850;letter-spacing:.14em;color:#7aa4b3;margin:0 0 8px}.hero h1{font-size:clamp(30px,3.7vw,44px);letter-spacing:-1.6px;line-height:1.05;margin:0;text-transform:uppercase}.hero p:not(.eyebrow){color:#abb6ba;font-size:14px;line-height:1.4;max-width:570px;margin:10px 0 0}.hero-stat{position:relative;background:linear-gradient(135deg,#334e5b,#4d7082);border:1px solid #66889a;border-radius:10px;padding:17px 28px;min-width:150px;box-shadow:var(--shadow)}.hero-stat:after{content:'▦';position:absolute;right:12px;top:11px;color:#bad0d9;font-size:14px}.hero-stat strong{display:block;font-size:28px}.hero-stat span{font-size:10px;color:#e1e9eb}.workspace{display:grid;grid-template-columns:365px 1fr;gap:16px}.panel,.results{background:linear-gradient(145deg,#1b2225,#151b1e);border:1px solid #303b40;border-radius:10px;box-shadow:var(--shadow)}.controls{padding:18px}.section-title{display:flex;gap:10px;align-items:start;margin-bottom:14px}.section-title>span{font-size:10px;font-weight:850;background:var(--accent);color:#171b1c;border-radius:50%;width:21px;height:21px;display:grid;place-items:center}.section-title h2,.results h2{font-size:15px;margin:0;color:#f1f4f4;letter-spacing:-.25px;text-transform:uppercase}.section-title p{margin:2px 0 0;color:var(--muted);font-size:11px}.section-title.small{margin-top:23px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field-grid.compact{margin-top:9px}label{display:block;font-size:10px;font-weight:700;color:#bfc9cc;position:relative}input,select{display:block;border:1px solid #374348;border-radius:6px;width:100%;margin-top:4px;padding:9px 27px 9px 8px;color:#edf3f4;font:inherit;background:#111719;transition:.15s}input:focus,select:focus{outline:0;border-color:#6ea0ae;box-shadow:0 0 0 2px rgba(98,159,176,.17)}label small{position:absolute;right:8px;bottom:9px;font-size:9px;color:#849197;font-weight:600}.select-label{margin-top:10px}.toggle-row,.option{display:flex;align-items:center;justify-content:space-between;border:1px solid #364146;background:linear-gradient(90deg,#1c2427,#171e21);border-radius:7px;padding:9px;margin-top:9px}.toggle-row b,.option b{color:#e4ebec}.toggle-row small,.option small{display:block;font-size:10px;color:#879499;font-weight:400;margin-top:2px}.toggle-row input,.option input{width:16px;height:16px;margin:0;accent-color:#71aebf}.front-board{background:linear-gradient(90deg,#1c292c,#172124);border-color:#425b60}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.option{justify-content:start;gap:8px;margin:0}.drawer-settings{margin-bottom:12px}.primary{border:1px solid #78b5c6;width:100%;border-radius:6px;padding:12px;margin-top:18px;background:linear-gradient(135deg,#427f90,#235466);box-shadow:0 7px 18px rgba(31,89,109,.28);color:#f1f8f8;font-weight:800;cursor:pointer;text-align:left}.primary span{float:right;font-size:18px;line-height:12px}.results{overflow:hidden}.results-header{padding:19px 20px 15px;display:flex;justify-content:space-between;align-items:start}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#151b1e}.metrics div{position:relative;padding:15px 19px;border-right:1px solid var(--line)}.metrics div:first-child:after,.metrics div:nth-child(2):after{content:'';position:absolute;width:34px;height:17px;border:6px solid #578b9d;border-bottom:0;border-radius:40px 40px 0 0;right:15px;bottom:15px;opacity:.85}.metrics div:nth-child(2):after{border-color:#b29a58}.metrics div:last-child{border:0}.metrics span{display:block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#8f9ca1;margin-bottom:5px}.metrics strong{font-size:19px;letter-spacing:-.7px}.sheet-config{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 20px;background:#101618;border-bottom:1px solid #293439;color:#d4dcde;font-size:11px}.sheet-config label{display:flex;align-items:center;gap:4px;font-size:11px}.sheet-config input{display:inline-block;width:62px;margin:0;padding:5px 5px}.sheet-config .rotate input{width:auto;accent-color:#67a9be}.tabs{padding:0 20px;border-bottom:1px solid var(--line);display:flex;gap:20px;background:#192124}.tabs button{border:0;background:none;padding:13px 0 10px;font-weight:700;color:#849297;cursor:pointer;border-bottom:2px solid transparent}.tabs button.active{color:#86b4c2;border-color:#70aabb}.tab-content{display:none}.tab-content.active{display:block}.canvas-wrap{padding:18px 20px 11px}.canvas-head{display:flex;justify-content:space-between;margin-bottom:11px}.canvas-head b{color:#dce5e7}.canvas-head span{color:#849397;font-size:11px}.sheet-canvas{position:relative;aspect-ratio:1.5;width:100%;max-height:480px;border:5px solid #384549;background:repeating-linear-gradient(4deg,rgba(255,255,255,.025) 0 1px,transparent 1px 7px),linear-gradient(135deg,#252b27,#121716);box-shadow:inset 0 0 35px rgba(0,0,0,.6);overflow:hidden}.part{position:absolute;border:1px solid rgba(170,225,225,.7);box-shadow:inset 0 0 0 1px rgba(4,12,12,.55),0 0 8px rgba(84,197,195,.11);padding:6px;overflow:hidden;font-size:10px;font-weight:800;display:flex;flex-direction:column;justify-content:space-between;color:#eef8f4;text-shadow:0 1px 2px #111}.part:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(7deg,rgba(255,255,255,.07) 0 1px,transparent 1px 7px);pointer-events:none}.part span{font-size:9px;font-weight:600;opacity:.9}.p0{background:#5c4a28}.p1{background:#35524e}.p2{background:#62462e}.p3{background:#3a4c5e}.p4{background:#65404d}.p5{background:#4b4563}.sheet-nav{padding:0 20px 19px;display:flex;gap:7px;flex-wrap:wrap}.sheet-nav button{border:1px solid #3a474b;background:#161e21;color:#b8c4c6;border-radius:5px;padding:6px 9px;cursor:pointer;font-size:11px}.sheet-nav button.active{background:#3b6674;border-color:#78aab8;color:#fff}.table-wrap{padding:18px 20px;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:9px;color:#849398;text-transform:uppercase;letter-spacing:.08em}th,td{border-bottom:1px solid #303b3f;padding:11px 7px}td{color:#cfd9da}td:nth-child(2),td:nth-child(3){font-variant-numeric:tabular-nums}.notes{padding:22px}.notes h3{margin-top:0}.notes li{margin:8px 0;color:#b8c4c7}.warning{padding:12px;background:#362a1b;border-left:3px solid #c99b4e;font-size:12px;color:#ebd3a6;margin-top:20px}footer{padding:20px;text-align:center;color:#718086;font-size:11px}@media(max-width:900px){.workspace{grid-template-columns:1fr}.hero-stat{display:none}}@media(max-width:600px){main{padding:18px 11px}.topbar{padding:0 13px}.topnote,.status-dot{display:none}.metrics{grid-template-columns:1fr 1fr}.metrics div{border-bottom:1px solid var(--line)}.sheet-config{padding:11px}.results-header{padding:17px}.canvas-wrap{padding:14px}.field-grid{gap:8px}}