.studio-page{padding:clamp(16px, 4vh, 48px) var(--gutter) clamp(64px, 12vh, 128px)}.studio{max-width:52rem;margin:0 auto}.studio-title{font-size:var(--t-title);margin-bottom:10px;font-weight:500;line-height:1.1}.studio-lead{max-width:38rem;margin-bottom:18px;line-height:1.55}.studio-preview{border-inline-start:3px solid var(--c-rust-deep);background:var(--c-stone);font-family:var(--sans);margin-bottom:28px;padding:8px 14px;font-size:14px;line-height:1.5;display:inline-block}.studio-sheet{background:var(--c-paper);box-shadow:0 1px 0 var(--c-line), 0 18px 40px -26px var(--shadow);border-radius:2px;flex-direction:column;gap:12px;padding:clamp(22px,4vw,56px);scroll-margin-top:16px;display:flex;position:relative}.studio-label{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--c-rust-deep);font-size:12px;font-weight:600}.studio-hint{font-family:var(--sans);color:var(--c-muted);font-size:14px;line-height:1.5}.studio-tabs{border:0;flex-wrap:wrap;gap:6px;padding-inline-start:clamp(12px,3vw,28px);display:flex}.studio-tab{position:relative;top:1px}.studio-tab input{opacity:0;cursor:pointer;position:absolute;inset:0}.studio-tab span{border:1px solid var(--c-line);background:var(--c-stone);min-height:44px;font-family:var(--sans);color:var(--c-muted);border-bottom:0;border-radius:10px 10px 0 0;align-items:center;padding:0 20px;font-size:14px;font-weight:600;display:inline-flex}.studio-tab input:checked+span{background:var(--c-paper);color:var(--c-ink);box-shadow:inset 0 3px 0 var(--tab)}.studio-tab input:focus-visible+span{outline:2px solid var(--c-rust-deep);outline-offset:-2px}.studio-tab[data-kind=story]{--tab:var(--c-rust-deep)}.studio-tab[data-kind=post]{--tab:var(--c-umber)}.studio-tab[data-kind=article]{--tab:var(--c-clay)}.studio-tab[data-kind=email]{--tab:var(--c-rust)}.studio-tabs:disabled{opacity:.6}@media (hover:hover){.studio-tab input:not(:checked):hover+span{color:var(--c-ink)}}.studio-line{border:0;flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}.studio-line legend{float:inline-start;padding:0}.studio-option{position:relative}.studio-option input{opacity:0;cursor:pointer;position:absolute;inset:0}.studio-option input:focus-visible+span{outline:2px solid var(--c-rust-deep);outline-offset:2px}.studio-line:disabled{opacity:.6}.studio-header{border-bottom:1px solid var(--c-line);font-family:var(--sans);margin:calc(-1*clamp(22px,4vw,56px)) calc(-1*clamp(22px,4vw,56px)) 8px;padding:10px clamp(22px,4vw,56px);font-size:14px;display:grid}.studio-header .studio-line{border-bottom:1px dashed var(--c-line);min-height:52px;padding:6px 0}.studio-header .studio-line:last-child{border-bottom:0}.studio-header legend{width:4.5rem;font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--c-rust-deep);font-size:11px;font-weight:600}.studio-header .studio-option span{border:1px solid var(--c-line);min-height:36px;font-family:var(--serif);color:var(--c-ink);border-radius:999px;align-items:center;padding:0 14px;font-size:17px;display:inline-flex}.studio-header .studio-option input:checked+span{background:var(--c-ink);border-color:var(--c-ink);color:var(--c-paper)}@media (hover:hover){.studio-header .studio-option input:not(:checked):hover+span{border-color:var(--c-rust-deep)}}.studio-epigraph{text-align:center;color:var(--c-umber);justify-items:center;gap:2px;margin-bottom:18px;font-size:17px;font-style:italic;display:grid}.studio-epigraph .studio-line{justify-content:center}.studio-epigraph-rule{background:var(--c-rust);width:60px;height:1px;margin:6px 0}.studio-epigraph legend{margin-inline-end:4px}.studio-epigraph .studio-option span{min-height:36px;color:color-mix(in srgb, var(--c-muted) 70%, var(--c-paper));align-items:center;padding:0 4px;display:inline-flex}.studio-epigraph .studio-option{align-items:center;display:inline-flex}.studio-epigraph .studio-option+.studio-option:before{content:"·";color:color-mix(in srgb, var(--c-muted) 70%, var(--c-paper));margin-inline-end:4px}.studio-epigraph .studio-option input:checked+span{color:var(--c-rust-deep);text-underline-offset:5px;text-decoration:underline}.studio-doc-page[data-kind=story] .studio-doc>p:first-child:first-letter{float:inline-start;color:var(--c-rust-deep);padding:.08em .1em 0 0;font-size:3.2em;line-height:.8}.studio-meter{font-family:var(--sans);color:var(--c-muted);justify-content:flex-end;align-items:center;gap:10px;font-size:13px;display:flex}.studio-meter-bar{background:var(--c-line);border-radius:2px;width:120px;height:4px;overflow:hidden}.studio-meter-bar i{background:var(--c-umber);height:100%;display:block}.studio-meter-bar[data-over] i{background:var(--c-rust)}.studio-doc-page textarea{resize:vertical;width:100%;min-height:340px;color:var(--c-ink);font-family:var(--serif);background:0 0;border:0;padding:0;font-size:20px;line-height:1.75}.studio-doc-page textarea::placeholder{color:var(--c-muted);font-style:italic}.studio-doc-page textarea:focus-visible{outline:none}.studio-doc-page:focus-within:not(:has(.ws)){box-shadow:0 0 0 2px var(--c-rust-deep), 0 18px 40px -26px var(--shadow)}.studio-doc-page textarea[readonly]{color:var(--c-muted)}.studio-view{border:1px solid var(--c-line);border-radius:999px;align-self:flex-start;display:inline-flex;overflow:hidden}.studio-view button{min-height:40px;font-family:var(--sans);color:var(--c-ink);cursor:pointer;background:0 0;border:0;padding:0 18px;font-size:14px}.studio-view button[aria-pressed=true]{background:var(--c-ink);color:var(--c-paper)}.studio-view button:focus-visible{outline:2px solid var(--c-rust-deep);outline-offset:-2px}.studio-under{flex-direction:column;gap:12px;margin-top:16px;display:flex}.studio-count{font-family:var(--sans);color:var(--c-muted);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;font-size:13px;display:flex}.studio-saved{opacity:.85}.studio-clear{min-height:32px;color:var(--c-muted);margin-inline-start:12px;font-size:13px;font-weight:500}@media (hover:hover){.studio-clear:hover{color:var(--c-rust-deep)}}.studio-clear:focus-visible{outline:2px solid var(--c-rust-deep);outline-offset:2px}.studio-samples{font-family:var(--sans);color:var(--c-muted);flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:14px;display:flex}@media (max-width:480px){.studio-samples>span{flex-basis:100%}}.studio-replaced{font-family:var(--sans);color:var(--c-muted);margin-top:-4px;font-size:14px}.studio-link{min-height:44px;font-family:var(--sans);color:var(--c-rust-deep);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:14px;font-weight:600;text-decoration:underline}.studio-link:disabled{opacity:.5;cursor:default}.studio-actions{flex-wrap:wrap;align-items:center;gap:12px 18px;padding-top:8px;display:flex}.studio-run,.studio-secondary{min-height:48px;font-family:var(--sans);cursor:pointer;border-radius:999px;padding:0 26px;font-size:15px;font-weight:600;transition:background .2s,opacity .2s}.studio-run{border:1px solid var(--c-rust-deep);background:var(--c-rust-deep);color:var(--c-paper)}@media (hover:hover){.studio-run:hover:not(:disabled){background:var(--c-ink);border-color:var(--c-ink)}}.studio-run:disabled{opacity:.45;cursor:not-allowed}.studio-secondary{border:1px solid var(--c-ink);color:var(--c-ink);background:0 0}@media (hover:hover){.studio-secondary:hover{background:var(--c-stone)}}.studio-working{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.studio-working-title{font-size:22px}.studio-steps{font-family:var(--sans);gap:10px;margin:6px 0 8px;font-size:15px;display:grid}.studio-steps li{color:var(--c-muted);align-items:center;gap:12px;display:flex}.studio-steps li:before{content:"";border:2px solid var(--c-line);border-radius:50%;flex:none;width:14px;height:14px}.studio-steps li.is-current{color:var(--c-ink);font-weight:600}.studio-steps li.is-current:before{border-color:var(--c-rust-deep);border-inline-end-color:#0000;animation:.9s linear infinite studio-spin}.studio-steps li.is-done{color:var(--c-ink)}.studio-steps li.is-done:before{border-color:var(--c-rust-deep);background:var(--c-rust-deep);box-shadow:inset 0 0 0 2px var(--c-paper)}@keyframes studio-spin{to{transform:rotate(360deg)}}.studio-notice{border-inline-start:3px solid var(--c-rust-deep);background:var(--c-sand);font-family:var(--sans);flex-direction:column;align-items:flex-start;gap:16px;padding:18px;font-size:15px;line-height:1.55;display:flex}.studio-tone-row{font-family:var(--sans);color:var(--c-muted);align-items:center;gap:14px;margin-top:8px;font-size:13px;display:flex}.studio-tone input{appearance:none;cursor:pointer;background:0 0;flex:1;height:44px}.studio-tone input::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--c-rust-deep) var(--fill), var(--c-line) var(--fill));border-radius:2px;height:4px}.studio-tone input::-moz-range-track{background:linear-gradient(to right, var(--c-rust-deep) var(--fill), var(--c-line) var(--fill));border-radius:2px;height:4px}.studio-tone input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--c-paper);border:2px solid var(--c-rust-deep);width:24px;height:24px;box-shadow:0 2px 6px -2px var(--shadow);border-radius:50%;margin-top:-10px}.studio-tone input::-moz-range-thumb{background:var(--c-paper);border:2px solid var(--c-rust-deep);border-radius:50%;width:20px;height:20px}.studio-tone input:focus-visible{outline:2px solid var(--c-rust-deep);outline-offset:2px}.studio-tone input:disabled{opacity:.5;cursor:default}.studio-tone-value{text-align:center;font-family:var(--note);color:var(--c-rust-deep);font-size:22px;line-height:1}.studio-more{border-top:1px solid var(--c-line);padding-top:4px}.studio-more summary{min-height:44px;font-family:var(--sans);cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:600;list-style:none;display:flex}.studio-more summary::-webkit-details-marker{display:none}.studio-more summary:before{content:"+";border:1px solid;border-radius:50%;place-items:center;width:20px;height:20px;font-weight:400;display:inline-grid}.studio-more[open] summary:before{content:"−"}.studio-more-count{background:var(--c-stone);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500}.studio-more-body{border:0;gap:20px;padding:8px 0 4px;display:grid}.studio-field{gap:6px;display:grid}.studio-field input,.studio-field textarea,.studio-report textarea{border:1px solid var(--c-line);background:var(--c-sand);width:100%;min-height:44px;color:var(--c-ink);font-family:var(--serif);resize:vertical;border-radius:2px;padding:10px 14px;font-size:17px;line-height:1.5}.studio-field :is(input,textarea):focus-visible,.studio-report textarea:focus-visible{outline:2px solid var(--c-rust-deep);outline-offset:2px}.studio-tags{flex-wrap:wrap;gap:6px;display:flex}.studio-tags li{background:var(--c-stone);font-family:var(--sans);border-radius:999px;align-items:center;gap:2px;padding-inline-start:12px;font-size:14px;display:inline-flex}.studio-tags button{cursor:pointer;background:0 0;border:0;border-radius:50%;width:36px;height:36px;font-size:18px}@media (hover:hover){.studio-tags button:hover{background:var(--c-line)}}.studio-stale{border-inline-start:3px solid var(--c-rust-deep);background:var(--c-sand);font-family:var(--sans);flex-wrap:wrap;align-items:center;gap:4px 14px;padding:6px 14px;font-size:14px;line-height:1.5;display:flex}.is-stale .ws-page{opacity:.6}.studio-doc{outline:none;min-height:300px;font-size:19px;line-height:1.68}.studio-doc:focus-visible{outline:2px solid var(--c-rust-deep);outline-offset:8px;border-radius:2px}.studio-doc p+p,.studio-doc :is(ul,ol,h2,h3)+p{margin-top:.9em}.studio-doc h2{margin:.6em 0 .2em;font-size:26px;font-weight:500;line-height:1.25}.studio-doc h3{margin:.5em 0 .2em;font-size:22px;font-weight:500;line-height:1.3}.studio-doc ul{list-style:outside}.studio-doc ol{list-style:decimal}.studio-doc :is(ul,ol){margin-top:.6em;padding-inline-start:1.4em}.studio-changes-text{font-size:19px;line-height:1.68}.studio-changes ins{background:color-mix(in srgb, var(--c-clay) 60%, transparent);border-radius:2px;text-decoration:none}.studio-changes del{color:var(--c-muted);text-decoration:line-through}.studio-changes-break{height:.9em;display:block}.studio-report{justify-items:start;gap:8px;display:grid}@media (max-width:880px){.studio-doc-page textarea{min-height:240px;font-size:18px}}@media (max-width:480px){.studio-tabs{flex-wrap:nowrap;gap:4px;padding-inline-start:8px}.studio-tab span{padding:0 12px;font-size:13px}.studio-epigraph{font-size:16px}.studio-header .studio-line{padding:6px 0}.studio-header legend{float:none;width:100%;margin-bottom:4px}.studio-header .studio-option span{padding:0 12px;font-size:16px}.studio-run{flex:100%}}
.ws{--ws-bg:var(--c-paper);--ws-fg:var(--c-ink);--ws-line:var(--c-line);--ws-muted:var(--c-muted);--ws-accent:var(--c-rust-deep);--ws-hover:var(--c-stone);--ws-quote:var(--c-clay);--ws-added:color-mix(in srgb, var(--c-clay) 60%, transparent);gap:14px;display:grid}.ws.is-open[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ws-bg:var(--c-ink-deep);--ws-fg:var(--c-sand);--ws-line:color-mix(in srgb, var(--c-sand) 16%, var(--c-ink-deep));--ws-muted:color-mix(in srgb, var(--c-sand) 62%, var(--c-ink-deep));--ws-accent:var(--c-clay);--ws-hover:color-mix(in srgb, var(--c-sand) 10%, var(--c-ink-deep));--ws-quote:var(--c-rust);--ws-added:color-mix(in srgb, var(--c-rust) 45%, transparent)}.ws .studio-changes ins{background:var(--ws-added)}.ws .studio-changes del{color:var(--ws-muted)}.ws .studio-doc ::selection{background:var(--ws-added);color:var(--ws-fg)}.ws.is-loading{min-height:320px}.ws:not(.is-open) .ws-page{max-height:26em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.ws-preview-foot{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.ws-open{align-items:center;gap:8px;display:inline-flex}.ws.is-open{z-index:100;background:var(--ws-bg);color:var(--ws-fg);animation:ws-in .22s var(--ease) both;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:0;position:fixed;inset:0}@keyframes ws-in{0%{opacity:0;transform:translateY(8px)}}.ws-top{border-bottom:1px solid var(--ws-line);align-items:center;gap:8px;padding:8px 16px;display:flex}.ws-title{min-width:0;height:40px;color:var(--ws-fg);font-family:var(--sans);text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:6px;flex:0 26rem;padding:0 10px;font-size:15px;font-weight:600}.ws-title::placeholder{color:var(--ws-fg);opacity:.85}@media (hover:hover){.ws-title:hover{border-color:var(--ws-line)}}.ws-title:focus-visible{outline:2px solid var(--ws-accent);outline-offset:1px}.ws-state{background:var(--ws-hover);font-family:var(--sans);color:var(--ws-muted);border-radius:999px;flex:none;padding:3px 10px;font-size:12px;font-weight:600}.ws-top-actions{align-items:center;gap:4px;margin-inline-start:auto;display:flex}.ws-bar{border-bottom:1px solid var(--ws-line);justify-content:center;padding:6px 16px;display:flex}.ws-toolbar{align-items:center;gap:2px;display:flex}.ws-tool{min-width:40px;height:40px;color:var(--ws-fg);font-family:var(--sans);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.ws-tool-wide{padding:0 12px}@media (hover:hover){.ws-tool:hover:not(:disabled){background:var(--ws-hover)}}.ws-tool[aria-pressed=true],.ws-tool[aria-expanded=true]{background:var(--ws-fg);color:var(--ws-bg)}.ws-tool:disabled{opacity:.35;cursor:default}.ws-tool:focus-visible{outline:2px solid var(--ws-accent);outline-offset:1px}.ws-style-name{text-align:start;min-width:6.5em}.ws-sep{background:var(--ws-line);flex:none;width:1px;height:24px;margin:0 6px}.ws-menu{position:relative}.ws-menu-list{z-index:5;background:var(--ws-bg);border:1px solid var(--ws-line);min-width:210px;box-shadow:0 16px 36px -18px var(--shadow);border-radius:8px;padding:4px;display:grid;position:absolute;top:calc(100% + 6px)}.ws-menu-list.is-start{inset-inline-start:0}.ws-menu-list.is-end{inset-inline-end:0}.ws-menu-list button{min-height:40px;color:var(--ws-fg);font-family:var(--sans);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:14px;display:flex}.ws-menu-list button:focus-visible{background:var(--ws-hover);outline:none}@media (hover:hover){.ws-menu-list button:hover:not(:disabled){background:var(--ws-hover)}}.ws-menu-list button:disabled{opacity:.4;cursor:default}.ws-menu-list [aria-checked=true]:after{content:"✓";color:var(--ws-accent)}.ws-menu-list .ws-style-h1{font-family:var(--serif);font-size:22px}.ws-menu-list .ws-style-h2{font-family:var(--serif);font-size:19px}.ws-menu-list .ws-style-h3{font-family:var(--serif);font-size:16px;font-weight:600}.ws-menu-list .ws-style-quote{font-family:var(--serif);font-style:italic}.ws.is-open .ws-body{grid-template-columns:1fr minmax(0,46rem) 1fr;display:grid;overflow-y:auto}.ws.is-open .ws-page{grid-column:2;padding:56px 24px 30vh}.ws.is-open .studio-doc{min-height:60vh;font-size:20px;line-height:1.75}.ws.is-open .studio-doc:focus-visible{outline:none}.studio-doc h1{margin:.4em 0 .3em;font-size:34px;font-weight:500;line-height:1.2}.studio-doc blockquote{border-inline-start:3px solid var(--ws-quote);margin:.9em 0;padding-inline-start:1em;font-style:italic}.studio-doc s{color:var(--ws-muted)}.ws-outline{grid-column:1;place-self:start;gap:7px;width:72px;padding:60px 0 0 24px;display:grid;position:sticky;top:0}.ws-outline-line{cursor:pointer;background:0 0;border:0;align-items:center;height:8px;padding:0;display:flex}.ws-outline-line span{background:var(--ws-muted);border-radius:1px;height:2px;transition:background .15s;display:block}.ws-outline-line.is-heading span{background:var(--ws-fg);height:4px}.ws-outline-line[aria-current] span{background:var(--ws-accent)}@media (hover:hover){.ws-outline-line:hover span{background:var(--ws-fg)}}.ws-outline-line:focus-visible{outline:2px solid var(--ws-accent);outline-offset:2px}.ws-foot{border-top:1px solid var(--ws-line);padding:10px 16px;position:relative}.ws-stats summary{border:1px solid var(--ws-line);min-height:40px;font-family:var(--sans);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;list-style:none;display:inline-flex}.ws-stats summary::-webkit-details-marker{display:none}.ws-stats summary:focus-visible{outline:2px solid var(--ws-accent);outline-offset:2px}.ws-stats ul{bottom:calc(100% + 6px);background:var(--ws-bg);border:1px solid var(--ws-line);min-width:200px;box-shadow:0 16px 36px -18px var(--shadow);font-family:var(--sans);border-radius:8px;gap:4px;padding:12px 16px;font-size:14px;display:grid;position:absolute;inset-inline-start:16px}@media (max-width:880px){.ws.is-open .ws-body{grid-template-columns:minmax(0,1fr)}.ws.is-open .ws-page{grid-column:1;padding:28px 20px 30vh}.ws-outline,.ws-top-actions .ws-tool-wide span,.ws-state{display:none}.ws-bar{justify-content:flex-start;padding:4px 8px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),#0000)}.ws-bar .ws-toolbar{padding-inline-end:36px}.ws-style-name{min-width:0}.ws.is-open .studio-doc{font-size:18px}}