.studio-app{min-height:calc(100vh - 40px);color:var(--ui-fg);background:var(--ui-bg);font:14px/1.6 var(--ui-font);--font-display:var(--ui-font)}.studio-app h1,.studio-app h2,.studio-app h3{font-family:var(--font-display)}.studio-app h1{font-weight:600;text-wrap:balance}.studio-app h2{font-size:16px;font-weight:650}.studio-app h3{font-size:14px}.studio-kicker{font:10px/1.7 IBM Plex Mono,monospace;letter-spacing:.05em}.studio-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 17px;background:var(--ui-fg);color:var(--ui-bg);border:1px solid var(--ui-fg);border-radius:var(--ui-radius);font:600 12px/1.5 var(--ui-font)}.studio-button.secondary{background:var(--ui-bg);color:var(--ui-fg);border-color:var(--ui-border)}.studio-button:hover{filter:brightness(.95)}.studio-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.studio-icon{display:inline-grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:var(--ui-radius)}.studio-icon:hover{background:var(--ui-border)}.studio-app input:not([type=range],[type=checkbox]),.studio-app textarea{width:100%;min-width:0;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-bg);color:var(--ui-fg);padding:12px;min-height:44px;font:inherit}.studio-app input::placeholder,.studio-app textarea::placeholder{color:var(--ui-muted);opacity:1}.studio-app textarea{resize:vertical}.studio-app :focus-visible,.studio-book :focus-visible{outline:2px solid var(--ui-accent);outline-offset:4px}.studio-field{display:grid;gap:8px;min-width:0;font-size:12px}.studio-range{display:block;font-size:12px;margin-block:18px}.studio-range>span{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.studio-range output{font-family:IBM Plex Mono,monospace;font-size:11px}.studio-range input{appearance:none;display:block;width:100%;height:28px;background:transparent;margin:0;cursor:pointer}.studio-range input::-webkit-slider-runnable-track{height:4px;background:var(--ui-border);border-radius:var(--ui-radius)}.studio-range input::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-7px;border:2px solid var(--ui-bg);border-radius:var(--ui-radius);background:var(--ui-fg);box-shadow:0 0 0 1px var(--ui-fg)}.studio-range input::-moz-range-track{height:4px;background:var(--ui-border)}.studio-range input::-moz-range-thumb{height:15px;width:15px;border:2px solid var(--ui-bg);border-radius:var(--ui-radius);background:var(--ui-fg)}.studio-status{min-height:24px;font-size:12px;line-height:1.7;margin-top:12px}.studio-app .ui-select-trigger{font-size:12px}.studio-app .print-art{overflow:hidden;display:block;width:100%;height:auto}.studio-book{background:var(--ui-bg);color:var(--ui-fg);font-family:var(--ui-font);min-height:100vh;padding-top:35px}.studio-book-controls,.studio-book-foundations,.studio-book-intro{margin-inline:auto;width:min(1200px,calc(100% - 40px));padding-block:30px}.studio-book-intro h1{font-family:var(--ui-font);font-size:clamp(36px,5vw,65px);line-height:1.1;margin:12px 0 20px}.studio-book[data-design=warkop-sela] .studio-book-intro h1{text-transform:uppercase}.studio-book-intro>p{max-width:750px;line-height:1.9;font-size:14px}.studio-book-intro nav{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px;font-size:12px;text-decoration:underline;text-underline-offset:5px}.studio-book-foundations{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-block:1px solid var(--ui-border)}.studio-book-controls h2,.studio-book-foundations h2{font:600 25px/1.3 var(--ui-font);margin:0 0 20px}.studio-book-foundations p{font-size:13px;line-height:1.9}.studio-book-colors{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px}.studio-book-colors>div{flex:1 1;min-width:85px;font-size:10px}.studio-book-colors span{display:block;height:65px;border:1px solid var(--ui-border);border-radius:var(--ui-radius);margin-bottom:7px}.studio-book-colors code{display:block;font-size:9px}.studio-book-controls{padding-block:45px}.studio-book .studio-app{border-top:1px solid var(--ui-border)}@media (max-width:700px){.studio-book .control-specimen,.studio-book-foundations{grid-template-columns:1fr}}.studio-app{overflow-wrap:anywhere}.studio-app input[type=number]{appearance:textfield}.studio-app input[type=number]::-webkit-inner-spin-button,.studio-app input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.state-workshop{width:min(1200px,calc(100% - 40px));margin:40px auto;padding:30px;background:var(--ui-bg);color:var(--ui-fg);border:var(--ui-border-width) solid var(--ui-border);border-radius:var(--ui-radius);font:14px/1.7 var(--ui-font)}.live-specimen h2,.state-workshop h2{font:600 24px/1.2 var(--ui-font);margin-bottom:20px}.state-workshop form{max-width:620px;margin:25px 0}.state-workshop label{display:block;margin:18px 0 7px}.state-workshop textarea{min-height:120px}.state-workshop [aria-invalid=true]{outline:2px solid var(--ui-fg)}.state-workshop .ui-tabs{margin-top:30px}.workshop-skeleton{height:65px;background:currentColor;opacity:.12;border-radius:var(--ui-radius)}.live-specimen>p{margin:15px 0}.live-specimen>.ui-action{margin-bottom:25px}.studio-app .flagship-storage{padding:24px 4%;margin:0;font-size:12px}.studio-app .workspace-tools{color:inherit}