.pico-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--pico-space-2);margin:0;border:1px solid transparent;border-radius:var(--pico-radius-md);font-family:inherit;font-weight:600;letter-spacing:.01em;line-height:1.2;cursor:pointer;text-decoration:none;transition:background-color var(--pico-motion-base) var(--pico-ease-standard),border-color var(--pico-motion-base) var(--pico-ease-standard),color var(--pico-motion-base) var(--pico-ease-standard),transform var(--pico-motion-fast) var(--pico-ease-standard)}.pico-button:focus{outline:none}.pico-button:focus-visible{box-shadow:var(--pico-focus-ring)}.pico-button:active:not(:disabled){transform:translateY(1px)}.pico-button:disabled{opacity:.45;cursor:not-allowed}.pico-button--size-small{min-height:2rem;padding:.35rem .7rem;font-size:.875rem}.pico-button--size-medium{min-height:2.5rem;padding:.55rem 1rem;font-size:.95rem}.pico-button--intent-primary{background:var(--pico-color-action);border-color:var(--pico-color-action);color:var(--pico-color-action-ink);box-shadow:inset 0 -3px #0000002e;text-transform:uppercase;letter-spacing:.06em}.pico-button--intent-primary:hover:not(:disabled){background:var(--pico-color-action-hover);border-color:var(--pico-color-action-hover)}.pico-button--intent-secondary{background:var(--pico-color-panel);border-color:var(--pico-color-border);color:var(--pico-color-ink)}.pico-button--intent-secondary:hover:not(:disabled){background:#f7f1e6}.pico-button--intent-quiet{background:var(--pico-color-quiet);border-color:transparent;color:var(--pico-color-ink)}.pico-button--intent-quiet:hover:not(:disabled){background:var(--pico-color-quiet-hover)}.pico-text-field{display:flex;flex-direction:column;gap:var(--pico-space-2);min-width:12rem;font-family:inherit}.pico-text-field__label{display:inline-flex;align-items:baseline;gap:var(--pico-space-1);font-size:.875rem;font-weight:600;color:var(--pico-color-ink)}.pico-text-field__required{color:var(--pico-color-danger);font-weight:700}.pico-text-field__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin:0;border:1px solid var(--pico-color-border);border-radius:var(--pico-radius-md);background:var(--pico-color-panel);color:var(--pico-color-ink);font:inherit;line-height:1.3;transition:border-color var(--pico-motion-base) var(--pico-ease-standard),box-shadow var(--pico-motion-base) var(--pico-ease-standard),background-color var(--pico-motion-base) var(--pico-ease-standard)}.pico-text-field__input::placeholder{color:var(--pico-color-ink-muted)}.pico-text-field__input:focus{outline:none}.pico-text-field__input:focus-visible{box-shadow:var(--pico-focus-ring);border-color:var(--pico-color-focus)}.pico-text-field__input:disabled{opacity:.45;cursor:not-allowed;background:#1c19140a}.pico-text-field--size-small .pico-text-field__input{min-height:2rem;padding:.35rem .7rem;font-size:.875rem}.pico-text-field--size-medium .pico-text-field__input{min-height:2.5rem;padding:.55rem .85rem;font-size:.95rem}.pico-text-field--error .pico-text-field__input{border-color:var(--pico-color-danger)}.pico-text-field--error .pico-text-field__input:focus-visible{box-shadow:0 0 0 2px var(--pico-color-panel),0 0 0 4px var(--pico-color-danger)}.pico-text-field__description{margin:0;font-size:.8rem;color:var(--pico-color-ink-muted)}.pico-text-field__error{margin:0;font-size:.8rem;font-weight:600;color:var(--pico-color-danger)}:root{color-scheme:light;--pico-font-sans: "IBM Plex Sans", "Segoe UI", sans-serif;--pico-font-display: "IBM Plex Sans", "Segoe UI", sans-serif;--pico-color-canvas: #f3efe6;--pico-color-panel: #fffdf8;--pico-color-ink: #1c1914;--pico-color-ink-muted: #5c564c;--pico-color-border: #d8d0c2;--pico-color-focus: #0f6e56;--pico-color-action: #d9480f;--pico-color-action-hover: #bf400d;--pico-color-action-ink: #fff8f4;--pico-color-quiet: transparent;--pico-color-quiet-hover: rgba(28, 25, 20, .06);--pico-color-danger: #9b2c2c;--pico-radius-sm: 4px;--pico-radius-md: 8px;--pico-space-1: .25rem;--pico-space-2: .5rem;--pico-space-3: .75rem;--pico-space-4: 1rem;--pico-space-6: 1.5rem;--pico-space-8: 2rem;--pico-focus-ring: 0 0 0 2px var(--pico-color-panel), 0 0 0 4px var(--pico-color-focus);--pico-motion-fast: 80ms;--pico-motion-base: .12s;--pico-motion-slow: .2s;--pico-ease-standard: ease;--pico-ease-emphasized: cubic-bezier(.2, .8, .2, 1)}@media(prefers-reduced-motion:reduce){:root{--pico-motion-fast: 0ms;--pico-motion-base: 0ms;--pico-motion-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--pico-font-sans);background:var(--pico-color-canvas);color:var(--pico-color-ink);line-height:1.5}.pico-auth-screen{min-height:100vh;display:grid;place-items:center;padding:var(--pico-space-6) var(--pico-space-4)}.pico-auth-card{width:min(100%,24rem);display:grid;gap:var(--pico-space-4);padding:var(--pico-space-6);background:var(--pico-color-panel);border:1px solid var(--pico-color-border);border-radius:var(--pico-radius-md)}.pico-auth-eyebrow{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--pico-color-ink-muted)}.pico-auth-title{margin:0;font-size:1.75rem;letter-spacing:-.03em}.pico-auth-lede{margin:0;color:var(--pico-color-ink-muted)}.pico-auth-lede code{font-size:.9em}.pico-auth-error{margin:0;padding:var(--pico-space-3);border-radius:var(--pico-radius-sm);background:#9b2c2c14;color:var(--pico-color-danger);font-size:.95rem}.pico-auth-error--inline{padding:var(--pico-space-2) var(--pico-space-3);font-size:.85rem}.pico-auth-signed-in{min-height:100vh}.pico-auth-account-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--pico-space-3);padding:var(--pico-space-3) var(--pico-space-4);border-bottom:1px solid var(--pico-color-border);background:var(--pico-color-panel)}.pico-auth-identity{margin:0 auto 0 0;font-size:.9rem;color:var(--pico-color-ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,28rem)}.spatial-canvas{position:relative;display:flex;flex-direction:column;flex:1 1 auto;width:100%;min-width:0;min-height:0;height:100%;overflow:hidden;background:var(--pico-color-canvas)}.spatial-canvas__surface{position:relative;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;cursor:default;background-image:linear-gradient(to right,rgba(28,25,20,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(28,25,20,.06) 1px,transparent 1px);background-size:24px 24px;touch-action:none;outline:none}.spatial-canvas__surface:focus-visible{box-shadow:inset var(--pico-focus-ring)}.spatial-canvas__surface.is-panning{cursor:grabbing}.spatial-canvas__world{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0;will-change:transform}.component-frame__pose{position:absolute;overflow:hidden;contain:layout;pointer-events:none}.component-frame{position:absolute;left:0;top:0;box-sizing:border-box;display:flex;flex-direction:column;background:var(--pico-color-panel);border:1px solid var(--pico-color-border);border-radius:var(--pico-radius-md);box-shadow:0 8px 24px #1c191414;transform-origin:0 0;pointer-events:none}.component-frame.is-selected{border-color:var(--pico-color-focus);box-shadow:var(--pico-focus-ring)}.component-frame__chrome{display:flex;align-items:center;gap:var(--pico-space-2);padding:var(--pico-space-2) var(--pico-space-3);border-bottom:1px solid var(--pico-color-border);cursor:grab;-webkit-user-select:none;user-select:none;background:#1c191408;pointer-events:auto}.component-frame__chrome:active{cursor:grabbing}.component-frame__title{font-size:.8rem;font-weight:600;color:var(--pico-color-ink-muted)}.component-frame__body{flex:1 1 auto;min-height:0;padding:var(--pico-space-6);outline:none;pointer-events:auto}.component-frame__body:focus-visible{box-shadow:inset var(--pico-focus-ring)}.component-frame__specimen{display:inline-flex}.spatial-canvas__hud{display:flex;align-items:center;gap:var(--pico-space-2);flex-shrink:0;padding:var(--pico-space-2) var(--pico-space-3);border-top:1px solid var(--pico-color-border);background:var(--pico-color-panel)}.spatial-canvas__zoom{font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--pico-color-ink-muted);min-width:3.5rem}.spatial-canvas__hud-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--pico-color-border);background:var(--pico-color-panel);color:var(--pico-color-ink);border-radius:var(--pico-radius-sm);padding:.25rem .55rem;font:inherit;font-size:.8rem;cursor:pointer}.spatial-canvas__hud-btn:focus-visible{box-shadow:var(--pico-focus-ring);outline:none}html,body,#root{height:100%;height:100dvh;max-height:100dvh;margin:0;overflow:hidden}.pico-auth-signed-in{display:flex;flex-direction:column;height:100%;height:100dvh;max-height:100dvh;min-height:0;overflow:hidden}.pico-auth-account-bar{flex-shrink:0}.workbench-app,.workbench{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden}.workbench-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--pico-space-4);flex-shrink:0;padding:var(--pico-space-3) var(--pico-space-4);border-bottom:1px solid var(--pico-color-border);background:var(--pico-color-panel)}.workbench-toolbar__product{margin:0;font-family:var(--pico-font-display);font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.workbench-toolbar__component{margin:0;color:var(--pico-color-ink-muted);font-size:.9rem}.workbench-toolbar__meta{display:flex;align-items:center;gap:var(--pico-space-2)}.workbench-toolbar__zoom,.workbench-toolbar__version{font-size:.85rem;color:var(--pico-color-ink-muted);font-variant-numeric:tabular-nums}.workbench__body{display:grid;grid-template-columns:240px minmax(0,1fr) minmax(280px,320px);flex:1 1 auto;min-height:0;min-width:0;overflow:hidden}.workbench__center{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border-left:1px solid var(--pico-color-border);border-right:1px solid var(--pico-color-border)}.library-panel,.inspector-panel{display:flex;flex-direction:column;gap:var(--pico-space-3);padding:var(--pico-space-3);min-height:0;min-width:0;overflow:auto;background:var(--pico-color-panel)}.library-panel__title,.inspector-panel__title,.docs-panel__title{margin:0;font-size:.95rem}.library-panel__search input,.inspector__field input[type=text],.inspector__field select,.md-editor__textarea{width:100%;box-sizing:border-box;border:1px solid var(--pico-color-border);border-radius:var(--pico-radius-sm);padding:.4rem .55rem;font:inherit;background:var(--pico-color-canvas);color:var(--pico-color-ink)}.library-panel__search input:focus-visible,.inspector__field input:focus-visible,.inspector__field select:focus-visible,.md-editor__textarea:focus-visible{outline:none;box-shadow:var(--pico-focus-ring)}.library-panel__category-title{margin:var(--pico-space-3) 0 var(--pico-space-2);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--pico-color-ink-muted)}.library-panel__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--pico-space-1)}.library-panel__item{width:100%;display:flex;justify-content:space-between;gap:var(--pico-space-2);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;border-radius:var(--pico-radius-sm);padding:.45rem .55rem;text-align:left;font:inherit;cursor:pointer;color:var(--pico-color-ink)}.library-panel__item.is-selected,.library-panel__item:hover{background:var(--pico-color-quiet-hover)}.library-panel__item.is-selected{border-color:var(--pico-color-border)}.library-panel__item:focus-visible{outline:none;box-shadow:var(--pico-focus-ring)}.library-panel__item-status{color:var(--pico-color-ink-muted);font-size:.75rem}.inspector-panel__section h3,.docs-panel__preview-title{margin:0 0 var(--pico-space-2);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--pico-color-ink-muted)}.inspector__field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:var(--pico-space-3);font-size:.9rem}.inspector__field--row{flex-direction:row;align-items:center;justify-content:space-between}.inspector-panel__state-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--pico-space-2)}.inspector-panel__state-list li{padding:.2rem .45rem;border-radius:999px;border:1px solid var(--pico-color-border);font-size:.75rem;color:var(--pico-color-ink-muted)}.inspector-panel__state-list li[data-on]{background:#0f6e561f;border-color:var(--pico-color-focus);color:var(--pico-color-ink)}.inspector-panel__meta{margin:0;display:grid;gap:var(--pico-space-2);font-size:.85rem}.inspector-panel__meta div{display:grid;gap:.15rem}.inspector-panel__meta dt{color:var(--pico-color-ink-muted)}.inspector-panel__meta dd{margin:0;word-break:break-word}.inspector-panel__description{margin:var(--pico-space-2) 0 0;color:var(--pico-color-ink-muted);font-size:.9rem}.inspector-panel__tokens{list-style:none;margin:0;padding:0;display:grid;gap:var(--pico-space-2);font-size:.8rem}.inspector-panel__tokens li{display:flex;justify-content:space-between;gap:var(--pico-space-2)}.right-workspace{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--pico-color-panel)}.right-workspace__tabs{display:flex;flex-shrink:0;border-bottom:1px solid var(--pico-color-border)}.right-workspace__tab{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;padding:.65rem .75rem;font:inherit;font-size:.85rem;font-weight:600;color:var(--pico-color-ink-muted);cursor:pointer}.right-workspace__tab.is-active{color:var(--pico-color-ink);border-bottom-color:var(--pico-color-focus)}.right-workspace__tab:focus-visible{outline:none;box-shadow:inset var(--pico-focus-ring)}.right-workspace__content{flex:1 1 auto;min-height:0;min-width:0;overflow:hidden}.right-workspace__panel{height:100%;min-height:0;overflow:hidden}.right-workspace__panel[hidden]{display:none}.right-workspace__panel .inspector-panel{height:100%}.docs-panel--sidebar{display:flex;flex-direction:column;height:100%;min-height:0;padding:var(--pico-space-3);gap:var(--pico-space-2);overflow:hidden;background:var(--pico-color-panel)}.docs-panel-fallback{box-sizing:border-box;height:100%;min-height:0;max-height:100%;overflow:hidden;display:flex;align-items:flex-start;padding:var(--pico-space-3)}.docs-panel-fallback__text{margin:0;font-size:.9rem;color:var(--pico-color-ink-muted)}@media(prefers-reduced-motion:no-preference){.docs-panel-fallback__text{animation:docs-panel-fallback-fade .16s var(--pico-ease-standard)}}@keyframes docs-panel-fallback-fade{0%{opacity:.55}to{opacity:1}}.docs-panel__header{display:flex;flex-direction:column;gap:var(--pico-space-2);flex-shrink:0}.docs-panel__path,.docs-panel__source,.docs-panel__status{margin:0;font-size:.8rem;color:var(--pico-color-ink-muted);word-break:break-word}.docs-panel__source[data-draft=true]{color:var(--pico-color-action)}.docs-panel__actions{display:flex;flex-wrap:wrap;gap:var(--pico-space-2)}.docs-panel__banner{flex-shrink:0;padding:var(--pico-space-2) var(--pico-space-3);border:1px solid var(--pico-color-border);border-left:3px solid var(--pico-color-action);background:var(--pico-color-canvas);font-size:.8rem}.docs-panel__mode{display:flex;flex-shrink:0;gap:var(--pico-space-1)}.docs-panel__mode-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--pico-color-border);background:var(--pico-color-canvas);border-radius:var(--pico-radius-sm);padding:.3rem .65rem;font:inherit;font-size:.8rem;cursor:pointer;color:var(--pico-color-ink-muted)}.docs-panel__mode-btn.is-active{color:var(--pico-color-ink);border-color:var(--pico-color-focus);background:#0f6e5614}.docs-panel__mode-btn:focus-visible{outline:none;box-shadow:var(--pico-focus-ring)}.docs-panel__body{flex:1 1 auto;min-height:0;overflow:auto}.docs-panel__body .md-editor{height:100%;min-height:0}.docs-panel__body .md-editor__textarea{flex:1 1 auto;min-height:12rem;height:calc(100% - 1.5rem);resize:none}.docs-panel__body .md-preview{min-height:0;height:auto}.md-editor{display:flex;flex-direction:column;gap:var(--pico-space-2);min-height:0}.md-editor__label{font-size:.85rem;color:var(--pico-color-ink-muted)}.md-editor__textarea{min-height:220px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;line-height:1.45}.md-preview{min-height:220px;padding:var(--pico-space-3);border:1px solid var(--pico-color-border);border-radius:var(--pico-radius-sm);background:var(--pico-color-canvas);overflow:auto}.md-preview h1,.md-preview h2,.md-preview h3{margin-top:1rem;margin-bottom:.4rem}.md-preview p,.md-preview ul,.md-preview ol{margin:.4rem 0}.md-preview code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.build-info{margin:0;flex-shrink:0;padding:var(--pico-space-2) var(--pico-space-4);border-top:1px solid var(--pico-color-border);font-size:.75rem;color:var(--pico-color-ink-muted);background:var(--pico-color-panel);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){.workbench__body{grid-template-columns:200px minmax(0,1fr) minmax(240px,280px)}}