:root{--paper:#faf9f6;--ink:#242424;--muted:#74736e;--line:#deddd7;--surface-muted:#f0efea;--studio-accent:#a45c35;--studio-ease:cubic-bezier(0.32,0.72,0,1)}html{background:var(--paper);scroll-padding-top:32px}body,h1,h2,h3{font-family:Manrope,sans-serif}h1,h2,h3{text-wrap:balance;font-weight:600}p{text-wrap:pretty}a,button,select,summary{transition-timing-function:var(--studio-ease);transition-duration:.24s}.studio-button:active,button:not(:disabled):active{transform:translateY(1px)}button:disabled{cursor:not-allowed}.site-shell{width:calc(100% - 128px);max-width:1280px;margin:0 auto;padding:0 32px;background:transparent;box-shadow:none}.skip-link{position:fixed;top:8px;left:8px;z-index:5;transform:translateY(-160%);padding:12px 16px;background:var(--ink);color:white;border-radius:8px}.skip-link:focus{transform:translateY(0)}.topbar{position:relative;height:96px;gap:24px;grid-template-columns:1fr auto 1fr}.brand-name{font-size:30px;line-height:36px;font-weight:700;letter-spacing:-.06em}.brand-mark{width:32px;height:40px;flex-basis:32px}.main-nav{gap:4px;padding:8px;border:1px solid #e8e7e1;border-radius:8px;background:#ffffffb3;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 4px 16px #4d443509}.main-nav a{padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;line-height:20px;border-radius:8px}.main-nav a:hover,.main-nav a[aria-current]{background:#eae9e3;color:var(--ink)}.nav-cta{padding:8px 12px;min-height:40px;gap:16px;border:0;background:var(--ink);border-radius:8px;color:white;font-size:14px;line-height:20px;font-weight:600}.nav-cta:hover{background:#45443f}.studio-menu-toggle{display:none}.studio-mobile-menu{max-width:none;max-height:none;inset:0;width:100%;height:100dvh;padding:24px;margin:0;border:0;background:#faf9f6ed;color:var(--ink);-webkit-backdrop-filter:blur(48px);backdrop-filter:blur(48px)}.studio-mobile-menu::backdrop{background:#ffffffcc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.mobile-menu-top{display:flex;justify-content:space-between;align-items:center;font-size:30px;line-height:36px;font-weight:700}.studio-mobile-menu nav{display:grid;gap:24px;margin:80px 0 48px}.studio-mobile-menu nav a{display:flex;justify-content:space-between;text-decoration:none;font-size:36px;font-weight:500;line-height:40px;animation:studio-nav-enter .8s var(--studio-ease) both}.studio-mobile-menu nav a:nth-child(2){animation-delay:80ms}.studio-mobile-menu nav a:nth-child(3){animation-delay:.16s}.studio-mobile-menu nav a:nth-child(4){animation-delay:.24s}.studio-mobile-menu nav a:nth-child(5){animation-delay:.32s}.studio-mobile-menu>p{color:var(--muted);font-size:14px;line-height:20px}.studio-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:48px;align-items:center;padding:64px 0 80px}.studio-hero-copy{min-width:0}.section-kicker,.studio-eyebrow{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;line-height:16px;font-weight:500;letter-spacing:.02em;text-transform:none}.status-dot{display:inline-block;width:4px;height:4px;flex:0 0 4px;border-radius:50%;background:currentColor}.studio-hero h1{max-width:680px;margin:24px 0;padding-bottom:8px;font-size:72px;line-height:1;letter-spacing:-.065em;font-weight:600;color:var(--ink)}.studio-hero-description{max-width:480px;color:#6c6b66;font-size:16px;line-height:24px}.studio-hero-action{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:32px}.studio-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:8px 12px;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:#fff;font-size:16px;line-height:24px;font-weight:600;text-decoration:none}.studio-button:hover{background:#45443f;border-color:#45443f}.studio-button>span{padding-left:16px}.studio-hero-action>p{color:var(--muted);font-size:12px;line-height:16px}.hero-specimen{position:relative;min-width:0;align-self:center;overflow:hidden;background:#fff;border:1px solid #d7d6cf;border-radius:16px;box-shadow:0 8px 24px #66553c08;transform:none;animation:studio-lab-enter .8s var(--studio-ease) both}.specimen-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;line-height:16px}.specimen-top>span:last-child{display:flex;align-items:center;gap:8px}.specimen-canvas{position:relative;display:grid;place-items:center;min-height:400px;margin:12px;border:1px solid #deddd7;border-radius:8px;overflow:hidden;background:#fff}.specimen-drafting{display:block;position:relative;width:320px;height:320px;margin-bottom:24px}.specimen-sheet-guide{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.specimen-drafting>.specimen-live-bulb{position:absolute;left:calc(160px - var(--specimen-size, 208px) / 2);top:calc(144px - var(--specimen-size, 208px) / 2)}.specimen-boundary{fill:none;stroke:#deddd7;stroke-width:1;stroke-dasharray:4 4}.specimen-dimensions path{fill:none;stroke:#aaa9a1;stroke-width:.7}.specimen-dimensions text{fill:#74736e;font-size:12px;paint-order:stroke;stroke:#fff;stroke-width:4;stroke-linejoin:round}.specimen-register{fill:#8b8980;font-size:12px}.specimen-annotation{position:absolute;bottom:16px;left:16px;right:16px;text-align:center;font-size:12px;line-height:16px;color:#74736e}.specimen-controls{padding:12px 24px 24px}.specimen-states{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.specimen-states button{display:flex;flex-direction:column;align-items:start;gap:8px;min-height:64px;padding:12px;background:#f4f3ef;border:1px solid transparent;border-radius:8px;font-size:14px;line-height:20px}.specimen-states button>span{font-size:12px;line-height:16px;color:#8c8b84}.specimen-states button[aria-pressed=true]{background:#fff;border-color:#77766e}.specimen-states button:hover{background:#eae9e3}.specimen-play{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:16px;padding:8px 12px;min-height:40px;border:0;border-radius:8px;background:#242424;color:#fff;font-size:12px;line-height:16px}.specimen-play:hover:not(:disabled){background:#45443f}.specimen-play:disabled{background:#e8e7e1;color:#65645e}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:0;padding:32px;border-radius:16px;background:#242424;color:#fff;border:1px solid #242424}.facts>div{padding:0;border:0}.facts strong{display:block;margin-bottom:8px;font-size:30px;line-height:36px;font-weight:500;letter-spacing:-.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.facts>div>span{font-size:12px;line-height:16px;color:#fff}.studio-manifesto{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:80px;padding:96px 0}.studio-manifesto h2{margin-top:24px;font-size:48px;line-height:1;letter-spacing:-.055em;max-width:680px}.word-reveal span{color:#b1afa6;transition:color .8s var(--studio-ease)}.word-reveal span[data-revealed=true]{color:var(--ink)}.word-reveal span:nth-child(2){transition-delay:80ms}.word-reveal span:nth-child(3){transition-delay:.16s}.word-reveal span:nth-child(4){transition-delay:.24s}.word-reveal span:nth-child(6){transition-delay:.32s}.word-reveal span:nth-child(7){transition-delay:.4s}.word-reveal span:nth-child(8){transition-delay:.48s}.word-reveal span:nth-child(9){transition-delay:.56s}.manifesto-notes{display:grid;gap:24px}.manifesto-notes article{display:flex;align-items:baseline;gap:16px}.manifesto-notes article>span{color:#9a988e;font-size:12px;line-height:16px}.manifesto-notes h3{margin:0 0 8px;font-size:16px;line-height:24px;font-weight:600;letter-spacing:-.02em}.manifesto-notes p{font-size:14px;line-height:20px;color:var(--muted);max-width:400px}.collection-heading,.studio-section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.collection-heading h2,.studio-section-heading h2{margin-top:16px;font-size:48px;line-height:1;letter-spacing:-.055em}.collection-heading>p,.studio-section-heading>div:last-child>p,.studio-section-heading>p{max-width:384px;font-size:14px;line-height:20px;color:var(--muted);text-align:left}.icon-drawing-section{padding:0 0 96px;scroll-margin-top:32px}.drawing-paper{--decorative-play-state:paused;background:#fff;border:1px solid #ccc;border-radius:16px;overflow:hidden;color-scheme:light;color:#111}.drawing-title-block{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;padding:24px 32px;border-bottom:1px solid #ddd}.drawing-title-block>div{display:flex;flex-direction:column;gap:8px}.drawing-title-block>div>span{font-size:12px;line-height:16px;color:#888}.drawing-title-block strong{font-size:12px;line-height:16px;font-weight:500}.scroll-cipher{position:relative;display:inline-block}.facts strong .scroll-cipher,.facts strong .scroll-cipher>span{font:inherit;letter-spacing:inherit;color:inherit;text-transform:none}.scroll-cipher-source{opacity:0}.scroll-cipher-display{position:absolute;inset:0;white-space:nowrap}.drawing-scroll{overflow-x:auto}.dimension-sheet{display:block;width:100%;min-width:900px;height:auto;font-family:Manrope,sans-serif;font-size:16px;fill:#555}.drawing-frame{fill:none;stroke:#aaa;stroke-width:1}.drawing-view-title{font-size:18px;fill:#111;font-weight:600;letter-spacing:.08em}.drawing-detail-glyph,.drawing-glyph,.drawing-layer-glyph{fill:none;stroke:#111;stroke-linecap:round;stroke-linejoin:round}.drawing-glyph{stroke-width:.14}.drawing-detail-glyph{stroke-width:.25}.drawing-layer-glyph{stroke-width:.2}.drawing-boundary{fill:none;stroke:#bbb;stroke-width:1;stroke-dasharray:6 5}.drawing-centerline{fill:none;stroke:#aaa;stroke-width:.8;stroke-dasharray:16 4 2 4}.drawing-detail-ring{fill:none;stroke:#777;stroke-width:1;stroke-dasharray:7 5}.drawing-leader,.drawing-measure path,.drawing-table-line{fill:none;stroke:#777;stroke-width:1}.drawing-leader+text,.drawing-measure text{paint-order:stroke;stroke:white;stroke-width:5;stroke-linejoin:round}.drawing-value{fill:#888;font-size:14px}.drawing-table-line{stroke:#ddd}.drawing-footer{font-size:12px;letter-spacing:.08em;fill:#999}.drawing-layer{--spread-y:830;transform:matrix(11,1,-5,6,850,780);animation:drawing-layers-cycle 12s var(--studio-ease) infinite}.drawing-layer-1{--spread-y:758}.drawing-layer-2{--spread-y:686}.drawing-layer-labels,.drawing-layer>rect{opacity:0;animation:drawing-labels-cycle 12s var(--studio-ease) infinite}.drawing-ink{stroke-dasharray:1 2;stroke-dashoffset:1;animation:drawing-trace 12s var(--studio-ease) infinite}.drawing-ink,.drawing-layer,.drawing-layer-labels,.drawing-layer>rect{animation-play-state:var(--decorative-play-state,running)}@keyframes drawing-layers-cycle{0%,26%,86%,to{transform:matrix(11,1,-5,6,850,780)}42%,70%{transform:matrix(11,1,-5,6,850,var(--spread-y))}}@keyframes drawing-labels-cycle{0%,35%,80%,to{opacity:0}46%,68%{opacity:1}}.drawing-paper-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:16px 32px;border-top:1px solid #ddd;font-size:12px;line-height:16px;color:#888}.drawing-paper-footer>span:last-child{display:none}.icon-collection{padding:0 0 96px}.collection-search{min-height:64px;padding:16px 24px;border-color:#d5d3ca;border-radius:12px;background:#fff}.collection-search input{font-size:16px;line-height:24px}.collection-meta{margin:16px 0 24px;gap:24px}.collection-meta p{font-size:12px;line-height:16px}.collection-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.collection-card{min-height:176px;padding:24px 12px 16px;border:1px solid transparent;border-radius:12px;background:#fff;box-shadow:none;transition:background .24s var(--studio-ease),border-color .24s var(--studio-ease),transform .7s var(--studio-ease)}.collection-card:focus-visible,.collection-card:hover{background:#fff;border-color:#d0cec2;transform:translateY(-4px)}.card-number{top:12px;left:12px;font-size:12px;line-height:16px;color:#97958b}.card-art{min-height:88px}.card-name{font-weight:600;margin-top:8px}.card-moods,.card-name{font-size:12px;line-height:16px}.card-moods{color:#96948b;margin-top:4px}.collection-pagination,.collection-pagination nav{display:flex;align-items:center;gap:12px}.collection-pagination{justify-content:space-between;flex-wrap:wrap;margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}.collection-pagination nav{flex-shrink:0;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.collection-pagination nav,.collection-pagination p{color:var(--muted);font-size:12px;line-height:16px}.collection-pagination button{min-height:40px;padding:8px 0;border:0;border-radius:0;background:transparent;color:var(--ink)}.collection-pagination button:disabled{opacity:.35}.collection-pagination button:not(:disabled):hover{text-decoration:underline;text-underline-offset:4px}.collection-empty{padding:64px 24px;border:1px solid var(--line);border-radius:16px;background:#fff}.getting-started{align-items:stretch;gap:32px;padding:64px 0 96px;grid-template-columns:minmax(0,1fr)}.usage-section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:end;gap:64px}.usage-section-heading>p{margin:0;padding-bottom:4px;color:var(--muted);font-size:16px;line-height:24px}.usage-workbench{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:stretch;gap:40px;padding:32px;border:1px solid var(--line);border-radius:16px}.usage-workbench>.install-example,.usage-workbench>.usage-intro{position:relative;z-index:1}.usage-sheet-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke-width:.7}.usage-sheet-lines path{vector-effect:non-scaling-stroke}.study-frame-registration{stroke:#aaa9a1}.study-frame-rule{stroke:#deddd7;stroke-dasharray:8 4 2 4}.study-frame-ticks{stroke:#c4c2b8}.getting-started h2{font-size:48px;line-height:1;margin-top:16px}.getting-started .panda-gradient-text{background:none;color:var(--ink);-webkit-text-fill-color:currentColor}.getting-started a{font-size:12px;line-height:16px}.getting-started .usage-intro{min-width:0;display:flex;flex-direction:column}.install-example{contain:size;display:flex;flex-direction:column;min-height:0;background:#fff;border-color:#d3d1c6;border-radius:16px;box-shadow:none}.install-command{padding:16px;gap:12px;border-color:var(--line);background:#ebe9e1;font-size:14px;line-height:20px}.install-command button{padding:8px 12px;font-size:12px;line-height:16px;border-radius:8px}.usage-code-heading,.usage-file-heading{padding:12px 16px;background:#fff}.usage-code-heading button,.usage-file-heading{font-size:12px;line-height:16px}.usage-code-tabs button{padding:8px 12px}.usage-code-body{display:flex;flex-direction:column;flex:1 1;min-height:0}.install-example pre{flex:1 1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;font-size:12px;line-height:20px;padding:16px}.usage-demo-card{border:1px solid #d9d6cc;border-radius:16px;background:#fff;box-shadow:none}.demo-card-description{font-size:12px;line-height:16px}.download-action{background:#242424;border-color:#242424}.usage-trigger-label{font-size:12px;line-height:16px}.getting-started .usage-demo{max-width:none;margin-top:0}.getting-started .usage-demo-card{padding:0;border:0;border-radius:0;background:transparent}.usage-state-guide{margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.usage-guide-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;line-height:16px}.usage-guide-heading code{color:var(--studio-accent);overflow-wrap:anywhere}.usage-specimen{display:grid;grid-template-columns:192px minmax(0,1fr);align-items:center;gap:16px;margin-block:12px}.usage-drawing{position:relative;height:240px}.usage-drawing-sheet{position:absolute;width:320px;height:320px;left:50%;top:50%;transform:translate(-50%,-50%) scale(.7)}.usage-drawing-glyph{position:absolute;inset:0;display:grid;place-items:center}.usage-drawing-copy h3{margin:0 0 12px;font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.025em}.usage-drawing-copy p{color:var(--muted);font-size:14px;line-height:20px}.usage-state-trail,.usage-state-trail>span{display:flex;align-items:center;gap:8px}.usage-state-trail{flex-wrap:wrap;margin:0;color:var(--muted);font-size:12px;line-height:16px}.usage-state-trail code{padding:4px 8px;border:1px solid var(--line);border-radius:4px;background:#fff}.usage-state-trail code[data-current=true]{background:var(--ink);border-color:var(--ink);color:#fff}.getting-started .usage-intro>a{align-self:start;margin-top:16px}@media (max-width:900px){.usage-section-heading,.usage-workbench{grid-template-columns:1fr;gap:24px}.usage-workbench{padding:24px}.getting-started .usage-intro{max-width:none}.install-example{contain:none}.install-example pre{max-height:480px;flex:none}}@media (max-width:620px){.usage-workbench{padding:24px 16px}.usage-sheet-lines{display:none}.usage-section-heading>p{font-size:14px;line-height:20px}.usage-code-heading{padding:12px;gap:4px}.usage-code-tabs{gap:0}.usage-code-heading>button,.usage-code-tabs button{padding:8px}.usage-copy-code-label,.usage-file-heading>span:last-child{display:none}.usage-code-heading>button{min-width:36px;justify-content:center}.getting-started .usage-trigger-label{min-height:32px}.usage-specimen{grid-template-columns:1fr;gap:8px}.usage-drawing{height:176px}.usage-drawing-copy h3{font-size:18px;line-height:28px}}.studio-questions{padding:0 0 96px}.question-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 64px}.question-grid article{padding:24px 0 0;position:relative}.question-grid article>span{display:block;color:#aaa79b;font-size:12px;line-height:16px;margin-bottom:12px}.question-grid h3{margin:0 0 12px;font-size:18px;line-height:28px;letter-spacing:-.025em}.question-grid p{max-width:480px;color:var(--muted);font-size:14px;line-height:20px}.studio-finale{display:grid;justify-items:center;gap:24px;padding:64px 32px;margin-bottom:64px;border:1px solid #dad7ca;border-radius:24px;background:#eeece3 url(/icon-drafting.svg) 50%/cover no-repeat;text-align:center}.studio-finale h2{font-size:60px;line-height:1;max-width:680px;letter-spacing:-.055em}.studio-finale>p:last-child{font-size:12px;line-height:16px;color:var(--muted)}.site-footer{gap:24px;padding:32px 0;flex-wrap:wrap;border:0}.site-footer>p{font-size:24px;line-height:32px;font-weight:600}.site-footer>p>span{display:block;margin:8px 0 0;font-size:12px;line-height:16px}.studio-footer-links{display:flex;flex-wrap:wrap;align-items:start;gap:24px;font-size:12px;line-height:16px}.studio-footer-links a{text-decoration:none}.studio-footer-links a:hover{color:var(--studio-accent)}.art-credits{font-size:12px;line-height:16px;max-width:320px}.social-rail{right:max(8px,calc((100vw - 1280px) / 4 - 22px))}.detail-view{padding:48px 0 80px}.detail-toolbar button,.detail-toolbar p{font-size:14px;line-height:20px}.detail-toolbar p>span{font-size:12px;line-height:16px}.lab-shell{border-radius:24px;border-color:#d5d2c7;box-shadow:0 16px 40px #66553c08;animation:studio-lab-enter .8s var(--studio-ease) both}.stage-column{position:relative;isolation:isolate;padding:24px;border:0;background-image:linear-gradient(#eeede880 1px,transparent 0),linear-gradient(90deg,#eeede880 1px,transparent 0),linear-gradient(#f5f5f2 1px,transparent 0),linear-gradient(90deg,#f5f5f2 1px,transparent 0);background-size:128px 128px,128px 128px,32px 32px,32px 32px;background-position:50%}.canvas-backdrop{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);fill:none;stroke:#deddd5;stroke-width:.7;pointer-events:none;z-index:-1}.canvas-backdrop path,.canvas-backdrop rect{vector-effect:non-scaling-stroke}.canvas-backdrop rect{stroke-dasharray:8 4 2 4}.canvas-backdrop-corners{stroke:#b3b1a8}.stage-column .icon-stage{background:transparent}.stage-footer>div,.stage-footer>p,.stage-header>span{background:#fff}.stage-description,.stage-footer,.stage-footer p,.stage-header{font-size:12px;line-height:16px}.stage-state{font-size:24px;line-height:32px}.stage-header{border:0;padding-bottom:24px}.stage-footer{border:0;padding-top:24px}.control-panel{padding:32px;background:#fff}.icon-feedback{margin-top:20px;padding-top:16px;border-top:1px solid #dedbd2}.feedback-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.feedback-heading p{margin:7px 0 0;color:#55554e;font-size:13px;line-height:20px}.feedback-votes{display:flex;gap:8px;flex-shrink:0}.feedback-votes button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #aaa69c;border-radius:8px;background:#fff;color:#242424}.feedback-votes button[aria-pressed=true]{background:#f0ede5;color:#242424;border-color:#77756b}.feedback-votes button:hover{border-color:#77756b}.icon-feedback form{margin-top:12px}.icon-feedback label{display:block;margin-bottom:8px;font-size:13px}.feedback-composer{position:relative;border:1px solid #aaa69c;border-radius:8px;background:#fff;overflow:hidden}.feedback-composer:focus-within{border-color:#9c6f50}.icon-feedback textarea{display:block;width:100%;min-height:76px;resize:vertical;padding:12px 68px 12px 12px;border:0;border-radius:0;background:white;color:#242424;font:inherit;font-size:13px;line-height:20px}.icon-feedback textarea::placeholder{color:#626057;opacity:1}.feedback-form-footer{position:absolute;right:8px;bottom:8px}.feedback-form-footer button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:8px;color:#242424;background:transparent;font-size:12px}.feedback-status{height:34px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;margin:8px 0 0;font-size:11px;line-height:17px;color:#55554e}.icon-feedback button[aria-disabled=true]{cursor:not-allowed}.icon-feedback button:active{transform:none}.icon-feedback textarea:focus-visible{outline:none}.icon-feedback button:focus-visible{outline:2px solid #9c6f50;outline-offset:3px}.eyebrow{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.02em}.panel-heading h2{font-size:30px;line-height:36px;white-space:normal;margin-top:16px}.color-control,.control-label-row,.panel-heading p,.preview-help,.preview-mode,.range-control,.sequence-kicker,.sequence-step,.sequence-summary,.state-button,.state-use-case{font-size:12px;line-height:16px}.play-button,.preview-mode-tabs,.sequence-step select,.state-button{border-radius:8px}.preview-mode-tabs button{min-height:40px;font-size:12px;line-height:16px;padding:8px}.state-button{padding:12px;min-height:64px}.color-control code,.color-control>span,.play-button,.range-control output,.select-control select,.state-button>span{font-size:12px;line-height:16px}.play-button{min-height:40px}@keyframes studio-lab-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-nav-enter{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}@keyframes drawing-trace{0%,to{stroke-dashoffset:1}22%,86%{stroke-dashoffset:0}}@media (min-width:1440px){.studio-hero h1{font-size:96px}.site-shell{padding-inline:48px}}@media (max-width:1100px){.site-shell{width:calc(100% - 64px);padding-inline:24px}.studio-hero{gap:32px}.studio-hero h1{font-size:48px;line-height:1}.studio-hero-action{gap:16px}.main-nav a{padding-inline:12px}.studio-manifesto{gap:48px}.collection-heading h2,.studio-manifesto h2,.studio-section-heading h2{font-size:36px;line-height:40px}.collection-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.getting-started{gap:32px}.getting-started h2{font-size:36px;line-height:40px}.social-rail{position:static;flex-direction:row;margin:0 0 24px auto;width:auto;justify-content:end;gap:8px}.social-rail-line{display:none}}@media (max-width:900px){.topbar{grid-template-columns:1fr auto;height:80px}.main-nav,.topbar>.nav-cta{display:none}.studio-menu-toggle{display:block;position:relative;width:48px;height:48px;padding:12px;border:1px solid #d7d4c8;border-radius:9999px;background:#ffffffb3}.studio-menu-toggle span{display:block;position:absolute;width:20px;height:1px;background:#242424;left:13px;top:20px;transition:transform .7s var(--studio-ease)}.studio-menu-toggle span:last-child{transform:translateY(6px)}.studio-menu-toggle[data-open=true] span:first-child{transform:translateY(3px) rotate(45deg)}.studio-menu-toggle[data-open=true] span:last-child{transform:translateY(3px) rotate(-45deg)}}@media (max-width:850px){.studio-hero{grid-template-columns:1fr;padding:48px 0 64px;gap:48px}.studio-hero-copy{max-width:680px}.studio-hero-description{max-width:480px}.hero-specimen{width:100%;max-width:560px;justify-self:center}.studio-manifesto{grid-template-columns:1fr;gap:40px}.collection-heading,.studio-section-heading{flex-direction:column;align-items:start;gap:24px}.drawing-title-block{grid-template-columns:1fr 1fr;padding:24px}.drawing-paper-footer{padding:16px 24px}.drawing-paper-footer>span:last-child{display:inline}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.getting-started{grid-template-columns:1fr;gap:40px;padding-top:0}.question-grid{gap:32px}.studio-finale h2{font-size:48px}.lab-shell{grid-template-columns:1fr}.stage-column{padding:24px}.control-panel{padding:32px}}@media (max-width:620px){html{scroll-padding-top:24px}.site-shell{width:100%;padding-inline:24px;margin:0}.brand-name{font-size:24px;line-height:32px}.brand-mark{width:24px;height:32px;flex-basis:24px}.studio-hero{padding:32px 0 48px;gap:40px}.studio-hero h1{font-size:48px;line-height:1}.studio-hero-description{font-size:14px;line-height:20px}.studio-hero-action{gap:16px}.studio-hero-action>p{font-size:12px;line-height:16px}.hero-specimen{transform:none;animation-name:studio-lab-enter}.specimen-top{padding:16px;gap:8px}.specimen-top>span:last-child{gap:4px}.specimen-canvas{margin:12px;min-height:352px}.specimen-controls{padding:16px}.specimen-states{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.specimen-states button{padding:8px;font-size:12px;line-height:16px}.specimen-drafting{transform:scale(.75);transform-origin:center}.facts{grid-template-columns:1fr 1fr;gap:24px;padding:24px}.studio-manifesto{padding:64px 0;gap:32px}.collection-heading h2,.getting-started h2,.studio-manifesto h2,.studio-section-heading h2{font-size:36px;line-height:40px}.collection-heading>p,.studio-section-heading>div:last-child>p,.studio-section-heading>p{font-size:14px;line-height:20px}.icon-collection,.icon-drawing-section,.studio-questions{padding-bottom:64px}.drawing-title-block{padding:16px;gap:16px}.drawing-paper-footer{padding:16px}.collection-search{padding:12px 16px;min-height:56px;gap:12px}.collection-search input{font-size:14px;line-height:20px}.collection-meta{flex-direction:column;gap:8px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.collection-card{min-height:160px;padding:24px 8px 12px}.card-number{font-size:12px;line-height:16px}.card-art{min-height:72px}.card-art svg{width:40px;height:40px}.card-name{min-height:32px;display:grid;place-items:center}.card-moods,.card-name{font-size:12px;line-height:16px}.getting-started{gap:32px;padding-bottom:64px}.install-command{font-size:12px;line-height:16px}.install-command button{padding:8px}.usage-code-disclosure{padding:12px 16px;font-size:12px;line-height:16px}.question-grid{grid-template-columns:1fr;gap:16px}.question-grid article{padding-top:16px}.studio-finale{padding:48px 24px;gap:24px;margin-bottom:32px}.studio-finale h2{font-size:36px;line-height:40px}.site-footer{padding:24px 0;flex-direction:column}.art-credits summary{text-align:left}.detail-view{padding:24px 0 64px}.detail-toolbar{align-items:start}.detail-toolbar p>span{display:block;margin:8px 0 0}.lab-shell{border-radius:16px}.icon-stage{min-height:320px}.control-panel{padding:24px}.panel-heading h2{font-size:24px;line-height:32px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important}.hero-specimen,.lab-shell,.studio-mobile-menu nav a{animation:none}.word-reveal span{color:var(--ink);transition:none}.drawing-ink{stroke-dashoffset:0}.drawing-ink,.drawing-layer,.drawing-layer-labels,.drawing-layer>rect{animation:none}.collection-card{transition:none}}@media (forced-colors:active){.studio-hero h1{background:none;color:CanvasText;-webkit-text-fill-color:currentColor}.nav-cta,.studio-button{border:1px solid ButtonText}}.studio-not-found{min-height:100svh;display:grid;align-content:center;justify-items:start;gap:24px;max-width:768px;margin:auto;padding:32px}.studio-not-found h1{font-size:clamp(48px,8vw,96px);line-height:1;letter-spacing:-.06em}.studio-not-found p{max-width:440px;color:var(--muted);line-height:1.6}.mascot-answer{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:48px;padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.mascot-answer h3{max-width:440px;font-size:30px;line-height:36px;letter-spacing:-.04em;margin:16px 0}.mascot-punchline{font-size:18px;line-height:28px;color:var(--muted)}.faq-pandas{display:flex;align-items:end;justify-content:end;gap:8px;min-width:0}.faq-pandas>span{width:30%}.faq-pandas>span:nth-child(2){width:26%}.faq-pandas>span:nth-child(3){width:38%}@media (max-width:620px){.mascot-answer{grid-template-columns:1fr;gap:24px;padding:24px 0;margin-bottom:32px}.mascot-answer h3{font-size:24px;line-height:32px}.mascot-punchline{font-size:16px;line-height:24px}.faq-pandas{justify-content:start;max-width:360px}}.specimen-register-note{fill:#8b8980;font-size:8px;letter-spacing:.04em}.specimen-live-callout path{fill:none;stroke:#888;stroke-width:.7}.specimen-live-callout circle{fill:#777}.specimen-live-callout text{fill:#74736e;font-size:10px;letter-spacing:.04em;paint-order:stroke;stroke:white;stroke-width:3px}.specimen-open{position:absolute;inset:0;z-index:2;border:0;border-radius:inherit;background:transparent;cursor:pointer}.specimen-open:focus-visible{outline-offset:-8px}.specimen-open span{position:absolute;right:12px;bottom:12px;color:var(--muted);font-size:12px}.icon-stage{overflow:visible}.icon-stage .specimen-drafting{margin:0}.icon-stage .specimen-sheet-guide{position:absolute;width:100%;height:100%}.icon-stage .specimen-live-bulb{position:absolute}.specimen-light-guides{fill:none;stroke:#999;stroke-width:.7}.specimen-filament-label{fill:#74736e;font-size:10px;letter-spacing:.04em}.specimen-light-label{fill:#8b8980;font-size:8px;letter-spacing:.04em}.canvas-guides,.icon-stage .canvas-guides{position:absolute;width:320px;height:320px;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;overflow:visible;pointer-events:none;fill:none}.canvas-guide-minor{stroke:#eeede8;stroke-width:.5}.canvas-guide-grid{stroke:#e5e4df;stroke-width:.7}.canvas-guide-grid circle{stroke-dasharray:3 4}.canvas-guide-axis{stroke:#d8d7d0;stroke-width:.7;stroke-dasharray:12 3 2 3}.canvas-guide-boundary{stroke:#d8d7d0;stroke-width:.7;stroke-dasharray:3 3}.canvas-guide-corners{stroke:#b3b1a8;stroke-width:.7}.canvas-guide-measure{stroke:#aaa9a1;stroke-width:.7}.canvas-guide-measure text{stroke:#fff;stroke-width:4px;paint-order:stroke;fill:#8b8980;font-size:9px;letter-spacing:.02em}.studio-support{padding-bottom:96px;scroll-margin-top:32px}.support-sheet-heading{display:flex;justify-content:space-between;gap:24px;margin-bottom:16px}.support-sheet-heading>span{color:var(--muted);font-size:12px;line-height:16px}.support-sheet{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:48px;padding:40px;border:1px solid var(--line);border-radius:24px;background:#fff}.support-copy h2{font-size:48px;line-height:1;letter-spacing:-.055em}.support-copy>p{max-width:480px;margin-top:24px;color:var(--muted);font-size:14px;line-height:20px}.support-coffee{margin:32px 0 0}.support-coffee svg{display:block;width:100%}.support-drafting{color:#aaa;stroke:currentColor;stroke-width:.7}.support-drafting text{fill:var(--muted);stroke:none;font-size:12px}.support-cup{stroke:var(--ink);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.support-steam path{animation:support-steam 4s var(--studio-ease) infinite both;animation-play-state:var(--decorative-play-state,paused)}.support-steam path:nth-child(2){animation-delay:1.2s}.support-steam path:nth-child(3){animation-delay:2.4s}.support-coffee figcaption{display:grid;gap:4px;margin-top:12px;color:var(--muted);font-size:12px;line-height:16px}.support-payment{min-width:0;text-align:center}.support-qr{width:224px;max-width:100%;margin:16px auto 8px;background:#fff}.support-qr img{display:block;width:100%;height:auto}.support-copy-status,.support-recipient,.support-scan{color:var(--muted);font-size:12px;line-height:16px}.support-recipient{margin-top:8px}.support-recipient strong{color:var(--ink);font-weight:500}.support-upi{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;margin-top:24px;border:1px solid var(--line);border-radius:8px;text-align:left}.support-upi code{font-size:14px;line-height:20px;-webkit-user-select:all;user-select:all}.support-upi button{min-height:44px;flex-shrink:0;padding:8px;border:0;border-radius:8px;background:var(--surface-muted);color:var(--ink);font-size:12px;line-height:16px;font-weight:600}.support-upi button:hover{background:var(--line)}.support-copy-status{min-height:32px;margin-top:12px}.support-pay-mobile{display:none}@keyframes support-steam{0%,to{transform:translateY(0);opacity:.25}35%{opacity:1}70%{transform:translateY(-.8px);opacity:0}}@media (max-width:850px){.support-sheet{grid-template-columns:1fr;gap:40px;padding:32px}.support-copy h2{font-size:36px;line-height:40px}.support-coffee{max-width:480px}.support-payment{width:100%;max-width:480px;margin:auto}}@media (max-width:620px){.studio-support{padding-bottom:64px}.support-sheet-heading{flex-direction:column;gap:8px}.support-sheet{padding:24px;border-radius:16px}.support-copy h2{font-size:30px;line-height:36px}.support-upi{flex-direction:column;align-items:stretch;text-align:center}.support-pay-mobile{display:flex;margin-top:12px}}@media (prefers-reduced-motion:reduce){.support-steam path{animation:none}}.customize-section{margin-block:112px;scroll-margin-top:120px}.customize-sheet{display:block;border:1px solid var(--line,#d9d7cf);border-radius:16px;background:#fff;overflow:hidden}.customize-study{position:relative;isolation:isolate;padding:32px;border-right:1px solid #dedcd5;min-width:0}.customize-sheet-label{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#777}.customize-canvas{position:relative;width:min(100%,320px);aspect-ratio:1;margin:16px auto;display:grid;place-items:center}.customize-canvas .canvas-guides{position:absolute;inset:0;transform:none;width:100%;height:100%;pointer-events:none}.customize-canvas>svg:not(.canvas-guides):not(.customize-glyph-notes):not(.customize-large-icon){position:relative;width:45%;height:45%}.customize-instructions>:not(svg),.customize-study>:not(svg){position:relative;z-index:1}.customize-instructions>.canvas-backdrop,.customize-study>.canvas-backdrop{z-index:0}.customize-construction{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);pointer-events:none;fill:none;stroke-width:.7;z-index:0}.customize-construction path{vector-effect:non-scaling-stroke}.customize-construction-grid{stroke:#f2f1ed}.customize-construction-axis{stroke:#e8e7e1;stroke-dasharray:12 4 2 4}.customize-canvas .customize-glyph-notes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;fill:none}.customize-glyph-notes path{stroke:#b3b1a8;stroke-width:.7}.customize-glyph-notes circle{fill:#99978f}.customize-glyph-notes text{fill:#8b8980;font-size:8px;letter-spacing:.06em;stroke:#fff;stroke-width:3px;paint-order:stroke}.customize-states{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.customize-states button{padding:8px 12px;border:1px solid #dedcd5;border-radius:8px;background:#fff;color:#242424;font:inherit;font-size:14px;cursor:pointer}.customize-states button[aria-pressed=true]{background:#242424;color:#fff;border-color:#242424}.customize-states button:hover{border-color:#777}.customize-study>p{margin:24px 0 0;color:#777;text-align:center;font-size:14px}.customize-instructions{position:relative;isolation:isolate;padding:32px;min-width:0}.customize-instructions ol{list-style:decimal-leading-zero;padding-left:24px;margin:0}.customize-instructions li{padding:0 0 24px 8px}.customize-instructions li::marker{color:#999;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12px}.customize-instructions li>span{font-weight:600}.customize-command{display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid #dedcd5;padding:16px 0}.customize-command code{overflow-wrap:anywhere;font-size:14px}.customize-command button{flex-shrink:0;background:transparent;border:0;color:#777;font:inherit;font-size:12px;padding:8px;cursor:pointer}.customize-command button:hover{color:#242424}.customize-fine-print,.customize-instructions li p{color:#777;font-size:14px;line-height:1.6;margin:12px 0 0}.customize-instructions blockquote{font-size:clamp(18px,1.8vw,24px);line-height:1.5;margin:16px 0 0}.customize-fine-print{border-top:1px solid #dedcd5;padding-top:16px}.customize-feedback{min-height:2lh;color:#777;font-size:12px;line-height:1.5}@media (max-width:760px){.customize-section{margin-block:64px}.customize-example-panel{grid-template-columns:1fr}.customize-study{border-right:0;border-bottom:1px solid #dedcd5;padding:24px}.customize-instructions{padding:24px}}.customize-example-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;border-bottom:1px solid var(--line)}.customize-example-tabs button{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 16px;border:0;border-radius:8px;background:transparent;color:var(--muted);text-align:left;font:inherit;font-size:14px;cursor:pointer}.customize-example-tabs button>span{font-size:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#99978f}.customize-example-tabs button:hover{color:var(--ink);background:var(--paper)}.customize-example-tabs button[aria-selected=true]{color:var(--ink);background:var(--surface-muted)}.customize-example-tabs button[aria-selected=true]>span{color:var(--ink)}.customize-example-panel{display:grid;grid-template-columns:1fr 1fr}.customize-example-caption{margin:24px auto 0;max-width:400px;text-align:center}.customize-example-caption h3{font-size:20px;line-height:1.4;letter-spacing:-.03em}.customize-example-caption p{margin-top:8px;font-size:14px;line-height:1.6;color:var(--muted)}.customize-example-caption code{display:block;font-size:11px;margin-top:12px;overflow-wrap:anywhere;color:var(--muted)}.customize-states button{display:inline-flex;align-items:center;gap:8px}.customize-swatch{width:10px;height:10px;border-radius:50%;border:1px solid #ffffff80}.customize-copy-prompt{display:inline-flex;gap:8px;margin-top:16px;padding:8px 0;border:0;border-bottom:1px solid #c4c2b8;background:transparent;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.customize-brain-colour path{transition:stroke .24s var(--studio-ease),fill .24s var(--studio-ease)}@media (max-width:760px){.customize-example-panel{grid-template-columns:1fr}.customize-example-tabs button{flex-direction:column;align-items:start;gap:4px;padding:8px;font-size:12px;line-height:1.4}.customize-example-caption h3{font-size:18px}}@media (prefers-reduced-motion:reduce){.customize-brain-colour path{transition:none}}.customize-canvas>svg.customize-large-icon{position:relative;z-index:1;width:72.5%;height:72.5%}