:root{--ink:#14110d;--ink-soft:#4a423a;--ink-faint:#8b8177;--parchment:#f6f1e6;--parchment-deep:#ece4d4;--gold:#9a7434;--rule:#ded3bf;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:ui-sans-serif, -apple-system, "Segoe UI", Inter, system-ui, sans-serif}*{box-sizing:border-box}body{background:var(--parchment);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;padding:0 1.5rem 4rem;line-height:1.6}a{color:var(--gold);text-underline-offset:.2em}.masthead{text-align:center;max-width:62rem;margin:0 auto;padding:3.5rem 0 2.5rem}.masthead h1{font-family:var(--serif);letter-spacing:.01em;margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:400}.masthead__promise{max-width:34rem;color:var(--ink-soft);margin:.9rem auto 0;font-size:1.02rem}.studio{grid-template-columns:minmax(0,1fr);gap:1.75rem;max-width:62rem;margin:0 auto;display:grid}@media (width>=60rem){.studio{grid-template-columns:minmax(0,1.35fr) minmax(18rem,1fr);align-items:start}.stage{grid-column:1/-1}}.stage__frame{border:1px solid var(--rule);background:linear-gradient(180deg, #fffdf8 0%, var(--parchment-deep) 100%);border-radius:3px;place-items:center;min-height:15rem;padding:2.5rem 1.5rem;display:grid;box-shadow:inset 0 1px #fff,0 1px 2px #14110d0f}.stage__preview{width:100%;max-width:100%;line-height:0}.stage__preview svg{width:auto;max-width:100%;height:auto;max-height:30vh;margin:0 auto;display:block}.stage__preview:empty{display:none}.stage__placeholder{color:var(--ink-faint);font-family:var(--serif);margin:0;font-size:1.05rem;font-style:italic}.stage__note{color:var(--ink-faint);text-align:center;margin:.75rem 0 0;font-size:.84rem}.field{margin-bottom:1.25rem;display:block}.field--row{flex-wrap:wrap;gap:1rem;display:flex}.field__label,.option__label{color:var(--ink-soft);letter-spacing:.09em;text-transform:uppercase;margin-bottom:.4rem;font-size:.76rem;font-weight:600;display:block}textarea,select,input[type=number]{border:1px solid var(--rule);width:100%;color:var(--ink);font-family:var(--sans);background:#fffdf8;border-radius:2px;padding:.65rem .75rem;font-size:1rem}textarea{resize:vertical;min-height:4.5rem}textarea:focus-visible,select:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.field__hint,.toggle__hint{color:var(--ink-faint);margin-top:.4rem;font-size:.82rem;display:block}.unsupported{color:#7c2f20;background:#fdf3f0;border-left:3px solid #9c3b28;margin:-.75rem 0 1.25rem;padding:.6rem .75rem;font-size:.85rem}.unsupported code{background:#f6ded8;padding:0 .2em;font-size:.95em}.option{flex:8rem}.option__inline{align-items:center;gap:.4rem;display:flex}.option__unit{color:var(--ink-faint);font-size:.9rem}.toggle{cursor:pointer;align-items:start;gap:.6rem;margin-bottom:1.5rem;display:flex}.toggle input{accent-color:var(--gold);margin-top:.35rem}.toggle__hint{margin-top:.1rem}.actions{flex-wrap:wrap;gap:.6rem;display:flex}.button{border:1px solid var(--ink);background:var(--ink);color:var(--parchment);font-family:var(--sans);cursor:pointer;border-radius:2px;padding:.6rem 1rem;font-size:.93rem;transition:opacity .12s}.button:hover:not(:disabled){opacity:.85}.button:disabled{opacity:.35;cursor:not-allowed}.button--ghost{color:var(--ink);border-color:var(--rule);background:0 0}.button__tag{color:var(--ink-faint);margin-left:.35rem;font-size:.76rem}.status{min-height:1.3rem;color:var(--ink-faint);margin:.75rem 0 0;font-size:.85rem}.status[data-tone=error]{color:#9c3b28}.breakdown h2,.caution h2{font-family:var(--serif);margin:0 0 .5rem;font-size:1.2rem;font-weight:400}.breakdown__intro{color:var(--ink-soft);margin:0 0 .9rem;font-size:.9rem}.breakdown__list{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.breakdown__list li{border-bottom:1px solid var(--rule);gap:1rem;padding:.55rem 0;font-size:.88rem;display:flex}.breakdown__word{flex:0 0 7rem;font-weight:600}.breakdown__parts{color:var(--ink-soft);word-break:break-word;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem}.caution{border-left:3px solid var(--gold);background:#fffdf8;padding:1.1rem 1.25rem}.caution p{color:var(--ink-soft);margin:0;font-size:.89rem}.colophon{border-top:1px solid var(--rule);max-width:62rem;color:var(--ink-faint);text-align:center;margin:3rem auto 0;padding-top:1.25rem;font-size:.8rem}.colophon p{margin:.3rem 0}.masthead__nav{margin-bottom:1.25rem;font-size:.85rem}.masthead__nav a{color:var(--ink-faint);border-bottom:1px solid var(--rule);padding-bottom:1px;text-decoration:none}.masthead__nav a:hover{color:var(--gold);border-color:var(--gold)}.masthead--compact{text-align:left;max-width:44rem;padding:2rem 0 1rem}.guides{grid-column:1/-1}.guides h2,.article__more h2{font-family:var(--serif);margin:0 0 .75rem;font-size:1.2rem;font-weight:400}.guides__list{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.guides__list li{border:1px solid var(--rule);background:#fffdf8;border-radius:3px;padding:.9rem 1rem}.guides__list a{color:var(--ink);font-family:var(--serif);margin-bottom:.35rem;font-size:1.02rem;text-decoration:none;display:block}.guides__list a:hover{color:var(--gold)}.guides__blurb{color:var(--ink-faint);font-size:.83rem;line-height:1.5;display:block}.page--guide{padding-bottom:3rem}.article{max-width:44rem;margin:0 auto}.article h1{font-family:var(--serif);margin:0 0 .75rem;font-size:clamp(1.7rem,4vw,2.4rem);font-weight:400;line-height:1.2}.article__standfirst{border-bottom:1px solid var(--rule);color:var(--ink-soft);margin:0 0 2rem;padding-bottom:1.5rem;font-size:1.08rem;line-height:1.55}.article h2{font-family:var(--serif);margin:2.25rem 0 .6rem;font-size:1.32rem;font-weight:400}.article p,.article li{font-size:1.02rem;line-height:1.7}.article ul,.article ol{padding-left:1.2rem}.article li{margin-bottom:.45rem}.article code{background:var(--parchment-deep);border-radius:2px;padding:.05em .3em;font-size:.9em}.article__cta{border-left:3px solid var(--gold);background:#fffdf8;margin:2.5rem 0;padding:1.25rem 1.4rem}.article__cta p{margin:0 0 .9rem;font-size:.95rem}.article__cta .button{text-decoration:none;display:inline-block}.article__more{border-top:1px solid var(--rule);margin-top:3rem;padding-top:1.5rem}.unlock{border:1px solid var(--rule);background:#fffdf8;border-radius:3px;margin-top:1.25rem;padding:1.1rem 1.25rem}.unlock__title{font-family:var(--serif);margin:0 0 .4rem;font-size:1.1rem;font-weight:400}.unlock__body{color:var(--ink-soft);margin:0 0 .9rem;font-size:.88rem}.unlock__key{margin-top:1.1rem;display:block}.unlock__key .option__inline{gap:.5rem}.unlock__key input{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem}