.raw-proof-root{min-height:100vh;overscroll-behavior-y:contain;min-block-size:100dvh;padding-bottom:3rem}.raw-proof-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.5rem;font-size:.9rem;display:flex}.raw-proof-header a,.raw-proof-controls a{text-underline-offset:.3em;text-decoration:underline}.raw-proof-main{max-width:1280px;margin:auto;padding:3rem 1.5rem}.raw-proof-main h1{font:800 clamp(3.5rem, 10vw, 9rem)/.9 var(--font-heading);letter-spacing:-.015em;overflow-wrap:anywhere;margin:1.5rem 0}.raw-proof-eyebrow{letter-spacing:.07em;text-transform:uppercase;font-size:.8rem;font-weight:600}.raw-proof-intro{max-width:65ch;margin-bottom:3rem;line-height:1.7}.raw-proof-controls{border-block:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:3rem;padding:1.5rem 0;display:flex}.raw-proof-controls label{gap:.5rem;min-width:0;max-width:100%;display:grid}.raw-proof-controls select,.raw-proof-field input{border:1.5px solid var(--input);background:var(--card);color:var(--foreground);border-radius:var(--mui-raw-control-radius);font:inherit;min-width:0;max-width:100%;min-height:44px;padding:.65rem}.raw-proof-controls nav{flex-wrap:wrap;gap:1rem;display:flex}.raw-proof-specimens{grid-template-columns:minmax(0,1fr);gap:4rem;min-width:0;display:grid}.raw-proof-specimens>section{min-width:0}.raw-proof-multiline{width:min(100%,250px)}.raw-proof-card-landscape{max-width:700px}.raw-proof-card-portrait{max-width:340px}.raw-proof-toggle{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.raw-proof-toggle input{width:20px;height:20px}.raw-proof-field{gap:.5rem;display:grid}.raw-proof-field input{width:100%;min-width:0}.raw-proof-nested{margin-top:1rem;padding:1rem}@media not (min-width:20rem){.raw-proof-nested{padding:.5rem}}.raw-proof-footer{border-top:1px solid var(--border);max-width:65ch;color:var(--muted-foreground);margin-top:4rem;padding-top:1.5rem;line-height:1.7}.raw-showcase-intro h1{font:800 clamp(3rem, 8vw, 7rem)/.92 var(--font-heading);letter-spacing:-.015em;overflow-wrap:anywhere;margin-block:1.5rem}.raw-showcase>#showcase-top>header{background:var(--background);border-color:var(--border)}.raw-showcase>#showcase-top>header a{color:var(--foreground);font-weight:700}.raw-showcase>#showcase-top>header a[href="/raw/install"]{font-family:var(--font-heading);text-transform:uppercase;text-underline-offset:5px;font-size:1.5rem;text-decoration:underline}.raw-showcase>#showcase-top>header a[href="/raw/example"]{background:var(--primary);color:var(--primary-foreground);box-shadow:3px 4px 0 var(--border);border-radius:var(--mui-raw-control-radius);border:0}.raw-showcase nav[aria-label=Component\ navigation] h2{font-family:var(--font-heading);font-size:1.25rem;line-height:1.2}.raw-showcase nav[aria-label=Component\ navigation] a{font-weight:700}.raw-sidebar-controls{gap:1.25rem;display:grid}.raw-sidebar-controls label{gap:.75rem;display:grid}.raw-sidebar-title{font:800 1.25rem/1.2 var(--font-heading);text-transform:uppercase;text-underline-offset:4px;text-decoration:underline}.raw-sidebar-controls select{border:1px solid var(--border);background:var(--card);width:100%;min-height:44px;color:var(--foreground);font:inherit;padding:.6rem}.raw-sidebar-controls p{font-size:.8rem;line-height:1.5}@media (max-width:375px){.raw-proof-main,.raw-proof-header{padding-inline:1rem}.mui-raw-card-body{padding:1.5rem}}.raw-wave-experiment{gap:1.5rem;min-width:0;display:grid}.raw-wave-controls{border:1px solid var(--border);flex-wrap:wrap;gap:1rem;min-inline-size:0;padding:1rem;display:flex}.raw-wave-controls legend{padding-inline:.5rem;font-weight:600}.raw-wave-controls label{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;max-width:100%;min-height:44px;display:flex}.raw-wave-controls select{background:var(--card);min-height:44px;color:var(--foreground);border:1px solid var(--border);max-width:100%;padding:.5rem}.raw-wave-controls input{width:20px;height:20px}.raw-wave-presets{flex-wrap:wrap;gap:.75rem;display:flex}.raw-wave-presets button{border:1px solid var(--border);background:var(--card);cursor:pointer;min-height:44px;padding:.5rem .75rem}.raw-wave-presets button:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.raw-wave-specimen{margin-bottom:16px}.raw-wave-states{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1.5rem;display:grid}.raw-wave-states figcaption{font-size:.85rem}
.raw-batch{margin-block-start:6rem;scroll-margin-top:2rem}.raw-batch>h2{margin-block:1rem;font-size:clamp(2.5rem,7vw,6rem)}.raw-batch-links,.raw-batch-controls{flex-wrap:wrap;gap:1rem;margin-block:1.5rem;display:flex}.raw-batch-links a{text-decoration:underline}.raw-batch-controls label{gap:.5rem;display:grid}.raw-batch-controls select{border:1px solid var(--border);background:var(--card);font:inherit;padding:.5rem}.raw-batch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-block:2rem;display:grid}.raw-batch-specimen{border:1px solid var(--border);flex-direction:column;gap:1rem;min-width:0;padding:1.5rem;scroll-margin-top:2rem;display:flex}.raw-batch-specimen h3{font-size:1.25rem;font-weight:600}.raw-batch-specimen small{color:var(--muted-foreground)}.raw-batch-choice{cursor:pointer;align-items:center;gap:.75rem;min-height:2.75rem;display:flex}.raw-batch-specimen fieldset{border:0;min-width:0;padding:0}.raw-batch-specimen legend{margin-block-end:.75rem;font-weight:600}.raw-batch-result{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem}.raw-batch-display{margin-block:1.5rem;font-size:clamp(2rem,6vw,5rem)}@media (max-width:767px){.raw-batch-grid{grid-template-columns:minmax(0,1fr)}.raw-batch-specimen{padding:1rem}}@media not (min-width:20rem){.raw-batch-specimen{padding:.5rem}.raw-batch-specimen .mui-raw-tabs{flex-wrap:wrap}.raw-batch-specimen .mui-raw-tabs-content{overflow-wrap:anywhere}}
.raw-overlay-actions{flex-wrap:wrap;gap:1.25rem;display:flex}nav[aria-label=Working\ destinations]{flex-direction:column;align-items:flex-start;gap:1.5rem;display:flex}.raw-overlay-notes{gap:1rem;display:grid}.raw-overlay-select-label{gap:.75rem;min-width:0;display:grid}#batch-two{min-width:0}#batch-two .raw-proof-controls label{flex-wrap:wrap}
.raw-silhouette-lab{border-top:2px solid var(--border);margin-block:5rem;padding-top:2rem}.raw-silhouette-lab h2{font:800 clamp(2.5rem, 7vw, 4.5rem)/1 var(--font-heading);overflow-wrap:anywhere;margin-bottom:1rem}.raw-silhouette-lab h3{font:800 1.8rem/1.1 var(--font-heading);margin-block:1.5rem 1rem}.raw-silhouette-lab p{margin-block:1rem;line-height:1.6}.raw-silhouette-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;margin-block:2rem;display:grid}.raw-silhouette-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.raw-silhouette-field{gap:.4rem;min-width:0;display:grid}.raw-silhouette-field select{border:1px solid var(--border);background:var(--background);width:100%;min-width:0;padding:.5rem;font-size:1rem}.raw-silhouette-field input{width:100%;accent-color:var(--foreground)}.raw-silhouette-preview{background:var(--muted);min-width:0;padding:1.5rem}.raw-silhouette-preview figure{margin:0}.raw-silhouette-preview figure>div,.raw-silhouette-preview details>div{padding:5rem calc(17% + 44px)}.raw-silhouette-preview figcaption{margin-top:3rem}.raw-silhouette-preview details{margin-top:2rem}.raw-silhouette-preview details>div{margin-top:3rem}.raw-silhouette-custom{gap:.75rem;display:grid}.raw-silhouette-box{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.raw-silhouette-code{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--border);max-height:32rem;padding:1.25rem;font-size:.85rem;overflow:auto}.raw-silhouette-specimens{gap:4rem;padding:2rem 1rem}.raw-silhouette-generic{background:var(--card);gap:1.5rem;padding:2rem;display:grid}.raw-silhouette-action{max-width:100%;display:inline-block}.raw-silhouette-action:focus-visible{outline:2px solid var(--ring);outline-offset:8px}.raw-silhouette-default{background:var(--background);color:var(--foreground);padding:1.5rem}.raw-silhouette-credit{font-size:.9rem}.raw-silhouette-controls>*{overflow-wrap:anywhere}@media (max-width:700px){.raw-silhouette-grid{grid-template-columns:minmax(0,1fr)}.raw-silhouette-box{grid-template-columns:repeat(2,minmax(0,1fr))}.raw-silhouette-specimens{padding-inline:0}}@media not (min-width:20rem){.raw-silhouette-controls{grid-template-columns:minmax(0,1fr)}}