:root{color:var(--prism-color-ink);background:var(--prism-color-page);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.showcase-app{min-height:100dvh;color:var(--prism-color-ink);background:0 0;transition:background-color .3s,color .3s}body{background:var(--prism-color-page);min-width:320px;min-height:100vh;margin:0}.showcase-app-background.prism-background{min-height:100dvh;box-shadow:none;border:0;border-radius:0;overflow:visible}.showcase-app-background>.prism-background-layer,.showcase-app-background>.prism-background-wash{z-index:0;position:fixed}.showcase-app-background>.prism-background-content{z-index:1;min-height:100dvh;padding:0;position:relative}button,input{font:inherit}.showcase-header.prism-header{border-bottom-color:#ffffff1a}.showcase-header .prism-header-bar{width:min(100% - 2rem,92rem);margin:0 auto;padding-left:0;padding-right:0}.showcase-header-brand{min-width:0;color:inherit;align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.showcase-prism-mark{background:radial-gradient(circle at 75% 18%, #ffffff3d, transparent 1.4rem), color-mix(in srgb, var(--prism-color-surface-tint) 82%, transparent);border:1px solid #99aeff33;border-radius:.85rem;flex:0 0 2.5rem;place-items:center;width:2.5rem;height:2.5rem;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid;box-shadow:inset 0 1px #ffffff24,0 .35rem 1rem #09102b21}.showcase-header-brand:hover .showcase-prism-mark{border-color:#8ed9ff6b;transform:translateY(-1px)rotate(-2deg);box-shadow:inset 0 1px #ffffff2e,0 .5rem 1.2rem #5042c233}.showcase-header-actions,.showcase-matrix-badge{align-items:center;display:flex}.showcase-header-actions{gap:.55rem}.showcase-matrix-badge{border:1px solid var(--prism-color-border);min-height:2.4rem;color:var(--prism-color-text-soft);background:color-mix(in srgb, var(--prism-color-surface-glass) 78%, transparent);border-radius:.8rem;gap:.5rem;padding:.35rem .65rem .35rem .4rem;box-shadow:inset 0 1px #ffffff1a}.showcase-matrix-badge>span{gap:.02rem;line-height:1;display:grid}.showcase-matrix-badge small{color:var(--prism-color-text-subtle);letter-spacing:.08em;text-transform:uppercase;font-size:.52rem;font-weight:760}.showcase-matrix-badge strong{color:var(--prism-color-ink);letter-spacing:.04em;font-size:.7rem;font-weight:830}.showcase-header-brand-copy{gap:.12rem;min-width:0;display:grid}.showcase-header-brand-copy strong{color:var(--prism-color-ink);font-size:var(--prism-font-size-small);letter-spacing:.18em;text-transform:lowercase;font-weight:840}.showcase-header-brand-copy small{color:var(--prism-color-text-subtle);font-size:var(--prism-font-size-micro);letter-spacing:.06em;font-weight:700}@media (width<=34rem){.showcase-matrix-badge>span,.showcase-header-brand-copy small{display:none}.showcase-matrix-badge{justify-content:center;width:2.4rem;padding:.35rem}}.showcase-settings-button{border:1px solid var(--prism-color-border);width:2.4rem;height:2.4rem;color:var(--prism-color-ink);background:color-mix(in srgb, var(--prism-color-surface-glass) 82%, transparent);cursor:pointer;border-radius:.8rem;flex:0 0 2.4rem;place-items:center;padding:0;transition:border-color .18s,color .18s,background .18s,transform .18s,box-shadow .18s;display:grid;box-shadow:0 .25rem .8rem #050b1d14}.showcase-settings-button:hover{border-color:var(--prism-color-focus);color:var(--prism-color-action);background:var(--prism-color-lavender-surface);transform:translateY(-1px)}.showcase-settings-button:focus-visible{outline:2px solid var(--prism-color-focus);outline-offset:2px}.showcase-settings-popup.prism-popup-panel,.showcase-settings-popup .prism-popup-body{overflow:visible}.showcase-settings-popup .prism-select-menu{z-index:30}.showcase-settings-list{gap:.7rem}.showcase-storage-warning{border:1px solid var(--prism-color-peach-border);color:var(--prism-color-text);background:var(--prism-color-peach-surface);border-radius:.65rem;margin:.2rem 0 0;padding:.65rem .75rem;font-size:.78rem;line-height:1.45}.showcase-layout .prism-layout-body{grid-template-columns:18rem minmax(0,1fr);align-items:start;gap:1.25rem;width:min(100% - 2rem,92rem);margin:0 auto;padding:1.15rem 0 2rem;display:grid}.showcase-content{min-width:0}.showcase-route{display:contents}.showcase-mobile-nav-bar,.showcase-nav-backdrop{display:none}.showcase-navigator{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--prism-color-border-strong) transparent;border:1px solid var(--prism-color-border);background:linear-gradient(180deg, var(--prism-color-surface-card), var(--prism-color-surface-glass));max-height:calc(100dvh - 7rem);box-shadow:var(--prism-shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:1.45rem;align-self:start;gap:1rem;padding:1.1rem;display:grid;position:sticky;top:5.4rem;overflow-y:auto}.showcase-navigator::-webkit-scrollbar{width:.45rem}.showcase-navigator::-webkit-scrollbar-thumb{background:var(--prism-color-border-strong);background-clip:padding-box;border:.1rem solid #0000;border-radius:999px}.showcase-footer.prism-footer{background:color-mix(in srgb, var(--prism-color-surface-glass) 58%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top-color:#ffffff1f}.showcase-footer .prism-footer-inner{width:min(100% - 2rem,92rem);color:var(--prism-color-text-subtle);font-size:var(--prism-font-size-label);letter-spacing:.04em;margin:0 auto;padding:1.1rem 0 1.35rem;font-weight:700}.showcase-footer .footer-line{background:var(--prism-color-border-strong);width:2rem;height:1px}.showcase-main{min-width:0}.sidebar-brand{gap:.3rem;display:grid}.sidebar-brand-row{align-items:center;gap:.6rem;display:inline-flex}.sidebar-brand-dot{background:var(--prism-color-accent-bright);width:.65rem;height:.65rem;box-shadow:0 0 0 .3rem var(--prism-color-accent-glow);border-radius:50%}.sidebar-brand-name{color:var(--prism-color-ink);font-size:var(--prism-font-size-small);letter-spacing:.18em;text-transform:lowercase;font-weight:840}.sidebar-brand-copy{color:var(--prism-color-text-subtle);font-size:var(--prism-font-size-ui);margin:0;line-height:1.5}.showcase-tree{padding-top:.15rem}.tree-view-playground{border:1px solid var(--prism-color-border);border-radius:var(--prism-radius-surface);background:color-mix(in srgb, var(--prism-color-surface-tint) 74%, var(--prism-color-white));gap:.9rem;width:min(100%,28rem);padding:1rem;display:grid;box-shadow:0 .55rem 1.4rem #25314e12}.app-shell{width:min(100%,72rem);margin:0;padding:2.5rem 0 2rem}.hero{max-width:42rem;margin-bottom:3.5rem}.brand-row{color:var(--prism-color-text-muted);font-size:var(--prism-font-size-small);letter-spacing:.14em;align-items:center;gap:.6rem;margin-bottom:4.5rem;font-weight:800;display:flex}.brand-dot{background:var(--prism-color-accent-bright);width:.65rem;height:.65rem;box-shadow:0 0 0 .3rem var(--prism-color-accent-glow);border-radius:50%}.eyebrow{color:var(--prism-color-accent);font-size:var(--prism-font-size-label);letter-spacing:.13em;text-transform:uppercase;margin:0 0 .7rem;font-weight:800}h1,h2,p{margin-top:0}h1{color:var(--prism-color-ink);font-size:var(--prism-font-size-hero);letter-spacing:-.075em;margin-bottom:1.25rem;font-weight:760;line-height:.95}h1 em{color:var(--prism-color-text-soft);font-style:normal}.hero-copy{max-width:28rem;color:var(--prism-color-text-muted);font-size:var(--prism-font-size-lead);margin-bottom:0;line-height:1.65}.back-link{color:var(--prism-color-action);font-size:var(--prism-font-size-ui);margin-bottom:3rem;font-weight:750;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--prism-color-action-active)}.detail-header{max-width:40rem;margin-bottom:3rem}.detail-header h1{font-size:var(--prism-font-size-detail-hero);margin-bottom:1rem}.detail-layout{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);align-items:start;gap:1rem;display:grid}.detail-stage,.settings-card{border:1px solid var(--prism-color-border);border-radius:var(--prism-radius-card);background:var(--prism-color-surface-glass);box-shadow:var(--prism-shadow-card);padding:1.5rem}.detail-settings-rail{align-self:stretch;min-height:0}.detail-settings-rail>.settings-card{position:sticky;top:1.5rem;overflow:visible}.stage-heading{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.stage-heading h2,.settings-card h2{margin-bottom:0}.live-dot{color:var(--prism-color-success);font-size:var(--prism-font-size-micro);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.4rem;font-weight:800;display:inline-flex}.live-dot:before{background:var(--prism-color-success-bright);width:.45rem;height:.45rem;box-shadow:0 0 0 .25rem var(--prism-color-success-glow);content:"";border-radius:50%}.preview-surface{border:1px dashed var(--prism-color-border-strong);border-radius:var(--prism-radius-surface);background:radial-gradient(circle at 80% 15%, var(--prism-color-preview-glow), transparent 12rem), var(--prism-color-surface-tint);place-items:center;min-height:22rem;padding:2rem;display:grid}.preview-surface>*{width:min(100%,30rem)}.detail-layout-tag .preview-surface>*{width:auto;max-width:100%}.detail-layout-background .preview-surface{min-height:28rem;padding:0;overflow:hidden}.detail-layout-background .preview-surface>*{width:100%}.detail-layout-label .preview-surface{min-height:28rem;padding:0;overflow:hidden}.detail-layout-label .preview-surface>*{width:100%}.settings-copy{color:var(--prism-color-text-subtle);font-size:var(--prism-font-size-body);margin:.6rem 0 1.5rem;line-height:1.5}.settings-list{gap:.85rem;display:grid}.settings-list .prism-select{z-index:2}.settings-list .prism-select:focus-within{z-index:31}.settings-list .prism-select-menu{z-index:30}.detail-code-card{grid-column:1/-1;padding:1.5rem}.detail-code-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.detail-code-heading h2{margin-bottom:0}.detail-code-hint{border:1px solid var(--prism-color-mint-border);color:var(--prism-color-success);background:var(--prism-color-mint-surface);font-size:var(--prism-font-size-micro);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.35rem .55rem;font-weight:800}.detail-code-viewer{width:100%}.playground-code-error{border:1px solid var(--prism-color-peach-border);border-radius:var(--prism-radius-surface);width:min(100%,28rem);color:var(--prism-color-text);background:var(--prism-color-peach-surface);gap:.55rem;padding:1.2rem;display:grid}.playground-code-error strong{color:var(--prism-color-accent)}.playground-code-error span{color:var(--prism-color-text-subtle);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--prism-font-size-small);line-height:1.5}.playground-code-error button{border:1px solid var(--prism-color-border-strong);min-height:2.25rem;color:var(--prism-color-ink);background:var(--prism-color-white);cursor:pointer;font:inherit;border-radius:.65rem;justify-self:start;padding:.45rem .7rem;font-size:.78rem;font-weight:760}.playground-code-error button:hover{color:var(--prism-color-accent);border-color:var(--prism-color-accent)}.playground-code-error button:focus-visible{outline:2px solid var(--prism-color-focus);outline-offset:2px}.playground-loading{color:var(--prism-color-text-muted);align-items:center;gap:.7rem;font-size:.9rem;display:inline-flex}.playground-loading-spinner{border:2px solid var(--prism-color-border-strong);border-top-color:var(--prism-color-accent);border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite showcase-spin}@keyframes showcase-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.playground-loading-spinner{animation:none}}.setting-label{color:var(--prism-color-text);font-size:var(--prism-font-size-compact);margin-top:.35rem;font-weight:750}.settings-list label:not(.setting-label){color:var(--prism-color-text);font-size:var(--prism-font-size-body);cursor:pointer;align-items:center;gap:.65rem;display:flex}.settings-list label:not(.setting-label) input{width:1.05rem;height:1.05rem;accent-color:var(--prism-color-action);margin:0}.button-variant-group{gap:.75rem;display:grid}.button-group-label{color:var(--prism-color-text-soft);font-size:var(--prism-font-size-label);letter-spacing:.1em;text-transform:uppercase;margin:0;font-weight:780}.button-variant-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.button-status-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.button-variant-card{gap:.55rem;display:grid}.button-variant-label{color:var(--prism-color-text-subtle);font-size:var(--prism-font-size-label);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:760}.button-variant-card .prism-button{width:100%}.button-composer{border:1px solid color-mix(in srgb, var(--prism-color-border) 72%, var(--prism-color-action));border-radius:calc(var(--prism-radius-surface) + .35rem);background:radial-gradient(circle at 92% 4%, color-mix(in srgb, var(--prism-color-action) 18%, transparent), transparent 13rem), linear-gradient(145deg, color-mix(in srgb, var(--prism-color-white) 96%, var(--prism-color-action)), var(--prism-color-white));gap:1.25rem;padding:clamp(1.15rem,3vw,2rem);display:grid;position:relative;overflow:hidden;box-shadow:0 1.25rem 3rem #1e2a481f}.button-composer:before{border:1px solid color-mix(in srgb, var(--prism-color-action) 25%, transparent);content:"";pointer-events:none;border-radius:50%;width:10rem;height:10rem;position:absolute;top:-4.5rem;right:-3.5rem}.button-composer-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:relative}.button-composer-head h3{color:var(--prism-color-ink);letter-spacing:-.035em;margin:.25rem 0 0;font-size:clamp(1.25rem,3vw,1.7rem)}.button-composer-head p:last-child{max-width:34rem;color:var(--prism-color-text-soft);margin:.4rem 0 0;line-height:1.55}.button-click-count{border:1px solid color-mix(in srgb, var(--prism-color-action) 22%, var(--prism-color-border));color:var(--prism-color-text-soft);background:color-mix(in srgb, var(--prism-color-white) 80%, transparent);font-size:var(--prism-font-size-small);border-radius:999px;flex:none;padding:.48rem .7rem;box-shadow:inset 0 1px #ffffff61}.button-click-count strong{color:var(--prism-color-ink)}.button-demo-well{border:1px solid color-mix(in srgb, var(--prism-color-border) 75%, transparent);border-radius:var(--prism-radius-surface);background:linear-gradient(90deg, color-mix(in srgb, var(--prism-color-border) 22%, transparent) 1px, transparent 1px), linear-gradient(color-mix(in srgb, var(--prism-color-border) 22%, transparent) 1px, transparent 1px), color-mix(in srgb, var(--prism-color-surface-tint) 70%, transparent);background-size:1.25rem 1.25rem;justify-content:center;align-items:center;min-height:9rem;padding:1.5rem;display:flex;position:relative;box-shadow:inset 0 .6rem 1.5rem #1f2b470d}.button-demo-well .button-live-example{max-width:100%}.button-composer-meta{flex-wrap:wrap;gap:.5rem;display:flex}.button-composer-meta span{border:1px solid var(--prism-color-border);color:var(--prism-color-text-soft);background:color-mix(in srgb, var(--prism-color-white) 75%, transparent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--prism-font-size-micro);text-transform:lowercase;border-radius:.48rem;padding:.36rem .58rem}.button-recipe-shelf{border-top:1px solid var(--prism-color-border);gap:.75rem;padding-top:1.1rem;display:grid}.button-recipe-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.button-palette-label{margin-top:.15rem;margin-bottom:-.2rem}.button-palette-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.button-palette-option{border:1px solid var(--prism-color-border-input);border-radius:calc(var(--prism-radius-control) + .05rem);color:var(--prism-color-ink);background:var(--prism-color-white);text-align:left;cursor:pointer;gap:.65rem;padding:.85rem;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s;display:grid;box-shadow:0 .2rem .55rem #25314e0f}.button-palette-option:hover{transform:translateY(-1px);box-shadow:0 .45rem 1rem #25314e1a}.button-palette-option:active{transform:translateY(1px)scale(.99)}.button-palette-option:focus-visible{outline:3px solid var(--prism-color-action-focus-glow);outline-offset:3px}.button-palette-option[data-selected=true]{border-color:var(--prism-color-focus);box-shadow:0 0 0 .22rem var(--prism-color-focus-glow), 0 .6rem 1.1rem #25314e24}.button-palette-option-name{font-size:var(--prism-font-size-small);letter-spacing:-.01em;font-weight:760}.button-palette-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.button-palette-swatch{border-radius:999px;height:.5rem;display:block}.button-palette-option-cobalt .button-palette-swatch-primary{background:linear-gradient(135deg,#3657d6,#4e73ea)}.button-palette-option-cobalt .button-palette-swatch-secondary{background:linear-gradient(135deg,#708099,#8594ab)}.button-palette-option-cobalt .button-palette-swatch-tertiary{background:linear-gradient(135deg,#f08a6b,#f4a17e)}.button-palette-option-iris .button-palette-swatch-primary{background:linear-gradient(135deg,#6d5ef7,#8a76ff)}.button-palette-option-iris .button-palette-swatch-secondary{background:linear-gradient(135deg,#64748b,#7a889c)}.button-palette-option-iris .button-palette-swatch-tertiary{background:linear-gradient(135deg,#f26b5e,#f58a74)}.button-palette-option-teal .button-palette-swatch-primary{background:linear-gradient(135deg,#0f766e,#159b91)}.button-palette-option-teal .button-palette-swatch-secondary{background:linear-gradient(135deg,#6b7c93,#8190a5)}.button-palette-option-teal .button-palette-swatch-tertiary{background:linear-gradient(135deg,#f59e0b,#f7b84a)}.select-playground{gap:1rem;display:grid}.select-demo-card{border:1px solid var(--prism-color-border);border-radius:var(--prism-radius-surface);background:var(--prism-color-white);gap:.8rem;padding:1.25rem;display:grid;box-shadow:0 .35rem .9rem #25314e0d}.select-demo-label{color:var(--prism-color-text-soft);font-size:var(--prism-font-size-label);letter-spacing:.1em;text-transform:uppercase;margin:0;font-weight:800}.select-demo-card .prism-select{max-width:24rem}.select-rendered-option{align-items:center;gap:.55rem;display:inline-flex}.select-rendered-icon{color:var(--prism-color-action);flex:none}.select-film-option{grid-template-columns:2.2rem minmax(0,1fr) auto;align-items:center;gap:.65rem;min-width:0;display:grid}.select-film-poster{color:#fff;border-radius:.45rem;place-items:center;width:2.2rem;height:2.5rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff38,0 .25rem .55rem #25314e24}.select-film-poster-coral{background:linear-gradient(145deg,#e76f51,#f4a261)}.select-film-poster-violet{background:linear-gradient(145deg,#5b4bb7,#9a78d4)}.select-film-poster-gold{background:linear-gradient(145deg,#d18b25,#f2c14e)}.select-film-poster-blue{background:linear-gradient(145deg,#277da1,#5bc0be)}.select-film-poster-peach{background:linear-gradient(145deg,#c45c54,#ef9a9a)}.select-film-copy{gap:.15rem;min-width:0;display:grid}.select-film-title{text-overflow:ellipsis;white-space:nowrap;font-weight:760;overflow:hidden}.select-film-meta{color:var(--prism-color-text-soft);font-size:var(--prism-font-size-label)}.select-film-rating{color:var(--prism-color-text-soft);font-size:var(--prism-font-size-label);font-variant-numeric:tabular-nums;white-space:nowrap;align-self:start}.badge-playground{gap:1rem;display:grid}.badge-live-card{border:1px solid var(--prism-color-border);border-radius:var(--prism-radius-surface);background:var(--prism-color-white);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:1.1rem;display:grid;box-shadow:0 .35rem .9rem #25314e0d}.badge-live-copy,.badge-variant-strip{gap:.55rem;display:grid}.badge-mode-label,.badge-live-title,.badge-live-description{margin:0}.badge-mode-label{color:var(--prism-color-text-soft);font-size:var(--prism-font-size-label);letter-spacing:.1em;text-transform:uppercase;font-weight:800}.badge-live-title{color:var(--prism-color-ink);font-size:var(--prism-font-size-lead);font-weight:760}.badge-live-description{color:var(--prism-color-text-subtle);font-size:var(--prism-font-size-small);line-height:1.45}.badge-live-card .badge-value-slot{justify-self:center}.badge-value-slot,.pulse-example-slot{align-items:center;min-height:2rem;display:inline-flex}.badge-live-card .prism-button{justify-self:end}.badge-variant-strip{border:1px dashed var(--prism-color-border-strong);border-radius:var(--prism-radius-surface);background:var(--prism-color-surface-tint);grid-template-columns:repeat(5,minmax(0,1fr));place-items:center;padding:.9rem 1rem}.pulse-playground{gap:1.1rem;display:grid}.pulse-mode-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.pulse-mode-card{border:1px solid var(--prism-color-border);border-radius:var(--prism-radius-surface);background:var(--prism-color-white);gap:.7rem;padding:1rem;display:grid;box-shadow:0 .35rem .9rem #25314e0d}.pulse-mode-label,.pulse-mode-description{margin:0}.pulse-mode-label{color:var(--prism-color-text-soft);font-size:var(--prism-font-size-label);letter-spacing:.1em;text-transform:uppercase;font-weight:800}.pulse-mode-description{color:var(--prism-color-text-subtle);font-size:var(--prism-font-size-small);line-height:1.45}.pulse-mode-card .prism-button{justify-self:start}.pulse-example-slot{min-height:1.8rem}.pulse-status-strip{border:1px solid var(--prism-color-border);border-radius:var(--prism-radius-surface);background:var(--prism-color-white);grid-template-columns:repeat(2,minmax(0,1fr));place-items:center stretch;gap:.65rem;padding:1rem;display:grid;box-shadow:0 .35rem .9rem #25314e0f}.pulse-status-strip .prism-pulse{justify-content:initial;width:100%;min-height:1.8rem;font-size:var(--prism-font-size-small);grid-template-columns:1.8rem minmax(0,1fr);padding:.25rem .4rem;display:grid}.pulse-status-strip .prism-pulse-mark{justify-self:center}.pulse-status-strip .pulse-example-active{font-weight:860;transform:translateY(-1px)scale(1.03)}.background-demo-stage{align-content:end;gap:.85rem;min-height:17rem;display:grid}.background-demo-stage h3,.background-demo-copy,.background-demo-badges{margin:0}.background-demo-stage h3{color:var(--prism-color-white);letter-spacing:-.05em;font-size:clamp(1.8rem,4vw,2.35rem);line-height:.96}.background-demo-copy{--prism-label-leading:1.55;--prism-label-tracking:.01em;max-width:26rem}.background-demo-badges{flex-wrap:wrap;gap:.55rem;display:flex}.background-demo-badges span{color:#e6eeffe0;font-size:var(--prism-font-size-micro);letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;padding:.32rem .55rem;font-weight:780;display:inline-flex}.label-demo-stage{align-content:end;justify-items:start;gap:1rem;min-height:18rem;display:grid}.label-demo-copy{color:#e2ecffc7;max-width:26rem;font-size:var(--prism-font-size-body);margin:0;line-height:1.6}.playground-header-frame{border:1px solid var(--prism-color-border);border-radius:calc(var(--prism-radius-surface) + .1rem);background:linear-gradient(180deg, var(--prism-color-white), var(--prism-color-surface-tint));width:min(100%,30rem);max-height:18rem;box-shadow:inset 0 1px 0 var(--prism-color-white-strong);gap:.85rem;display:grid;overflow:auto}.playground-header-frame .prism-header{border-radius:calc(var(--prism-radius-surface) + .05rem)}.header-demo-brand{gap:.12rem;display:grid}.header-demo-brand strong{color:var(--prism-color-ink);font-size:var(--prism-font-size-small);letter-spacing:.12em;text-transform:lowercase;font-weight:820}.header-demo-brand small{color:var(--prism-color-text-subtle);font-size:var(--prism-font-size-micro);font-weight:700}.header-demo-chip{border:1px solid var(--prism-color-border);color:var(--prism-color-ink);background:var(--prism-color-white);font-size:var(--prism-font-size-micro);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.4rem .7rem;font-weight:780;display:inline-flex}.header-demo-panel{border:1px solid var(--prism-color-border);background:var(--prism-color-white);border-radius:1rem;gap:.35rem;padding:1rem 1.05rem;display:grid}.header-demo-panel strong{color:var(--prism-color-ink)}.header-demo-panel span{color:var(--prism-color-text-soft);font-size:var(--prism-font-size-small);line-height:1.5}.playground-box-frame{border:1px solid var(--prism-color-border);border-radius:calc(var(--prism-radius-surface) + .1rem);background:linear-gradient(180deg, var(--prism-color-white), var(--prism-color-surface-tint));width:min(100%,30rem);max-height:18rem;box-shadow:inset 0 1px 0 var(--prism-color-white-strong);padding:.85rem;overflow:auto}.playground-box-stack{align-content:start;gap:.8rem;display:grid}.playground-box{color:var(--prism-color-text);border:1px solid #0000;border-radius:1rem;flex-direction:column;gap:.35rem;display:flex}.playground-box-status{color:var(--prism-color-action);font-size:var(--prism-font-size-micro);letter-spacing:.06em;text-transform:uppercase;background:#3657d61a;border-radius:999px;align-self:flex-start;align-items:center;padding:.26rem .5rem;font-weight:820;display:inline-flex}.playground-box-block{border:1px solid var(--prism-color-border);background:var(--prism-color-white);border-radius:1rem;gap:.35rem;padding:1rem 1.05rem;display:grid;box-shadow:0 .35rem .9rem #25314e0d}.playground-box-block strong{color:var(--prism-color-ink);font-size:var(--prism-font-size-body)}.playground-box-block span{color:var(--prism-color-text-soft);font-size:var(--prism-font-size-small);line-height:1.5}.playground-box strong{color:var(--prism-color-ink);font-size:var(--prism-font-size-lead)}.playground-box span{color:var(--prism-color-text-soft);font-size:var(--prism-font-size-ui)}.playground-box.lavender{border-color:var(--prism-color-lavender-border);background:var(--prism-color-lavender-surface)}.playground-box.mint{border-color:var(--prism-color-mint-border);background:var(--prism-color-mint-surface)}.playground-box.peach{border-color:var(--prism-color-peach-border);background:var(--prism-color-peach-surface)}.playground-box.compact{padding:1rem}.playground-box.comfortable{padding:1.5rem}.playground-box.airy{padding:2.25rem}.field-playground,.checkbox-playground,.button-playground{gap:1rem;display:grid}.preview-surface>.creator-table{width:100%}.api-page .api-props-table-wrap{z-index:1;background:var(--prism-color-surface);isolation:isolate;position:relative;box-shadow:0 .65rem 1.6rem #141d3d1a}.api-page .api-props-table{background:var(--prism-color-surface)}.popup-playground{justify-items:center;gap:.85rem;display:grid}.popup-demo-content{text-align:center;justify-items:center;gap:1rem;padding:.4rem;display:grid}.popup-demo-orbit{color:#fff;background:radial-gradient(circle at 70% 25%,#ffffff61,#0000 1.6rem),linear-gradient(145deg,#9878ff,#4a64df 62%,#243170);border:1px solid #99aeff52;border-radius:1.35rem;place-items:center;width:4.25rem;height:4.25rem;display:grid;position:relative;transform:rotate(-5deg);box-shadow:inset 0 1px #ffffff4d,0 .8rem 2rem #4145b447}.popup-demo-orbit:before,.popup-demo-orbit:after{content:"";border:1px solid #8477ef4d;border-radius:50%;position:absolute}.popup-demo-orbit:before{width:5.5rem;height:2rem;transform:rotate(24deg)}.popup-demo-orbit:after{width:2rem;height:5.5rem;transform:rotate(52deg)}.popup-demo-content>div:not(.popup-demo-stats){gap:.28rem;display:grid}.popup-demo-content p,.popup-demo-content h3{margin:0}.popup-demo-content>div>p{color:var(--prism-color-focus);letter-spacing:.09em;text-transform:uppercase;font-size:.66rem;font-weight:820}.popup-demo-content h3{color:var(--prism-color-ink);letter-spacing:-.05em;font-size:clamp(1.35rem,4vw,2rem)}.popup-demo-content>p{max-width:31rem;color:var(--prism-color-text-soft);font-size:var(--prism-font-size-body);line-height:1.6}.popup-demo-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;width:100%;display:grid}.popup-demo-stats span{border:1px solid var(--prism-color-border-faint);background:color-mix(in srgb, var(--prism-color-surface-tint) 62%, transparent);border-radius:.8rem;gap:.15rem;padding:.75rem .5rem;display:grid}.popup-demo-stats strong{color:var(--prism-color-ink);font-size:var(--prism-font-size-lead)}.popup-demo-stats small{color:var(--prism-color-text-subtle);text-transform:uppercase;font-size:.64rem}.creator-table{max-width:100%}.creator-table .prism-table-viewport{max-height:33rem}.table-creator,.table-campaign,.table-momentum{align-items:center;min-width:0;display:flex}.table-creator,.table-campaign{gap:.68rem}.table-avatar{color:#fff;letter-spacing:.035em;background:linear-gradient(145deg,#806bf4,#4938a7);border:1px solid #ffffff52;border-radius:.72rem;flex:0 0 2.25rem;place-items:center;width:2.25rem;height:2.25rem;font-size:.64rem;font-weight:860;display:grid;box-shadow:inset 0 1px #ffffff3d,0 .3rem .7rem #221c5c2e}.table-avatar[data-tone=cyan]{background:linear-gradient(145deg,#37c8d7,#2469bd)}.table-avatar[data-tone=coral]{background:linear-gradient(145deg,#ff9b7c,#d44f74)}.table-avatar[data-tone=lime]{background:linear-gradient(145deg,#8bcf72,#27866f)}.table-avatar[data-tone=gold]{background:linear-gradient(145deg,#f2be50,#cc7140)}.table-avatar[data-tone=blue]{background:linear-gradient(145deg,#6aa8ff,#4856c6)}.table-avatar[data-tone=rose]{background:linear-gradient(145deg,#ef82bb,#a84d9c)}.table-avatar[data-tone=violet]{background:linear-gradient(145deg,#b184f5,#6e4ec4)}.table-primary-copy{gap:.12rem;min-width:0;display:grid}.table-primary-copy strong,.table-primary-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-primary-copy strong{color:var(--prism-color-ink);font-size:var(--prism-font-size-small);font-weight:780}.table-primary-copy small{color:var(--prism-color-text-subtle);font-size:.68rem}.table-artwork{background:linear-gradient(145deg,#ffac78,#9c47a6 62%,#31265f);border:1px solid #ffffff47;border-radius:.65rem;flex:0 0 2.8rem;width:2.8rem;height:2.25rem;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff38,0 .3rem .7rem #221c5c24}.table-artwork[data-artwork=electric]{background:linear-gradient(145deg,#58e1ff,#3c54d8 55%,#27165b)}.table-artwork[data-artwork=ocean]{background:linear-gradient(145deg,#74e0c1,#287ab8 58%,#142c66)}.table-artwork[data-artwork=midnight]{background:linear-gradient(145deg,#b980ff,#633a91 45%,#14142f)}.table-artwork[data-artwork=citrus]{background:linear-gradient(145deg,#f8dc69,#ef8d48 56%,#a83f58)}.table-artwork[data-artwork=violet]{background:linear-gradient(145deg,#ef9dd4,#7b61e8 58%,#293166)}.table-artwork i{border:1px solid #ffffff6b;border-radius:50%;position:absolute}.table-artwork i:first-child{width:2rem;height:2rem;top:-.65rem;right:-.4rem}.table-artwork i:last-child{background:#ffffff26;width:1.35rem;height:1.35rem;bottom:-.55rem;left:.3rem}.creator-table .prism-pulse{gap:.2rem;font-size:.72rem;font-weight:760}.creator-table .prism-pulse-mark{flex-basis:1.25rem;width:1.25rem;height:1.25rem}.table-momentum{justify-content:space-between;gap:.65rem}.table-momentum>strong{min-width:2.15rem;color:var(--prism-color-ink);text-align:right;font-size:.7rem}.table-sparkline{align-items:end;gap:.17rem;width:5.5rem;height:1.65rem;display:flex}.table-sparkline i{background:linear-gradient(180deg, var(--prism-color-focus), var(--prism-color-accent-bright));opacity:.45;border-radius:999px;width:100%;min-height:.18rem}.table-sparkline i:nth-last-child(-n+3){opacity:.9}.table-row-action{width:1.9rem;height:1.9rem;color:var(--prism-color-text-subtle);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.55rem;place-items:center;padding:0;display:inline-grid}.table-row-action:hover,.table-row-action:focus-visible{border-color:var(--prism-color-border-input);color:var(--prism-color-ink);background:var(--prism-color-surface)}.table-row-action:focus-visible{outline:2px solid var(--prism-color-focus);outline-offset:2px}.table-settings-popup .prism-popup-body{padding:.85rem}.table-settings-popup .prism-code-body{height:min(27rem,58svh)}.interactive-card{min-height:16rem;padding:1.5rem}.interactive-card h3{color:var(--prism-color-ink);font-size:var(--prism-font-size-heading);letter-spacing:-.04em;margin:0 0 .65rem}.playground-note{color:var(--prism-color-text-subtle);font-size:var(--prism-font-size-body-small);margin:0;line-height:1.5}.playground-note strong{color:var(--prism-color-text);font-weight:750}.empty-page h1{margin-bottom:1rem}.component-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.component-card{border:1px solid var(--prism-color-border);border-radius:var(--prism-radius-card);background:linear-gradient(180deg, var(--prism-color-surface-card), var(--prism-color-white-strong));min-height:22rem;box-shadow:var(--prism-shadow-card);flex-direction:column;padding:1.5rem;display:flex}.card-heading{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}h2{font-size:var(--prism-font-size-heading);letter-spacing:-.04em;margin-bottom:0}.component-mark{border-radius:var(--prism-radius-control);width:2rem;height:2rem;color:var(--prism-color-accent);background:var(--prism-color-accent-soft);font-size:var(--prism-font-size-label);place-items:center;font-weight:800;display:grid}.card-copy{min-height:3.25rem;color:var(--prism-color-text-soft);font-size:var(--prism-font-size-card-copy);margin-bottom:1.35rem;line-height:1.55}.component-summary{gap:.9rem;display:grid}.component-badges{flex-wrap:wrap;gap:.5rem;display:flex}.component-badge{border:1px solid var(--prism-color-border-input);min-height:1.8rem;color:var(--prism-color-text);background:var(--prism-color-white);font-size:var(--prism-font-size-micro);letter-spacing:.03em;border-radius:999px;align-items:center;padding:.28rem .58rem;font-weight:760;display:inline-flex}.component-points{gap:.48rem;margin:0;padding:0;list-style:none;display:grid}.component-points li{color:var(--prism-color-text-subtle);font-size:var(--prism-font-size-body-small);padding-left:.95rem;line-height:1.45;position:relative}.component-points li:before{background:linear-gradient(135deg, var(--prism-color-action), var(--prism-color-accent-bright));width:.38rem;height:.38rem;box-shadow:0 0 0 .14rem var(--prism-color-focus-glow);content:"";border-radius:999px;position:absolute;top:.42rem;left:0}.card-details{color:var(--prism-color-text);font-size:var(--prism-font-size-label);margin:.75rem 0 0;line-height:1.4}.card-actions{gap:.6rem;margin-top:auto;padding-top:1rem;display:flex}.card-action{border:1px solid var(--prism-color-white-soft);border-radius:var(--prism-radius-control);color:var(--prism-color-white);background:linear-gradient(135deg, var(--prism-color-action), var(--prism-color-action-end));font-size:var(--prism-font-size-small);cursor:pointer;box-shadow:var(--prism-shadow-action);align-items:center;gap:.45rem;padding:.6rem .8rem;font-weight:750;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.card-action .prism-button-icon{font-size:1em}.card-action:hover{background:linear-gradient(135deg, var(--prism-color-action-hover), var(--prism-color-action-hover-end));box-shadow:var(--prism-shadow-action-hover);transform:translateY(-1px)}.card-action:active{background:linear-gradient(135deg, var(--prism-color-action-active), var(--prism-color-action-active-end));box-shadow:var(--prism-shadow-action-active);transform:translateY(1px)scale(.98)}.card-action:focus-visible{outline:3px solid var(--prism-color-action-focus-glow);outline-offset:3px}.button-preview{border:1px dashed var(--prism-color-border-strong);border-radius:var(--prism-radius-preview);background:var(--prism-color-surface-tint);align-items:center;gap:.8rem;padding:1rem;display:flex}.button-preview span{color:var(--prism-color-text-subtle);font-size:var(--prism-font-size-label)}.tree-card-preview .prism-tree-summary,.tree-card-preview .prism-tree-link{border-radius:.9rem;min-height:2.12rem;padding:.48rem .58rem}.tree-card-preview .prism-tree-label{font-size:var(--prism-font-size-ui)}.tree-card-preview .prism-tree-meta{padding:.14rem .38rem}.component-tree-preview{width:min(100%,24rem)}.tree-rendered-copy,.tree-rendered-rich{vertical-align:middle;align-items:center;gap:.45rem;min-width:0;display:inline-flex}.tree-rendered-icon{color:var(--prism-color-action);flex:none;display:inline-flex}.tree-rendered-rich-copy{gap:.08rem;min-width:0;line-height:1.05;display:grid}.tree-rendered-rich-copy strong,.tree-rendered-rich-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-rendered-rich-copy strong{color:var(--prism-color-ink);font-size:.9em}.tree-rendered-rich-copy small{color:var(--prism-color-text-subtle);letter-spacing:.02em;font-size:.7em;font-weight:650}.box-preview-icon{border-radius:var(--prism-radius-control);width:2.3rem;height:2.3rem;color:var(--prism-color-white);background:var(--prism-color-action-preview);flex:0 0 2.3rem;place-items:center;display:grid}.box-preview strong,.box-preview span{display:block}.box-preview strong{font-size:var(--prism-font-size-body);margin-bottom:.25rem}.box-preview div span{color:var(--prism-color-text-subtle);font-size:var(--prism-font-size-label);line-height:1.4}.field-label{color:var(--prism-color-text);font-size:var(--prism-font-size-body-small);margin-bottom:.5rem;font-weight:700;display:block}input[type=text]{border:1px solid var(--prism-color-border-input);border-radius:var(--prism-radius-control);width:100%;color:var(--prism-color-ink);background:var(--prism-color-white);outline:none;padding:.75rem .85rem;transition:border-color .2s,box-shadow .2s;display:block}input[type=text]::placeholder{color:var(--prism-color-placeholder)}input[type=text]:focus{border-color:var(--prism-color-focus);box-shadow:0 0 0 .25rem var(--prism-color-focus-strong-glow)}input[type=text]:required:invalid{border-color:var(--prism-color-accent);box-shadow:0 0 0 .25rem var(--prism-color-invalid-glow)}.text-field.text-field-small{font-size:var(--prism-font-size-body-small);padding:.55rem .7rem}.text-field.text-field-medium{font-size:var(--prism-font-size-copy);padding:.75rem .85rem}.text-field.text-field-large{font-size:var(--prism-font-size-lead);padding:.95rem 1rem}.checkbox-preview{padding:.85rem 0}.checkbox-preview label{color:var(--prism-color-text);font-size:var(--prism-font-size-copy);cursor:pointer;align-items:center;gap:.7rem;line-height:1.4;display:flex}.checkbox-preview input{width:1.2rem;height:1.2rem;accent-color:var(--prism-color-accent);margin:0}.value-readout{border-top:1px solid var(--prism-color-border-faint);color:var(--prism-color-text-subtle);font-size:var(--prism-font-size-small);margin:2.25rem 0 0;padding-top:1rem}.value-readout strong{color:var(--prism-color-text);font-weight:750}.icons-header{max-width:46rem;margin-bottom:2rem}.icon-scale-card{border:1px solid var(--prism-color-lavender-border);border-radius:var(--prism-radius-card);background:linear-gradient(135deg, var(--prism-color-lavender-surface), var(--prism-color-white));box-shadow:var(--prism-shadow-card);grid-template-columns:minmax(16rem,.8fr) minmax(0,1.2fr);align-items:center;gap:1.5rem 2rem;margin-bottom:3rem;padding:1.5rem;display:grid}.icon-scale-copy h2{color:var(--prism-color-ink);font-size:var(--prism-font-size-heading);margin-bottom:.6rem}.icon-scale-copy>p:last-child{max-width:25rem;color:var(--prism-color-text);font-size:var(--prism-font-size-body);margin:0;line-height:1.6}.icon-scale-copy code{color:var(--prism-color-action-active);background:var(--prism-color-white);border-radius:.3rem;padding:.12rem .3rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.85em}.icon-scale-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.icon-scale-button{white-space:nowrap}.icon-scale-button.icon-scale-small{font-size:var(--prism-font-size-small);padding:.4rem .6rem}.icon-scale-button.icon-scale-large{font-size:var(--prism-font-size-copy);border-radius:.8rem;padding:.9rem 1.05rem}.icon-scale-code{border:1px solid var(--prism-color-border-faint);color:var(--prism-color-ink);background:var(--prism-color-white);white-space:pre;border-radius:.75rem;grid-column:2;margin:0;padding:.75rem .9rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;line-height:1.5;overflow-x:auto}.icon-catalog{gap:3.5rem;display:grid}.icon-category-section{gap:1.15rem;display:grid}.icon-category-heading{border-bottom:1px solid var(--prism-color-border-faint);justify-content:space-between;align-items:flex-end;gap:1.5rem;padding-bottom:.95rem;display:flex}.icon-category-heading h2{color:var(--prism-color-ink);margin-bottom:.35rem}.icon-category-heading p:not(.eyebrow){max-width:34rem;color:var(--prism-color-text-soft);font-size:var(--prism-font-size-body);margin:0;line-height:1.5}.icon-category-link{color:var(--prism-color-action);font-size:var(--prism-font-size-small);flex:none;align-items:center;gap:.35rem;font-weight:800;text-decoration:none;display:inline-flex}.icon-category-link:hover{color:var(--prism-color-action-active)}.icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.icon-card{border:1px solid var(--prism-color-border);border-radius:var(--prism-radius-card);background:linear-gradient(180deg, var(--prism-color-surface-card), var(--prism-color-white-strong));min-height:0;box-shadow:var(--prism-shadow-card);flex-direction:column;padding:.8rem;display:flex}.icon-card-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.icon-preview{border:1px solid var(--prism-color-border);background:radial-gradient(circle at 25% 20%, var(--prism-color-white-strong), transparent 45%), var(--prism-color-surface-tint);width:3.4rem;height:3.4rem;box-shadow:inset 0 1px 0 var(--prism-color-white), 0 .35rem .9rem #25314e0f;border-radius:1.2rem;place-items:center;display:grid}.gallery-icon{width:2rem;height:2rem}.prism-mark-gallery{color:var(--prism-color-accent-bright)}.eye-gallery{color:var(--prism-color-action)}.toggle-gallery{border:1px solid var(--prism-color-border-input);width:2.2rem;height:2.2rem;color:var(--prism-color-action);background:var(--prism-color-white);border-radius:.55rem;padding:.45rem}.branch-gallery{color:var(--prism-color-action);filter:drop-shadow(0 0 .35rem var(--prism-color-focus-glow))}.leaf-gallery{color:var(--prism-color-action-end);filter:drop-shadow(0 0 .3rem #4e73ea33)}.live-gallery{width:1.15rem;height:1.15rem;color:var(--prism-color-success-bright);filter:drop-shadow(0 0 .4rem var(--prism-color-success-glow))}.bullet-gallery{width:1.35rem;height:1.35rem;color:var(--prism-color-action)}.icon-group{border:1px solid var(--prism-color-border-input);min-height:1.65rem;color:var(--prism-color-text-subtle);background:var(--prism-color-white);font-size:var(--prism-font-size-micro);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.25rem .55rem;font-weight:800;display:inline-flex}.icon-card h3{color:var(--prism-color-ink);font-size:var(--prism-font-size-heading);margin-bottom:.55rem}.icon-description{max-width:28rem;color:var(--prism-color-text-soft);margin-bottom:.7rem;font-size:.78rem;line-height:1.45}.icon-code-block{border-top:1px solid var(--prism-color-border-faint);margin-top:auto;padding-top:.6rem}.code-label{color:var(--prism-color-text-subtle);font-size:var(--prism-font-size-label);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .55rem;font-weight:800}.icon-code-viewer{--prism-code-line-height:1.35;--prism-code-min-height:5.5rem;--prism-code-max-height:5.5rem;font-size:.72rem}.icon-code-viewer .prism-code-header{min-height:2.15rem;padding:.3rem .45rem .3rem .6rem}.icon-code-viewer .prism-code-tab{min-height:1.35rem;padding:.12rem .45rem}.icon-code-viewer .prism-code-copy{width:1.55rem;height:1.55rem}.icon-code-viewer .prism-code-body{height:5.5rem;min-height:5.5rem;max-height:5.5rem}.icon-code-viewer .prism-code-gutter,.icon-code-viewer .prism-code-highlight,.icon-code-viewer .prism-code-input{padding-top:.75rem;padding-bottom:.75rem}.icon-guidance{border:1px solid var(--prism-color-lavender-border);border-radius:var(--prism-radius-card);background:linear-gradient(135deg, var(--prism-color-lavender-surface), var(--prism-color-white));box-shadow:var(--prism-shadow-card);grid-template-columns:minmax(12rem,.55fr) minmax(0,1fr);align-items:start;gap:2rem;margin-top:3rem;padding:1.5rem;display:grid}.icon-guidance h2{margin-bottom:0}.icon-guidance>p{color:var(--prism-color-text);font-size:var(--prism-font-size-body);margin:0;line-height:1.7}.icon-guidance code{color:var(--prism-color-action-active);background:var(--prism-color-white);border-radius:.3rem;padding:.12rem .3rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.85em}.p2-menu-demo,.p2-dropdown-demo,.p2-auto-complete-demo,.p2-toast-demo,.p2-tooltip-demo,.p2-popover-demo,.p2-pagination-demo,.p2-avatar-demo,.p2-icon-button-demo,.p2-spinner-demo,.p2-color-picker-demo,.p2-file-picker-demo,.p2-date-picker-demo,.p2-date-time-picker-demo{justify-items:start;gap:1rem;width:100%;display:grid}.p2-auto-complete-demo{border:1px solid var(--prism-color-border);border-radius:var(--prism-radius-surface);background:color-mix(in srgb, var(--prism-color-surface-tint) 76%, var(--prism-color-white));align-content:center;min-height:10rem;padding:1.1rem}.p2-layout-demo,.p2-navigator-demo,.p2-footer-demo{justify-items:start;gap:1rem;width:100%;display:grid}.p2-layout-demo{border:1px solid var(--prism-color-border);border-radius:var(--prism-radius-surface);background:color-mix(in srgb, var(--prism-color-surface-tint) 62%, var(--prism-color-white));overflow:hidden;box-shadow:0 .55rem 1.4rem #25314e12}.p2-layout-demo .prism-layout{min-height:20rem}.p2-layout-demo .prism-layout-body{grid-template-columns:10rem minmax(0,1fr);gap:.8rem;padding:.8rem}.p2-layout-demo .prism-layout-navigator{border:1px solid var(--prism-color-border);background:var(--prism-color-white);border-radius:.85rem;padding:.8rem}.p2-layout-demo .prism-layout-content{align-content:center;display:grid}.p2-layout-content-demo{border:1px solid var(--prism-color-border);background:var(--prism-color-surface);border-radius:.85rem;align-content:center;gap:.45rem;min-height:11rem;padding:1.1rem;display:grid}.p2-layout-content-demo strong{color:var(--prism-color-ink);font-size:1.15rem}.p2-layout-content-demo>span:last-child{color:var(--prism-color-text-muted);font-size:.8rem;line-height:1.5}.p2-navigator-demo{border:1px solid var(--prism-color-border);border-radius:var(--prism-radius-surface);background:var(--prism-color-white);max-width:22rem;padding:1rem;box-shadow:0 .55rem 1.4rem #25314e12}.p2-navigator-demo .prism-navigator{width:100%}.p2-navigator-status{color:var(--prism-color-text-muted);align-items:center;gap:.45rem;font-size:.72rem;font-weight:700;display:inline-flex}.p2-navigator-status-dot{background:var(--prism-color-success);width:.45rem;height:.45rem;box-shadow:0 0 0 .22rem color-mix(in srgb, var(--prism-color-success) 16%, transparent);border-radius:50%}.p2-footer-demo{border:1px solid var(--prism-color-border);border-radius:var(--prism-radius-surface);background:var(--prism-color-white);gap:0;overflow:hidden;box-shadow:0 .55rem 1.4rem #25314e12}.p2-footer-demo .prism-footer-inner{padding:1rem 1.1rem}.p2-footer-demo strong,.p2-footer-demo small{display:block}.p2-footer-demo strong{color:var(--prism-color-ink)}.p2-footer-demo small{color:var(--prism-color-text-muted);letter-spacing:0;margin-top:.2rem;font-size:.72rem;font-weight:500}.p2-footer-link{color:var(--prism-color-action);align-items:center;gap:.35rem;font-size:.78rem;font-weight:750;text-decoration:none;display:inline-flex}.p2-footer-link:hover{color:var(--prism-color-action-active)}.p2-menu-demo .prism-menu{border:1px solid var(--prism-color-border);border-radius:var(--prism-radius-surface);background:var(--prism-color-white);width:min(100%,18rem);box-shadow:0 .65rem 1.5rem #25314e14}.p2-dropdown-demo,.p2-tooltip-demo,.p2-popover-demo{align-content:center;justify-items:center;min-height:10rem}.p2-tooltip-demo{grid-template-columns:auto auto;justify-content:center;align-items:center}.p2-popover-content,.p2-tab-panel{gap:.35rem;display:grid}.p2-popover-content span,.p2-tab-panel span{color:var(--prism-color-text-soft);font-size:var(--prism-font-size-small);line-height:1.5}.p2-tab-panel{border:1px solid var(--prism-color-border);border-radius:var(--prism-radius-surface);background:color-mix(in srgb, var(--prism-color-surface-tint) 70%, var(--prism-color-white));align-content:center;min-height:7rem;padding:1.2rem}.p2-spinner-demo,.p2-avatar-demo,.p2-icon-button-demo{grid-template-columns:auto 1fr;justify-content:center;align-items:center}.p2-spinner-demo{min-height:8rem}.p2-color-picker-demo{border:1px solid var(--prism-color-border);border-radius:var(--prism-radius-surface);background:color-mix(in srgb, var(--prism-color-surface-tint) 76%, var(--prism-color-white));align-content:center;min-height:8rem;padding:1.1rem}.p2-file-picker-demo{border:1px solid var(--prism-color-border);border-radius:var(--prism-radius-surface);background:color-mix(in srgb, var(--prism-color-surface-tint) 76%, var(--prism-color-white));align-content:center;min-height:9rem;padding:1.1rem}.p2-file-picker-demo .prism-file-picker{width:min(100%,34rem)}.p2-file-picker-demo .playground-note{max-width:34rem}.p2-date-picker-demo,.p2-date-time-picker-demo{border:1px solid var(--prism-color-border);border-radius:var(--prism-radius-surface);background:color-mix(in srgb, var(--prism-color-surface-tint) 76%, var(--prism-color-white));align-content:center;min-height:8rem;padding:1.1rem}.p2-avatar-demo{min-height:8rem;color:var(--prism-color-ink);font-size:var(--prism-font-size-lead);gap:.8rem}.p2-icon-button-demo{min-height:8rem}.p2-pagination-demo{align-content:center}.p2-pagination-demo .prism-pagination{width:100%}.p2-skeleton-demo{border-radius:var(--prism-radius-surface);background:var(--prism-color-surface);width:min(100%,28rem);margin:0 auto;padding:1.25rem 1.1rem}.p2-separator-demo{place-items:center;width:100%;min-height:10rem;display:grid}.p2-separator-demo .prism-separator-vertical{min-height:7rem}.p2-stack-demo{border:1px solid var(--prism-color-border);border-radius:var(--prism-radius-surface);background:color-mix(in srgb, var(--prism-color-surface-tint) 76%, var(--prism-color-white));justify-content:center;align-items:center;min-height:9rem;padding:1.4rem}.p2-grid-demo{width:100%}.p2-grid-demo article{border:1px solid var(--prism-color-border);border-radius:var(--prism-radius-surface);background:var(--prism-color-white);align-content:space-between;gap:1rem;min-height:6rem;padding:1rem;display:grid;box-shadow:0 .35rem .9rem #25314e0d}.p2-grid-demo article span{color:var(--prism-color-accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--prism-font-size-micro);letter-spacing:.1em;font-weight:800}.p2-grid-demo article strong{color:var(--prism-color-ink);font-size:var(--prism-font-size-lead)}.showcase-range{width:100%;accent-color:var(--prism-color-action)}.api-page{gap:2.2rem}.api-header{max-width:55rem}.api-header .hero-copy{max-width:50rem}.api-example-section,.api-group{gap:1.2rem;display:grid}.api-example-section{border:1px solid var(--prism-color-border);border-radius:var(--prism-radius-surface);background:color-mix(in srgb, var(--prism-color-surface-tint) 72%, var(--prism-color-white));box-shadow:var(--prism-shadow-card);padding:1.4rem}.api-section-heading{justify-content:space-between;align-items:end;gap:1.5rem;display:flex}.api-section-heading h2{color:var(--prism-color-ink);letter-spacing:-.04em;margin:.25rem 0 0;font-size:clamp(1.4rem,2vw,2rem)}.api-section-heading>p{max-width:30rem;color:var(--prism-color-text-muted);margin:0;font-size:.95rem;line-height:1.55}.api-groups{gap:2.5rem;display:grid}.api-component-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.api-component-card{gap:1rem;min-width:0;padding:1.15rem;display:grid}.api-readable-surface{border:1px solid var(--prism-color-border);background:var(--prism-color-surface);border-radius:1rem;gap:1rem;min-width:0;padding:1rem;display:grid;box-shadow:0 .65rem 1.6rem #141d3d1a}.api-component-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.api-component-heading h3{color:var(--prism-color-ink);letter-spacing:-.02em;margin:.2rem 0 0;font-size:1.08rem}.api-component-mark{border:1px solid var(--prism-color-border-strong);min-height:1.65rem;color:var(--prism-color-accent);letter-spacing:.12em;border-radius:999px;align-items:center;padding:0 .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.62rem;font-weight:800;display:inline-flex}.api-props-table-wrap{border:1px solid var(--prism-color-border);border-radius:.75rem;overflow-x:auto}.api-props-table{border-collapse:collapse;width:100%;min-width:30rem;color:var(--prism-color-text-muted);font-size:.78rem}.api-props-table th,.api-props-table td{border-bottom:1px solid var(--prism-color-border);text-align:left;vertical-align:top;padding:.62rem .7rem}.api-props-table tr:last-child th,.api-props-table tr:last-child td{border-bottom:0}.api-props-table thead th{color:var(--prism-color-ink);background:color-mix(in srgb, var(--prism-color-surface-tint) 72%, var(--prism-color-white));letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.api-props-table tbody th{width:25%;color:var(--prism-color-ink);font-weight:700}.api-props-table code{color:var(--prism-color-accent);white-space:normal;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem}.api-component-notes{gap:.55rem;display:grid}.api-component-notes p{color:var(--prism-color-text-muted);margin:0;font-size:.8rem;line-height:1.5}.api-component-notes strong{color:var(--prism-color-ink)}@media (width<=980px){.showcase-layout .prism-layout-body{grid-template-columns:1fr;gap:1rem}.showcase-navigator{display:none;position:static}.showcase-mobile-nav-bar{grid-column:1;justify-content:space-between;align-items:center;gap:1rem;padding:.15rem 0;display:flex}.showcase-mobile-nav-label{color:var(--prism-color-ink);letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;font-weight:780}.showcase-nav-toggle{border:1px solid var(--prism-color-border-strong);min-height:2.65rem;color:var(--prism-color-ink);background:var(--prism-color-surface-card);box-shadow:var(--prism-shadow-card);cursor:pointer;font:inherit;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem .8rem;font-size:.78rem;font-weight:760;display:inline-flex}.showcase-nav-toggle:hover{border-color:var(--prism-color-accent);color:var(--prism-color-accent)}.showcase-nav-toggle:focus-visible{outline:2px solid var(--prism-color-focus);outline-offset:3px}.showcase-nav-toggle-icon{place-items:center;width:1.15rem;font-size:1.1rem;line-height:1;display:inline-grid}.showcase-nav-backdrop{z-index:20;cursor:pointer;background:#080d1d6b;border:0;width:100%;display:block;position:fixed;inset:0}.showcase-navigator.is-open{z-index:21;width:min(20rem,100vw - 2rem);max-height:calc(100dvh - 6.6rem);display:grid;position:fixed;top:5.6rem;left:1rem;overflow:auto;box-shadow:0 1.2rem 3rem #080d1d47}.app-shell{padding-top:1.2rem}}@media (width<=800px){.component-grid,.detail-layout,.icon-grid{grid-template-columns:1fr}.component-card{min-height:auto}.detail-settings-rail>.settings-card{position:static;overflow:visible}.p2-layout-demo .prism-layout-body{grid-template-columns:1fr}.p2-layout-demo .prism-layout-navigator{order:1}.p2-layout-demo .prism-layout-content{order:0}.icon-guidance{grid-template-columns:1fr;gap:1rem}.icon-scale-card{grid-template-columns:1fr}.icon-scale-row{justify-content:flex-start}.icon-scale-code{grid-column:auto}.icon-category-heading{flex-direction:column;align-items:flex-start;gap:.75rem}.p2-tooltip-demo,.api-component-grid{grid-template-columns:1fr}.api-section-heading{flex-direction:column;align-items:start;gap:.65rem}}@media (width<=520px){.app-shell{width:min(100% - 2rem,72rem);padding-top:2rem}.brand-row{margin-bottom:3.5rem}.button-variant-preview,.button-status-preview,.button-palette-selector,.badge-live-card,.badge-variant-strip,.pulse-mode-examples,.pulse-status-strip{grid-template-columns:1fr}.button-composer-head{flex-direction:column;align-items:flex-start}.button-demo-well{min-height:7.5rem;padding:1rem}}.example-page .detail-header{max-width:58rem}.example-header-kicker,.shop-app-header,.shop-brand,.shop-account,.notes-app-header,.notes-app-brand,.notes-header-actions,.dashboard-app-header,.dashboard-header-actions,.dashboard-controls,.dashboard-control-actions,.chat-app-header,.chat-room-title,.chat-header-actions,.chat-conversation-heading,.chat-people-list>div,.chat-compose,.shop-product-title-row,.shop-summary-heading,.shop-summary-total,.shop-checkout-actions,.notes-toolbar,.notes-list-heading,.notes-editor-heading,.notes-editor-actions,.dashboard-card-heading,.dashboard-focus-list,.example-gallery-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.example-header-kicker{justify-content:flex-start;gap:.8rem}.example-header-kicker .prism-tag{font-size:.65rem}.example-window{border:1px solid var(--prism-color-border);background:color-mix(in srgb, var(--prism-color-surface-card) 88%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.6rem;margin-top:3rem;position:relative;overflow:hidden;box-shadow:0 1.6rem 4rem #141d3d1f,inset 0 1px #ffffff38}.example-window h2,.example-window h3,.example-window p{margin-top:0}.example-window h2,.example-window h3{color:var(--prism-color-ink)}.example-window input,.example-window textarea{color:var(--prism-color-ink);background:color-mix(in srgb, var(--prism-color-white) 82%, var(--prism-color-surface-tint))}.example-window input:focus-visible,.example-window textarea:focus-visible{outline:2px solid var(--prism-color-focus);outline-offset:2px}.example-footer a{align-items:center;gap:.35rem;display:inline-flex}.example-metric{border:1px solid var(--prism-color-border);background:color-mix(in srgb, var(--prism-color-surface-card) 80%, transparent);border-radius:1rem;gap:.25rem;min-width:0;padding:.9rem 1rem;display:grid}.example-metric>span,.example-metric>small{color:var(--prism-color-text-muted)}.example-metric>span{letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;font-weight:780}.example-metric>strong{color:var(--prism-color-ink);font-size:1.35rem;line-height:1.1}.example-metric>small{font-size:.72rem}.example-metric-info{border-color:color-mix(in srgb, var(--prism-color-information) 28%, var(--prism-color-border))}.example-metric-success{border-color:color-mix(in srgb, var(--prism-color-success) 28%, var(--prism-color-border))}.example-metric-accent{border-color:color-mix(in srgb, var(--prism-color-accent) 28%, var(--prism-color-border))}.example-gallery{border-top:1px solid var(--prism-color-border);margin-top:7rem;padding-top:2.4rem}.example-gallery-heading{align-items:flex-end;margin-bottom:1.4rem}.example-gallery-heading h2{color:var(--prism-color-ink);margin-bottom:0;font-size:clamp(1.8rem,3vw,2.6rem)}.example-gallery-heading>p{max-width:32rem;color:var(--prism-color-text-muted);margin-bottom:.2rem;line-height:1.55}.example-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.example-gallery-card{min-height:17rem}.example-gallery-card h3{color:var(--prism-color-ink);margin:0;font-size:1.2rem}.shop-window{background:linear-gradient(145deg, color-mix(in srgb, var(--prism-color-surface-card) 96%, transparent), color-mix(in srgb, var(--prism-color-lavender-surface) 52%, transparent))}.shop-app-header,.notes-app-header,.dashboard-app-header,.chat-app-header{border-bottom:1px solid var(--prism-color-border);background:color-mix(in srgb, var(--prism-color-surface-glass) 82%, transparent);padding:1.25rem 1.4rem}.shop-brand,.notes-app-brand{justify-content:flex-start}.shop-brand>div,.notes-app-brand>div{gap:.14rem;display:grid}.shop-brand strong,.notes-app-brand strong{color:var(--prism-color-ink);letter-spacing:.02em;font-size:.9rem}.shop-brand small,.notes-app-brand small{color:var(--prism-color-text-muted);font-size:.7rem}.shop-brand-mark,.notes-brand-mark{color:#fff;background:linear-gradient(135deg, var(--prism-color-action), var(--prism-color-information));border-radius:.85rem;place-items:center;width:2.6rem;height:2.6rem;font-size:1.1rem;font-weight:850;display:grid;box-shadow:0 .45rem 1rem #3657d63d}.notes-brand-mark{background:linear-gradient(135deg, var(--prism-color-accent), var(--prism-color-tertiary));box-shadow:0 .45rem 1rem #ef685a33}.shop-account,.notes-header-actions,.chat-header-actions{justify-content:flex-end}.shop-metrics,.notes-metrics,.chat-metrics{border-bottom:1px solid var(--prism-color-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;padding:1rem 1.4rem;display:grid}.shop-metrics .example-metric,.notes-metrics .example-metric,.chat-metrics .example-metric{background:color-mix(in srgb, var(--prism-color-white) 38%, transparent);box-shadow:inset 0 0 0 1px var(--prism-color-border);border:0;padding:.75rem .85rem}.shop-nav{flex-wrap:wrap;gap:.55rem;padding:.9rem 1.4rem 0;display:flex}.shop-nav .prism-button{align-items:center;gap:.4rem;display:inline-flex}.shop-nav .prism-badge{margin-left:.1rem}.shop-active-view{padding:1.4rem}.shop-content{gap:1.2rem;display:grid}.shop-section-heading{justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.shop-section-heading h2{margin-bottom:0;font-size:clamp(1.4rem,3vw,2rem)}.shop-section-heading>p{max-width:24rem;color:var(--prism-color-text-muted);text-align:right;margin-bottom:.1rem;font-size:.82rem;line-height:1.5}.shop-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.shop-product-card{flex-direction:column;min-height:20rem;display:flex;overflow:hidden}.shop-product-card .card-actions{margin-top:auto}.shop-product-art{background:linear-gradient(135deg,#d8e4ff,#f4f6ff);border-radius:.9rem;place-items:center;height:8.2rem;display:grid;position:relative;overflow:hidden}.shop-product-art:before,.shop-product-art:after,.shop-product-art span,.shop-product-art i{content:"";border-radius:50%;display:block;position:absolute}.shop-product-art:before{background:#ffffff57;width:10rem;height:10rem;transform:translate(35%,-28%)}.shop-product-art:after{background:#fff6;width:5rem;height:5rem;transform:translate(-80%,55%)}.shop-product-art span{z-index:1;border:.75rem solid #ffffffd6;width:3.6rem;height:3.6rem;box-shadow:0 .55rem 1rem #182a5a1f}.shop-product-art i{z-index:2;background:#ffffffe0;width:1rem;height:1rem}.shop-product-cyan .shop-product-art,.shop-product-art.shop-product-cyan{background:linear-gradient(135deg,#b5edf5,#d9f5ff)}.shop-product-lilac .shop-product-art,.shop-product-art.shop-product-lilac{background:linear-gradient(135deg,#d9d2ff,#f0edff)}.shop-product-citrus .shop-product-art,.shop-product-art.shop-product-citrus{background:linear-gradient(135deg,#f6df9d,#fff3c7)}.shop-product-copy{gap:.55rem;padding-top:1rem;display:grid}.shop-product-title-row{align-items:flex-start}.shop-product-title-row h3{margin:0;font-size:1rem}.shop-product-title-row strong{color:var(--prism-color-action);font-size:.95rem}.shop-product-copy p,.shop-promise-card p,.shop-summary-note,.shop-checkout-aside span{color:var(--prism-color-text-muted);margin-bottom:0;font-size:.78rem;line-height:1.5}.shop-product-detail{color:var(--prism-color-text-subtle);letter-spacing:.07em;text-transform:uppercase;font-size:.68rem;font-weight:750}.shop-promise-card{background:color-mix(in srgb, var(--prism-color-lavender-surface) 58%, var(--prism-color-surface-card));grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1.1rem 1.2rem;display:grid}.shop-promise-card h3{margin-bottom:.25rem;font-size:1rem}.shop-promise-mark{width:2.8rem;height:2.8rem;color:var(--prism-color-action);background:var(--prism-color-white);border-radius:.9rem;place-items:center;font-size:1.2rem;display:grid}.shop-cart-layout,.shop-checkout-layout{grid-template-columns:minmax(0,1.5fr) minmax(17rem,.7fr);align-items:start;gap:1rem;display:grid}.shop-cart-card,.shop-summary-card,.shop-checkout-card,.shop-checkout-aside{padding:1.1rem}.shop-cart-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.shop-cart-line{border:1px solid var(--prism-color-border);background:color-mix(in srgb, var(--prism-color-white) 48%, transparent);border-radius:.9rem;grid-template-columns:3.7rem minmax(0,1fr) auto auto;align-items:center;gap:.9rem;padding:.7rem;display:grid}.shop-cart-line-art{border-radius:.7rem;height:3.7rem}.shop-cart-line-art span{border-width:.4rem;width:1.7rem;height:1.7rem}.shop-cart-line-art i{width:.5rem;height:.5rem}.shop-cart-line-copy{gap:.2rem;min-width:0;display:grid}.shop-cart-line-copy strong,.shop-cart-line-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shop-cart-line-copy span,.shop-quantity-label span{color:var(--prism-color-text-muted);font-size:.72rem}.shop-quantity-label{gap:.2rem;display:grid}.shop-quantity-label input{border:1px solid var(--prism-color-border-strong);width:4.2rem;font:inherit;text-align:center;border-radius:.55rem;padding:.45rem}.shop-line-total{min-width:4.5rem;color:var(--prism-color-ink);text-align:right}.shop-summary-card,.shop-checkout-aside{gap:1rem;display:grid}.shop-summary-heading h3,.shop-checkout-aside h3{margin-bottom:0;font-size:1rem}.shop-summary-total{border-top:1px solid var(--prism-color-border);border-bottom:1px solid var(--prism-color-border);padding:.8rem 0}.shop-summary-total span{color:var(--prism-color-text-muted);font-size:.78rem}.shop-summary-total strong{color:var(--prism-color-ink);font-size:1.5rem}.shop-checkout-card form{gap:.85rem;display:grid}.shop-form-errors,.notes-form-errors{color:var(--prism-color-danger);margin:0;padding-left:1rem;font-size:.75rem}.shop-checkout-actions{flex-wrap:wrap;justify-content:flex-start}.notes-window{background:linear-gradient(145deg, color-mix(in srgb, var(--prism-color-surface-card) 96%, transparent), color-mix(in srgb, var(--prism-color-peach-surface) 30%, transparent))}.notes-toolbar{padding:1rem 1.4rem 0}.notes-search{min-width:min(26rem,100%);color:var(--prism-color-text-muted);align-items:center;gap:.65rem;display:flex}.notes-search .text-field{width:min(24rem,100%)}.notes-layout{grid-template-columns:minmax(16rem,.85fr) minmax(0,1.35fr);gap:1rem;padding:1.4rem;display:grid}.notes-list-card,.notes-editor-card{min-width:0;padding:1.1rem}.notes-list-card{align-self:start}.notes-list-heading,.notes-editor-heading{align-items:flex-start;margin-bottom:1rem}.notes-list-heading h2,.notes-editor-heading h2{margin-bottom:0;font-size:1.1rem}.notes-list-heading>span,.notes-editor-status{color:var(--prism-color-text-muted);font-size:.72rem}.notes-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.notes-row{border:1px solid #0000;border-radius:.8rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.55rem;transition:border-color .18s,background .18s;display:grid}.notes-row:hover,.notes-row.is-selected{border-color:var(--prism-color-lavender-border);background:var(--prism-color-lavender-surface)}.notes-row-select{min-width:0;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;gap:.3rem;padding:.1rem;display:grid}.notes-row-select:focus-visible{outline:2px solid var(--prism-color-focus);outline-offset:3px}.notes-row-topline{justify-content:space-between;gap:.5rem;display:flex}.notes-row-topline strong{color:var(--prism-color-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.notes-row-topline small,.notes-row-preview{color:var(--prism-color-text-muted);font-size:.7rem}.notes-row-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notes-row-tags{flex-wrap:wrap;gap:.3rem;display:flex}.notes-row-tags .prism-tag{padding:.2rem .42rem;font-size:.62rem}.notes-delete-button{padding-inline:.45rem;color:var(--prism-color-danger)!important;font-size:.7rem!important}.notes-editor-card form{gap:.85rem;display:grid}.notes-editor-textarea{resize:vertical;border:1px solid var(--prism-color-border-input);width:100%;min-height:13rem;font:inherit;border-radius:.65rem;padding:.7rem .8rem;line-height:1.55;display:block}.notes-editor-actions{flex-wrap:wrap;justify-content:flex-start}.notes-editor-card .prism-alert{margin-top:1rem}.dashboard-window{background:linear-gradient(145deg, color-mix(in srgb, var(--prism-color-surface-card) 96%, transparent), color-mix(in srgb, var(--prism-color-lavender-surface) 25%, transparent))}.dashboard-app-header{align-items:flex-start}.dashboard-app-header h2{margin-bottom:.3rem;font-size:1.45rem}.dashboard-app-header>div>p:last-child{color:var(--prism-color-text-muted);margin-bottom:0;font-size:.78rem}.dashboard-header-actions{flex-wrap:wrap;justify-content:flex-end}.dashboard-controls{padding:1rem 1.4rem 0}.dashboard-control-copy{gap:.18rem;display:grid}.dashboard-control-copy span,.dashboard-control-copy strong{color:var(--prism-color-text-muted);font-size:.72rem}.dashboard-control-copy strong{color:var(--prism-color-ink);font-size:.9rem}.dashboard-control-actions{flex-wrap:wrap;justify-content:flex-end}.dashboard-status{padding:1rem 1.4rem 0}.dashboard-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:0;padding:1rem 1.4rem;list-style:none;display:grid}.dashboard-metric{border:1px solid var(--prism-color-border);background:color-mix(in srgb, var(--prism-color-white) 42%, transparent);border-radius:1rem;gap:.3rem;padding:1rem;display:grid}.dashboard-metric-label,.dashboard-metric small{color:var(--prism-color-text-muted);font-size:.72rem}.dashboard-metric>strong{color:var(--prism-color-ink);font-size:1.35rem}.dashboard-metric-change{color:var(--prism-color-success);font-size:.74rem;font-weight:780}.dashboard-metric-warning .dashboard-metric-change{color:var(--prism-color-warning)}.dashboard-main-grid{grid-template-columns:minmax(0,1.35fr) minmax(17rem,.8fr);gap:1rem;padding:0 1.4rem 1rem;display:grid}.dashboard-trend-card,.dashboard-focus-card,.dashboard-activity-card{min-width:0;padding:1.1rem}.dashboard-card-heading{align-items:flex-start;margin-bottom:1rem}.dashboard-card-heading h3{margin-bottom:0;font-size:1rem}.dashboard-card-heading>span{color:var(--prism-color-text-muted);font-size:.72rem}.dashboard-chart-meta{color:var(--prism-color-text-subtle);justify-content:space-between;font-size:.64rem;display:flex}.dashboard-trend-chart{border-bottom:1px solid var(--prism-color-border);align-items:flex-end;gap:.65rem;height:12rem;padding:.8rem 0 .35rem;display:flex}.dashboard-trend-bar{background:linear-gradient(180deg, var(--prism-color-information), var(--prism-color-action));border-radius:.45rem .45rem .2rem .2rem;flex:1;min-width:1rem;box-shadow:0 .35rem .8rem #3657d62e}.dashboard-progress{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem;margin-top:1rem;display:grid}.dashboard-progress>span{color:var(--prism-color-text-muted);text-align:right;font-size:.68rem}.dashboard-focus-card{background:linear-gradient(145deg, var(--prism-color-lavender-surface), color-mix(in srgb, var(--prism-color-white) 62%, transparent));align-content:start;gap:1rem;display:grid}.dashboard-focus-card>p{color:var(--prism-color-text-muted);font-size:.8rem;line-height:1.55}.dashboard-focus-mark{width:2.2rem;height:2.2rem;color:var(--prism-color-action);background:var(--prism-color-white);border-radius:.7rem;place-items:center;display:grid;font-size:1.1rem!important}.dashboard-focus-list{justify-content:flex-start;gap:1.2rem}.dashboard-focus-list>div{gap:.18rem;display:grid}.dashboard-focus-list strong{color:var(--prism-color-ink);font-size:1rem}.dashboard-focus-list span{color:var(--prism-color-text-muted);font-size:.65rem}.dashboard-activity-card{margin:0 1.4rem 1.4rem}.dashboard-activity-card .prism-table-toolbar{display:none}.dashboard-activity-card .prism-table{border:0}.chat-window{background:linear-gradient(145deg, color-mix(in srgb, var(--prism-color-surface-card) 96%, transparent), color-mix(in srgb, var(--prism-color-mint-surface) 34%, transparent))}.chat-room-title{justify-content:flex-start}.chat-room-title>div{gap:.15rem;display:grid}.chat-room-title h2{margin-bottom:0;font-size:1.25rem}.chat-room-title p:last-child{color:var(--prism-color-text-muted);margin-bottom:0;font-size:.75rem}.chat-room-icon{width:2.6rem;height:2.6rem;color:var(--prism-color-action);background:var(--prism-color-lavender-surface);border-radius:.85rem;place-items:center;display:grid}.chat-layout{grid-template-columns:minmax(0,1.4fr) minmax(16rem,.7fr);gap:1rem;padding:1.4rem;display:grid}.chat-conversation-card,.chat-people-card{min-width:0;padding:1.1rem}.chat-conversation-heading{align-items:flex-start}.chat-conversation-heading h3,.chat-people-heading h3{margin-bottom:0;font-size:1rem}.chat-status-message{margin-top:1rem}.chat-log{align-content:start;gap:.85rem;min-height:21rem;max-height:27rem;margin:1rem 0 0;padding:0 .2rem 1rem;list-style:none;display:grid;overflow:auto}.chat-message{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:.6rem;max-width:84%;display:grid}.chat-message.is-self{grid-template-columns:minmax(0,1fr) auto;justify-self:end}.chat-message-bubble{border:1px solid var(--prism-color-border);background:color-mix(in srgb, var(--prism-color-white) 66%, transparent);border-radius:.9rem .9rem .9rem .25rem;min-width:0;padding:.7rem .8rem}.chat-message.is-self .chat-message-bubble{border-color:var(--prism-color-lavender-border);background:var(--prism-color-lavender-surface);border-radius:.9rem .9rem .25rem}.chat-message-meta{align-items:baseline;gap:.55rem;display:flex}.chat-message-meta strong{color:var(--prism-color-ink);font-size:.72rem}.chat-message-meta small{color:var(--prism-color-text-subtle);font-size:.62rem}.chat-message-bubble p{color:var(--prism-color-text);overflow-wrap:anywhere;margin:.3rem 0 0;font-size:.78rem;line-height:1.45}.chat-compose{border-top:1px solid var(--prism-color-border);align-items:flex-end;margin-top:.2rem;padding-top:.85rem}.chat-compose .text-field{flex:1;min-width:0}.chat-people-card{align-content:start;gap:1rem;display:grid}.chat-people-list{gap:.85rem;display:grid}.chat-people-list>div{justify-content:flex-start}.chat-people-list>div>.chat-person-copy{flex:1;gap:.15rem;display:grid}.chat-people-list strong{color:var(--prism-color-ink);font-size:.75rem}.chat-people-list small{color:var(--prism-color-text-muted);font-size:.66rem}.chat-people-note{border-top:1px solid var(--prism-color-border);padding-top:.9rem}.chat-people-note p{color:var(--prism-color-text-muted);margin:.7rem 0 0;font-size:.72rem;line-height:1.5}@media (width<=1050px){.example-gallery-grid,.shop-product-grid,.dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.example-gallery-heading,.shop-section-heading,.dashboard-app-header,.dashboard-controls,.dashboard-card-heading{flex-direction:column;align-items:flex-start}.example-gallery-heading>p,.shop-section-heading>p{text-align:left;max-width:none;margin-top:-.5rem}.shop-cart-layout,.shop-checkout-layout,.notes-layout,.dashboard-main-grid,.chat-layout{grid-template-columns:1fr}.dashboard-control-actions,.dashboard-header-actions{justify-content:flex-start}.dashboard-activity-card{margin-inline:1rem}.chat-people-card{order:-1}}@media (width<=560px){.example-window{border-radius:1.1rem}.shop-app-header,.notes-app-header,.chat-app-header{flex-direction:column;align-items:flex-start}.shop-metrics,.notes-metrics,.chat-metrics,.dashboard-metric-grid,.shop-product-grid,.example-gallery-grid{grid-template-columns:1fr}.shop-active-view,.notes-layout,.chat-layout{padding:1rem}.shop-cart-line{grid-template-columns:3.2rem minmax(0,1fr) auto}.shop-line-total{text-align:left;grid-column:2/-1}.notes-toolbar,.notes-search{flex-direction:column;align-items:stretch}.notes-search .text-field{width:100%}.dashboard-progress{grid-template-columns:1fr}.dashboard-progress>span{text-align:left}}