:root{font-family:Arial,Helvetica,sans-serif;color:#eae9df;background:#202722;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{border:1px solid #525c50;color:inherit;background:transparent;border-radius:5px;min-height:44px;padding:10px 14px;cursor:pointer;transition:background .18s,transform .18s}button:hover{background:#ffffff12}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e2ecac;outline-offset:4px}a{color:inherit;text-decoration:none}.app{min-height:100dvh;background:radial-gradient(ellipse at 10% 60%,#30423555,transparent 55%)}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 3.5vw;border-bottom:1px solid #4a514630}.wordmark{font-family:Georgia,serif;font-size:26px;letter-spacing:-1px;display:flex;gap:10px;align-items:center}.brand-icon{color:#cadca3;font-size:36px;line-height:1}.edition{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1.6px;line-height:1.7;margin-left:16px;max-width:110px}.top-actions{display:flex;gap:8px}.top-actions button{font-size:11px}main{max-width:1700px;margin:auto;display:grid;grid-template-columns:300px minmax(0,1fr);gap:4.5vw;padding:36px 5vw 25px}.intro{padding-top:12px}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:600;color:#b8c2aa}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#cfdfa1;margin-right:8px;animation:breathe 3s infinite}h1{font-family:Georgia,serif;font-size:clamp(44px,4.6vw,74px);font-weight:400;line-height:1.03;letter-spacing:-3px;margin:29px 0 25px}h1 i{color:#c6d79f;font-weight:400}p.lead{font-size:12px;line-height:1.85;color:#b3baae;max-width:255px}.steps{display:flex;gap:10px;margin-top:30px}.steps span{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;border:1px solid #59614f;color:#a8af9c;font-size:10px}.steps .current{background:#c9daa2;color:#202722;border-color:#c9daa2;box-shadow:0 0 0 5px #c9daa20d}.steps .done{background:#57664b}.turn-label{font-size:9px;letter-spacing:2px;margin-top:18px;color:#b8c2aa}.rule-card{border-top:1px solid #69715a4a;margin-top:28px;padding-top:22px;max-width:250px}.rule-card span{font-size:8px;letter-spacing:2px}.rule-card p{font:italic 17px/1.5 Georgia,serif;color:#d7dbca;margin:12px 0}.rule-card small{font-size:10px;line-height:1.6;color:#b1b9a9;display:block}.new-link{margin-top:18px;border:none;padding-left:0;color:#cedda9;font-size:11px}.studio{min-width:0}.sheet-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px}.sheet-heading .eyebrow{color:#a4af94;font-size:8px}h2{font-family:Georgia,serif;font-size:24px;font-weight:400;letter-spacing:-.4px;margin:9px 0 0}.sheet-number{font:italic 25px Georgia,serif;color:#92a27b}.paper-wrap{position:relative;isolation:isolate;margin:0 8px 0 0}.paper-edge{position:absolute;inset:5px -7px -6px 5px;z-index:-1;background:#a6aa94;transform:rotate(.6deg)}.paper{display:block;width:100%;max-height:62dvh;aspect-ratio:4/3;background:#f4f0e5;box-shadow:0 15px 50px #0003;touch-action:none;cursor:crosshair;border-radius:2px}.paper:focus-visible{outline:3px solid #c9daa2;outline-offset:6px}.cursor{display:none}.paper:focus-visible .cursor{display:block}.carbon-mark{filter:drop-shadow(0 0 3px #81985c77)}.corner-mark{position:absolute;bottom:13px;left:18px;font-size:7px;letter-spacing:2px;color:#545d4c;pointer-events:none}.toolbelt{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid #606e503a;padding:22px 0 17px}.toolbelt button{font-size:10px;border-color:transparent}.inks{display:flex;gap:5px;align-items:center}.toolbelt .ink{width:38px;height:44px;padding:9px;background:transparent;position:relative}.ink:before{content:"";display:block;width:21px;height:21px;border-radius:50%;background:var(--ink);border:1px solid #d5d8c68a}.ink.active{border-color:#a2b888;border-radius:50%}.weight{font-size:10px;color:#aebaa3;display:flex;align-items:center;gap:8px}select{background:#30392c;color:#e7e9dc;border:1px solid #5b6751;border-radius:4px;padding:10px;min-height:44px;font-size:11px}.tool-divider{height:25px;width:1px;background:#606e504a;margin:0 2px}.selected{background:#cadba327!important;color:#edf4dc!important;border-color:#b1ca87!important}.bottom-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0 0}.bottom-row p{font-size:11px;line-height:1.5;color:#c1cbb3}.bottom-row p span{color:#9ea98f}.primary{background:#cedfa6;color:#273124;border-color:#cedfa6;font-size:11px;font-weight:600;padding:15px 21px}.primary:hover{background:#e0ecc4}.primary span{margin-left:25px}.keyboard-help{font-size:9px;line-height:1.5;color:#a7b199;margin-top:18px}.handoff{position:absolute;inset:0;background:#e9e6da;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#324538;border:16px solid #f5f1e6}.handoff-icon{font:80px Georgia,serif;color:#80936a}.handoff .eyebrow{color:#607155}.handoff h2{font-size:38px}.handoff p{font-size:13px;line-height:1.8;margin:18px}.handoff .primary{background:#344735;color:#eef1e8;border-color:#344735}.carbon-picker{padding:15px;background:#2d382c;border-radius:6px;margin-top:14px}.carbon-picker p{font-size:11px;color:#b8c8ad}.carbon-picker>div{display:flex;gap:9px;flex-wrap:wrap}.carbon-picker button{font-size:10px;display:flex;align-items:center;gap:5px}.carbon-picker svg{background:#f4f0e5;width:50px;height:38px}.muted{font-size:12px;color:#afbaa5}footer{border-top:1px solid #69715a30;padding:18px 3.5vw;display:flex;justify-content:space-between;align-items:center;gap:20px}footer>span{font-size:7px;letter-spacing:1.5px;white-space:nowrap;color:#9aa98e}footer p{font-size:10px;line-height:1.6;max-width:620px;color:#bac6ad;margin:0;text-align:center}dialog{max-width:440px;width:calc(100% - 30px);padding:30px;border:1px solid #707d60;border-radius:8px;background:#283426;color:#e8ecd9}dialog::backdrop{background:#111b16cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog p{font-size:13px;line-height:1.8;color:#bdc9af}dialog label{display:flex;justify-content:space-between;align-items:center;font-size:13px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;font-size:12px}@keyframes breathe{50%{opacity:.4}}.quiet *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1500px){main{grid-template-columns:350px 1fr;gap:80px}.paper{max-height:65dvh}}@media(max-width:1000px){main{grid-template-columns:220px minmax(0,1fr);padding:30px 3vw;gap:3vw}h1{font-size:48px}.edition{display:none}.paper{max-height:none}.toolbelt{gap:2px}.bottom-row{align-items:flex-start;flex-direction:column}.rule-card{margin-top:22px}.tool-divider{display:none}footer>span:last-child{display:none}}@media(max-width:700px){header{padding:16px;flex-wrap:wrap;gap:10px}.wordmark{font-size:25px}.top-actions{width:100%;justify-content:space-between}.top-actions button{flex:1}main{display:flex;flex-direction:column;padding:18px 16px;gap:22px}.intro{display:grid;grid-template-columns:1fr auto;gap:6px 20px}.intro>.eyebrow{grid-column:1/-1}h1{font-size:35px;letter-spacing:-1.3px;line-height:1.1;margin:10px 0;grid-column:1/-1}h1 br{display:none}h1 i:before{content:" "}.lead,.rule-card{display:none}.steps{margin:0}.turn-label{margin:12px 0;grid-column:1}.new-link{margin:0;grid-column:2;grid-row:3/5}.sheet-heading{margin-bottom:15px}.sheet-heading h2{font-size:21px}.paper{max-height:none}.toolbelt{padding-top:16px;justify-content:flex-start}.toolbelt button{padding:9px}.bottom-row{gap:5px;margin-top:12px}.bottom-row .primary{width:100%;text-align:center}.keyboard-help{font-size:9px}.handoff{border-width:8px}.handoff-icon{font-size:40px}.handoff h2{font-size:25px}.handoff p{font-size:11px;margin:12px}.handoff .primary{padding:10px}.handoff .eyebrow{font-size:7px}footer{padding:16px;display:block}footer>span{display:block;text-align:center;margin-bottom:10px}footer p{font-size:10px}.sheet-number{font-size:20px}}footer .analytics{font-size:9px;white-space:nowrap;color:#bac6ad;padding:8px;min-height:44px}@media(max-width:700px){footer .analytics{display:block;margin:10px auto 0}}.analytics-wrap{max-width:190px;font-size:9px;line-height:1.5;color:#b4c0a6}.analytics-wrap small{display:block;font-size:8px}@media(max-width:700px){.analytics-wrap{margin:12px auto;text-align:center}}
