:root{--ink:#182320;--paper:#e9e6dd;--cream:#f4f1e9;--line:#c9cbc1;--muted:#68706a;--red:#c74730;--white:#fff;--mono:'Courier New',monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--ink);padding:13px 19px;background:var(--ink);color:var(--cream);font-weight:600;cursor:pointer;transition:background .16s,transform .16s}button:hover,.button:hover{background:#30473e}button:active,.button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:4px}.secondary{color:var(--ink);background:transparent}.secondary:hover{background:#d8dcd0}.danger{background:#a73024;border-color:#a73024;color:white}.small{padding:7px 12px;font-size:12px}.quiet{background:transparent;color:inherit;border:none;padding:0;font-size:12px;font-weight:400}.quiet:hover{background:transparent;text-decoration:underline}.page-frame{max-width:1800px;margin:auto}.topbar{height:88px;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:var(--cream)}.wordmark{display:flex;align-items:center;gap:13px;font-size:25px;letter-spacing:-1.4px}.wordmark b{font-weight:400;border-left:1px solid var(--line);padding-left:12px;margin-left:6px;color:var(--muted)}nav{display:flex;align-items:center;gap:27px;font-size:12px}nav a:hover{text-decoration:underline}.workspace{display:grid;grid-template-columns:215px minmax(0,1fr);min-height:calc(100vh - 146px)}aside{display:flex;flex-direction:column;border-right:1px solid var(--ink);padding:35px 22px;gap:9px;background:var(--ink);color:var(--cream)}aside>.eyebrow{font-size:9px;opacity:.45;margin-bottom:12px}aside>a{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11px;padding:10px 8px}aside>a span{flex:1}aside>a:hover,aside>a.active{background:#304139}.aside-rule{height:1px;background:#435049;margin:20px 0 12px}.aside-foot{margin-top:auto;padding-top:80px;font-family:var(--mono);letter-spacing:2px;font-size:11px}.aside-foot span{font-family:Arial,sans-serif;letter-spacing:0;color:#a0aaa2;font-size:11px}.main{min-width:0;padding:38px 42px 60px}.standalone{padding:0 40px;min-height:calc(100vh - 146px)}footer{border-top:1px solid var(--ink);padding:20px 40px;display:flex;justify-content:space-between;gap:20px;font-size:10px;font-family:var(--mono);letter-spacing:1px}footer a{text-decoration:underline}h1,h2,h3,p{margin:0}h1{font-size:clamp(32px,3.3vw,54px);font-weight:400;letter-spacing:-2px;line-height:1.05}h2{font-size:24px;font-weight:400;letter-spacing:-.8px;line-height:1.2}h3{font-size:18px;font-weight:500;letter-spacing:-.4px}p{color:var(--muted);line-height:1.6}small{font-size:11px;color:var(--muted)}.eyebrow{font-size:10px;font-family:var(--mono);letter-spacing:1.2px;display:block}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}.page-heading h1{margin-top:15px}.status{font-size:10px;letter-spacing:1px;border:1px solid var(--ink);padding:5px 10px;text-transform:uppercase;align-self:center}.panel{border:1px solid var(--line);background:var(--cream);padding:26px}.stack{display:flex;flex-direction:column;gap:19px}.stack h2+.stack{margin-top:10px}.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.align-start{align-items:start}.narrow{max-width:520px}.top-space{margin-top:28px}.section-title{margin:32px 0 18px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:500}input,select,textarea{width:100%;min-width:0;padding:12px 13px;border:1px solid #b5bcb1;background:#fdfcf8;border-radius:0;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}input:disabled{background:var(--paper);color:var(--muted)}textarea{resize:vertical}input[type=checkbox]{width:16px;height:16px;accent-color:var(--ink);margin:0}input[type=range]{padding:0;accent-color:var(--red)}input[type=color]{height:39px;padding:4px;cursor:pointer}.toggle{flex-direction:row;align-items:center;gap:10px}.notice{padding:16px 20px;background:#d8e1d1;border-left:3px solid var(--ink);margin-bottom:25px;line-height:1.5}.notice.error{background:#f2dcd2;border-color:var(--red)}.notice code{overflow-wrap:anywhere}.error{color:#a73024}.secret{display:block;padding:12px;background:var(--paper);font-size:12px;overflow-wrap:anywhere;user-select:all}.wrap{display:block;overflow-wrap:anywhere;margin-top:12px}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--ink);margin-bottom:30px;overflow:auto}.tabs a{padding:0 0 14px;white-space:nowrap;font-size:12px;color:var(--muted)}.tabs a.active{color:var(--ink);box-shadow:inset 0 -3px var(--red)}.tabs a:hover{color:var(--ink)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin:0 0 28px}.stats>div{padding:23px 20px 22px 0;display:flex;flex-direction:column;gap:15px}.stats>div+div{padding-left:22px;border-left:1px solid var(--line)}.stats span{font-size:11px;color:var(--muted)}.stats strong{font-size:42px;font-weight:400;line-height:1;letter-spacing:-2px}.resource{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.resource:hover{color:var(--red)}.resource code{font-size:11px;overflow-wrap:anywhere}.table-scroll{overflow:auto;border-top:1px solid var(--ink)}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;font-family:var(--mono);font-size:10px;font-weight:400;color:var(--muted);text-transform:uppercase;padding:14px 12px}td{padding:18px 12px;border-top:1px solid var(--line);vertical-align:middle}td:first-child,th:first-child{padding-left:0}td code{font-size:11px}td strong{font-weight:500}.inline-actions{display:flex;flex-wrap:wrap;gap:6px}.empty{padding:90px 25px;text-align:center;border:1px solid var(--line);margin:30px 0}.empty h1,.empty h2{margin:18px auto;max-width:800px}.empty p{margin-bottom:25px}.empty .eyebrow{color:var(--muted)}.empty.compact{padding:40px}.empty-mark{font-size:70px;line-height:1;color:var(--red)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:24px}.project-card{border:1px solid var(--ink);background:var(--cream)}.project-card:hover .project-caption{background:var(--ink);color:var(--cream)}.project-swatch{height:230px;position:relative;overflow:hidden;padding:22px}.project-swatch>span{font-size:11px}.project-swatch>b{position:absolute;right:22px;bottom:20px;font-size:35px;font-weight:400}.door{position:absolute;width:85px;height:130px;border:10px solid;bottom:-1px;left:calc(50% - 42px)}.door i{position:absolute;width:9px;height:9px;right:5px;top:50%}.project-caption{display:flex;justify-content:space-between;align-items:center;padding:20px;transition:.2s}.project-caption h3{margin-bottom:5px}.auth-grid{display:grid;grid-template-columns:1.1fr 1fr;min-height:690px;max-width:1200px;margin:45px auto;border:1px solid var(--ink)}.auth-art{padding:35px 40px;background:var(--ink);color:var(--cream);position:relative;overflow:hidden}.auth-art h1{font-size:66px;position:relative;margin-top:55px;z-index:1}.auth-art p{margin-top:25px;color:#a9b4a9;position:relative;z-index:1}.monogram{font-family:Georgia,serif;font-size:200px;letter-spacing:-25px;line-height:1.2;padding:45px 0 0;color:#c9d0bf}.monogram span{color:var(--red)}.auth-form{align-self:center;padding:60px;gap:22px}.auth-form h2{font-size:34px;margin:6px 0 10px}.form-links{display:flex;justify-content:space-between;gap:15px;font-size:11px}.form-links a{text-decoration:underline}.hero{position:relative;padding:35px 0 60px;overflow:hidden}.hero-top{display:flex;justify-content:space-between}.edition{font-family:var(--mono);font-size:10px}.hero h1{font-size:clamp(65px,8.8vw,150px);line-height:.98;margin:95px 0 55px;position:relative;z-index:1;letter-spacing:-7px}.hero em{font-family:Georgia,serif;font-weight:400;color:var(--red);letter-spacing:-7px}.hero-bottom{display:flex;align-items:center;gap:80px;position:relative;z-index:1}.hero-bottom p{font-size:15px;color:var(--ink)}.hero-stamp{position:absolute;right:-40px;top:70px;width:380px;height:480px;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:190px;line-height:.75;transform:rotate(9deg);opacity:.11}.hero-stamp span{font-size:100px;color:var(--red);margin:20px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);padding:35px 0 50px;gap:30px}.principles>div+div{border-left:1px solid var(--ink);padding-left:35px}.principles span{font-family:var(--mono);font-size:10px}.principles h2{font-size:30px;margin-top:30px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:1100px;margin:60px auto;align-items:start}.setup-grid h1{font-size:80px;margin:30px 0}.checklist{margin-top:45px}.checklist>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.checklist b{font-family:var(--mono);font-size:9px}.ok{color:#476b3d}.bad{color:var(--red)}hr{border:0;border-top:1px solid var(--line);width:100%;margin:6px 0}.studio{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start}.studio-controls{padding:20px;background:var(--cream);border:1px solid var(--line);gap:20px}.studio-title{display:flex;align-items:center;justify-content:space-between}.studio-title .status{font-size:8px;padding:3px 6px}.studio-controls details{border-bottom:1px solid var(--line);padding-bottom:18px}summary{cursor:pointer;font-size:12px;font-weight:600}details>div{margin-top:20px}.palette{display:grid;grid-template-columns:1fr 1fr;gap:12px}.studio-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-actions button{padding:11px 9px;font-size:11px;justify-content:center;gap:4px}.studio-preview{position:sticky;top:22px;min-width:0}.preview-toolbar{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);background:var(--cream);padding:10px}.segmented{display:flex;gap:3px}.segmented button{padding:6px 10px;font-size:10px;gap:0;background:transparent;color:var(--muted);border-color:transparent}.segmented button.selected{background:var(--ink);color:var(--cream)}.preview-stage{height:650px;padding:22px;background:#d3d5cb;display:flex;justify-content:center;overflow:auto;border:1px solid var(--line);border-top:0}.preview-stage iframe{width:100%;height:100%;border:1px solid #b8beb3;background:var(--cream);transition:width .2s}.preview-stage iframe.mobile{width:360px;max-width:100%}.studio-preview>small{display:block;margin-top:10px}.import-panel{margin-top:30px}.scope-options{display:flex;flex-direction:column;gap:13px;border:1px solid var(--line);padding:16px}.scope-options label{flex-direction:row;align-items:center;gap:10px}.scope-options legend{font-size:11px}.key-reveal{display:flex;flex-direction:column;gap:15px}.key-reveal code{font-size:15px;user-select:all}.search{display:flex;gap:10px;max-width:550px;margin-bottom:25px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:25px;font-size:11px;margin-top:24px}.pagination a{text-decoration:underline}.danger-panel{border-color:#d3a295}.prose{max-width:850px}.prose p+p{margin-top:20px}.docs-grid{display:grid;grid-template-columns:180px minmax(0,1fr);gap:35px}.docs-nav{display:flex;flex-direction:column;gap:14px;font-size:12px;position:sticky;top:20px;align-self:start}.docs-body{min-width:0}.docs-body section{margin-bottom:40px;scroll-margin-top:25px}.docs-body h2{margin-bottom:16px}.docs-body p{margin:10px 0 18px}.docs-body pre,pre{background:var(--ink);color:#d4dfce;padding:22px;overflow:auto;font-size:12px;line-height:1.7}.docs-body code{font-family:var(--mono)}.docs-body li{margin-bottom:10px}.docs-body table{margin-top:20px}.docs-body td{padding:14px 8px}.docs-body table code{white-space:nowrap}.auth-form .notice{margin:0}.standalone>.narrow{margin:70px auto}.prose{margin-bottom:50px}output{float:right;color:var(--muted)}@media(min-width:1500px){.studio{grid-template-columns:310px minmax(0,1fr)}.preview-stage{height:720px}}@media(max-width:1100px){.main{padding:30px 25px}.topbar{padding:0 25px}.workspace{grid-template-columns:175px minmax(0,1fr)}aside{padding:30px 15px}.studio{grid-template-columns:245px minmax(0,1fr);gap:15px}.preview-stage{padding:12px}.auth-form{padding:35px}.auth-art h1{font-size:56px}.auth-art{padding:30px}.setup-grid{gap:35px}.hero h1{letter-spacing:-4px}.hero em{letter-spacing:-4px}}@media(max-width:800px){.workspace{display:block}aside{flex-direction:row;flex-wrap:wrap;align-items:center;gap:5px;padding:12px 20px;border-right:0;border-bottom:1px solid var(--ink)}aside>.eyebrow,.aside-rule,.aside-foot{display:none}aside>a{padding:8px;font-size:10px;gap:5px}aside>a span{flex:initial}.topbar{height:auto;min-height:77px;padding:18px 22px;gap:15px}.wordmark{font-size:21px}.wordmark img{width:25px;height:25px}nav{gap:15px}nav>a:first-child{display:none}.studio{grid-template-columns:240px minmax(0,1fr)}.preview-toolbar{flex-direction:column}.two{gap:16px}.main{padding:30px 22px}.standalone{padding:0 22px}.setup-grid{grid-template-columns:1fr;margin:35px auto}.setup-grid h1{font-size:60px}.checklist{margin-top:25px}.auth-grid{min-height:0;grid-template-columns:1fr;margin:25px auto;max-width:500px}.auth-art{padding:25px}.monogram{display:none}.auth-art h1{font-size:48px;margin-top:25px}.auth-art p{margin-top:20px}.auth-form{padding:30px}.hero{padding-top:28px}.hero h1{font-size:80px;margin:85px 0 45px;letter-spacing:-5px}.hero em{letter-spacing:-5px}.hero-stamp{right:-170px;opacity:.08}.hero-bottom{gap:35px}.principles h2{font-size:26px}.principles>div+div{padding-left:22px}.docs-grid{grid-template-columns:1fr}.docs-nav{position:static;flex-direction:row;flex-wrap:wrap}.stats>div{padding:18px 10px}.stats>div+div{padding-left:13px}.stats strong{font-size:35px}.stats{grid-template-columns:repeat(2,1fr)}.stats>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.stats>div:nth-child(4){border-top:1px solid var(--line)}}@media(max-width:600px){.topbar{flex-wrap:wrap}.topbar nav{font-size:11px;gap:14px;margin-left:auto}.topbar .button{padding:7px 10px}.main{padding:25px 17px 40px}.standalone{padding:0 17px}.page-heading{align-items:start;gap:15px}.page-heading .button{font-size:11px;padding:10px;white-space:nowrap}.page-heading h1{font-size:34px}.page-heading .eyebrow{font-size:9px}.two{grid-template-columns:1fr}.tabs{gap:22px}.studio{display:flex;flex-direction:column}.studio-preview{position:static;order:-1;width:100%}.preview-toolbar{flex-direction:row;flex-wrap:wrap}.preview-stage{height:470px;padding:10px}.studio-controls{width:100%}.studio-controls .palette{grid-template-columns:repeat(3,1fr)}.studio-controls details>div.stack{display:grid;grid-template-columns:1fr 1fr}.studio-controls .toggle{grid-column:1/-1}.panel{padding:22px}.hero-top .edition{display:none}.hero h1{font-size:clamp(48px,12.5vw,76px);letter-spacing:-3px;margin:75px 0 40px}.hero em{letter-spacing:-3px}.hero-bottom{align-items:start;flex-direction:column;gap:25px}.hero-stamp{width:260px;right:-125px;top:50px}.principles{gap:15px;padding:28px 0}.principles h2{font-size:19px;letter-spacing:-.4px}.principles span{font-size:8px}.principles>div+div{padding-left:15px}.hero{padding-bottom:40px}footer{padding:20px 17px;font-size:8px}footer>span:nth-child(2){display:none}.auth-form{padding:25px}.auth-art h1{font-size:42px}.setup-grid h1{font-size:55px}.project-grid{grid-template-columns:1fr}.search button{white-space:nowrap}.form-links{font-size:10px}.docs-body pre{font-size:11px;padding:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}