/* Workspace primitives. Showroom art/layout CSS is loaded only in the design studio. */
:root{--paper:#f5efdf;--ink:#153c32;--green:#10382e;--line:#dfd5bc;--accent:#e8b557;--lime:#e9bb66;--muted:#737966}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 98% 0,#efc06e28,transparent 45%),var(--paper);color:var(--ink);font:14px sans-serif}button,select,input{font:inherit}button{color:inherit;border:0;background:none}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ac7125;outline-offset:3px}aside{position:fixed;inset:0 auto 0 0;background:linear-gradient(165deg,#153f32,#09291f);color:#e9eddf;display:flex;flex-direction:column;z-index:2;border-right:1px solid #bd975844}.logo{font-size:39px;font-weight:850;letter-spacing:-3px;color:#f3d394;text-shadow:0 3px 0 #0003}.logo small{display:block;font-size:11px;letter-spacing:5px;font-weight:400;margin-top:3px;color:#dacdab}nav button{display:block;text-align:left;width:100%;border-radius:8px;color:#d7e1d2}nav button.active{background:linear-gradient(105deg,#f3d494,#dfab4b);color:#183b2d;font-weight:650}.side-bottom{margin-top:auto;border-top:1px solid #d5ae5433;line-height:1.7;font-size:12px;color:#d9cba7}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.crumb{color:var(--muted);font-size:12px}.controls{display:flex;align-items:center}.language{border:1px solid var(--line);border-radius:6px;padding:8px;background:#f9f3e5}.heading{display:flex;justify-content:space-between;align-items:center}h1{margin:0 0 8px}h2{font-size:21px;margin:0;letter-spacing:-.4px}p{color:var(--muted);line-height:1.6;margin:0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;margin-bottom:15px}.primary{background:linear-gradient(125deg,#f0cb7d,#dbab53);color:#17392e;box-shadow:0 3px 0 #b18a3e;border-radius:7px;padding:12px 18px;white-space:nowrap;font-weight:650}.primary:hover{background:#f4d594}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.metric{background:linear-gradient(145deg,#fffdf7,#f7efd9);border:1px solid var(--line);border-top:2px solid #d2ab61}.metric label{color:var(--muted)}.metric strong{color:#194531;font-weight:600}.panel{border:1px solid var(--line);border-radius:10px;background:#fffdf5}.pill{display:inline-block;border-radius:5px;background:#e3efd5;color:#416044;white-space:nowrap}.pill.warning{background:#ffe2cc;color:#8d4522}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.chip{border:1px solid var(--line);padding:10px 15px;border-radius:7px}.chip.selected{background:#173e30;color:#f6d18b}.note{font-size:11px;color:var(--muted);margin-top:18px}.ledger-scroll{overflow-x:auto}dialog{border:1px solid var(--line);border-radius:12px;padding:30px;max-width:480px;width:90%;color:var(--ink);background:#fffaf0}dialog::backdrop{background:#102b2999}dialog h2{margin-bottom:15px}dialog button{margin-top:20px}dialog p{white-space:pre-line}@media(max-width:740px){.logo small{display:inline;margin-left:12px;font-size:9px;letter-spacing:3px}.side-bottom{display:none}nav{display:flex;overflow-x:auto}nav button{white-space:nowrap;width:auto;flex-shrink:0}}