.sp-app{--sp-panel-w: 18.5rem;--sp-inspector-w: 20rem;--sp-gap: .75rem;display:grid;gap:var(--sp-gap);font-size:var(--pl-text-md)}.sp-describe{position:relative;padding:1rem 1.25rem 1.125rem;border:1px solid color-mix(in srgb,var(--pl-primary) 28%,var(--pl-border-subtle));border-radius:var(--pl-radius-xl);background:radial-gradient(40rem 12rem at 100% 0%,color-mix(in srgb,var(--pl-primary) 12%,transparent),transparent 70%),var(--pl-surface);box-shadow:var(--pl-elev-2)}.sp-describe__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;flex-wrap:wrap;margin-bottom:.75rem}.sp-describe__title{display:inline-flex;align-items:center;gap:.5rem;margin:0;font-size:1.0625rem;letter-spacing:-.01em}.sp-describe__title svg{color:var(--pl-primary-ink)}.sp-steps{display:flex;flex-wrap:wrap;gap:.25rem .5rem;list-style:none;margin:0;padding:0;counter-reset:none}.sp-steps__item{display:inline-flex;align-items:center;gap:.4rem;color:var(--pl-text-muted);font-size:var(--pl-text-sm);font-weight:600}.sp-steps__item+.sp-steps__item:before{content:"";width:1.25rem;height:1px;margin-inline-end:.15rem;background:var(--pl-border-strong)}.sp-steps__num{display:inline-grid;place-items:center;width:1.375rem;height:1.375rem;border:1px solid var(--pl-border-strong);border-radius:50%;background:var(--pl-surface);font-size:var(--pl-text-2xs);font-variant-numeric:tabular-nums}.sp-steps__item[data-state=current]{color:var(--pl-primary-ink)}.sp-steps__item[data-state=current] .sp-steps__num{border-color:var(--pl-primary);background:var(--pl-primary);color:var(--pl-on-primary);box-shadow:0 0 0 3px var(--pl-ring)}.sp-steps__item[data-state=done]{color:var(--pl-text)}.sp-steps__item[data-state=done] .sp-steps__num{border-color:var(--pl-success);background:var(--pl-success-soft);color:var(--pl-success)}.sp-describe__input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:start}.sp-describe__input>.pl-btn{margin-top:1.6rem}.sp-describe__input textarea{min-height:3rem;resize:vertical;font-size:1rem}.sp-describe__try{color:var(--pl-text-muted);font-size:var(--pl-text-2xs);font-weight:700;letter-spacing:var(--pl-tracking-caps);text-transform:uppercase}.sp-describe__row:has(.sp-describe__try){justify-content:flex-start;flex-wrap:nowrap;align-items:baseline}.sp-describe__body{display:grid;gap:.75rem}.sp-describe__lead{margin:0;color:var(--pl-text-muted)}.sp-describe__lead q{color:var(--pl-text);font-weight:600}.sp-describe__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.sp-describe__row--end{justify-content:flex-end}.sp-describe__done p{display:flex;align-items:center;gap:.5rem;margin:0;font-weight:600}.sp-describe__done svg{flex:none;color:var(--pl-success)}.sp-examples{display:flex;flex-wrap:wrap;gap:.375rem;list-style:none;margin:0;padding:0;flex:1 1 30rem}.sp-example{padding:.25rem .7rem;border:1px solid var(--pl-border-subtle);border-radius:999px;background:var(--pl-canvas);color:var(--pl-text);font:inherit;font-size:var(--pl-text-sm);cursor:pointer;transition:background-color var(--pl-dur-1),border-color var(--pl-dur-1),color var(--pl-dur-1)}.sp-example:hover{border-color:var(--pl-primary);background:var(--pl-tint-hover);color:var(--pl-primary-ink)}.sp-example:focus-visible,.sp-chip__x:focus-visible,.sp-chip__add:focus-visible,.sp-tile:focus-visible,.sp-template:focus-visible,.sp-linkbtn:focus-visible,.sp-sheet-close:focus-visible,.sp-mobilebar button:focus-visible,.sp-node__btn:focus-visible,.sp-mini select:focus-visible,.sp-mini input:focus-visible,.sp-code__pre:focus-visible,.sp-tree__item:focus-visible{outline:2px solid var(--pl-focus);outline-offset:2px}.sp-chips{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.sp-chip{display:inline-flex;align-items:center;gap:.4rem;min-height:2.25rem;padding:.2rem .35rem .2rem .7rem;padding-inline:.7rem .35rem;border:1px solid var(--pl-border-subtle);border-radius:999px;background:var(--pl-surface);box-shadow:var(--pl-elev-1);font-size:var(--pl-text-sm);font-weight:600}.sp-chip>svg{color:var(--pl-primary-ink)}.sp-chip--page{border-color:color-mix(in srgb,var(--pl-primary) 45%,var(--pl-border));background:var(--pl-primary-soft)}.sp-chip--add{border-style:dashed}.sp-chip__meta{color:var(--pl-text-muted);font-weight:500}.sp-chip__check{display:inline-flex;align-items:center;gap:.35rem;padding-inline-end:.4rem;cursor:pointer}.sp-chip__check input{width:1rem;height:1rem;accent-color:var(--pl-primary)}.sp-chip__x,.sp-chip__add{display:inline-grid;place-items:center;width:1.625rem;height:1.625rem;border:none;border-radius:50%;background:var(--pl-surface-muted);color:var(--pl-text-muted);cursor:pointer}.sp-chip__x:hover{background:var(--pl-danger-soft);color:var(--pl-danger)}.sp-chip__add{background:var(--pl-primary);color:var(--pl-on-primary)}.sp-mini{display:inline-flex;align-items:center;gap:.35rem}.sp-mini label{color:var(--pl-text-muted);font-size:var(--pl-text-2xs);font-weight:700;letter-spacing:var(--pl-tracking-caps);text-transform:uppercase;white-space:nowrap}.sp-mini select,.sp-mini input{min-height:1.875rem;padding:0 .5rem;border:1px solid var(--pl-border-subtle);border-radius:var(--pl-radius-sm);background:var(--pl-surface);color:var(--pl-text);font:inherit;font-size:var(--pl-text-sm);font-weight:600}.sp-mini select{cursor:pointer}.sp-mini--num input{width:3.5rem}.sp-mini select:hover,.sp-mini input:hover{border-color:var(--pl-border-strong)}.sp-topbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap}.sp-topbar__doc{display:flex;align-items:baseline;gap:.6rem;min-width:0}.sp-topbar__name{overflow:hidden;max-width:22rem;font-size:1.0625rem;font-weight:700;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.sp-topbar__meta{color:var(--pl-text-muted);font-size:var(--pl-text-sm);font-variant-numeric:tabular-nums}.sp-topbar__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.sp-tb{gap:.4rem}.sp-tb svg{flex:none}.sp-tb[aria-pressed=true]{background:var(--pl-primary-soft);color:var(--pl-primary-ink);border-color:color-mix(in srgb,var(--pl-primary) 55%,var(--pl-border))}.sp-workspace{display:grid;grid-template-columns:var(--sp-panel-w) minmax(0,1fr) var(--sp-inspector-w);height:clamp(36rem,calc(100vh - 7rem),70rem);border:1px solid var(--pl-border-subtle);border-radius:var(--pl-radius-xl);background:var(--pl-surface);box-shadow:var(--pl-elev-2);overflow:hidden}.sp-panel{display:flex;flex-direction:column;min-height:0;background:var(--pl-canvas)}.sp-panel--left{border-inline-end:1px solid var(--pl-border-subtle)}.sp-panel--right{border-inline-start:1px solid var(--pl-border-subtle);overflow-y:auto;scrollbar-width:thin}.sp-sheet-head{display:none}.sp-left-tabs{display:flex;flex-direction:column;min-height:0;flex:1}.sp-left-tabs>.pl-tabs__list{flex:none;padding-inline:.75rem;background:var(--pl-canvas)}.sp-left-tabs>.pl-tabs__panel{flex:1;min-height:0;padding:0;overflow-y:auto;scrollbar-width:thin}.sp-palette{display:grid;gap:.25rem;padding:.75rem}.sp-palette__search{position:sticky;top:0;z-index:2;margin:-.75rem -.75rem 0;padding:.75rem .75rem .5rem;background:var(--pl-canvas)}.sp-help{margin:0;color:var(--pl-text-muted);font-size:var(--pl-text-xs);line-height:1.5}.sp-help kbd{font-size:.6875rem}.sp-palette__group{margin-top:.75rem}.sp-palette__heading{margin:0 0 .4rem;color:var(--pl-text-muted);font-size:var(--pl-text-2xs);font-weight:700;letter-spacing:var(--pl-tracking-caps);text-transform:uppercase}.sp-palette__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem;list-style:none;margin:0;padding:0}.sp-palette__grid--blocks{grid-template-columns:minmax(0,1fr)}.sp-tile{position:relative;display:flex;align-items:center;gap:.5rem;width:100%;min-height:2.5rem;padding:.4rem .5rem;border:1px solid var(--pl-border-subtle);border-radius:var(--pl-radius);background:var(--pl-surface);box-shadow:var(--pl-elev-1);color:var(--pl-text);font:inherit;font-size:var(--pl-text-sm);font-weight:600;text-align:start;cursor:grab;touch-action:manipulation;transition:border-color var(--pl-dur-1),background-color var(--pl-dur-1),transform var(--pl-dur-2) var(--pl-ease)}.sp-tile:hover{border-color:color-mix(in srgb,var(--pl-primary) 50%,var(--pl-border));background:var(--pl-tint-hover)}.sp-tile:active{cursor:grabbing;transform:scale(.985)}.sp-tile__icon{display:inline-grid;flex:none;place-items:center;width:1.625rem;height:1.625rem;border-radius:var(--pl-radius-sm);background:var(--pl-primary-soft);color:var(--pl-primary-ink)}.sp-tile__text{display:grid;min-width:0}.sp-tile__label{overflow-wrap:anywhere;line-height:1.25}.sp-tile__desc{overflow:hidden;color:var(--pl-text-muted);font-size:var(--pl-text-xs);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.sp-tile__grip{position:absolute;inset-inline-end:.25rem;top:50%;translate:0 -50%;display:inline-grid;place-items:center;width:1.25rem;height:1.75rem;border-radius:4px;background:var(--pl-surface);color:var(--pl-text-muted);opacity:0;touch-action:none}.sp-tile:hover .sp-tile__grip,.sp-tile:focus-visible .sp-tile__grip{opacity:1}.sp-layers{display:grid;gap:.5rem;padding:.75rem}.sp-tree,.sp-tree ul{list-style:none;margin:0;padding:0}.sp-tree__item{border-radius:var(--pl-radius-sm);cursor:pointer}.sp-tree__row{display:flex;align-items:center;gap:.45rem;min-height:2rem;padding-block:.2rem;padding-inline-end:.5rem;border-radius:var(--pl-radius-sm);color:var(--pl-text);font-size:var(--pl-text-sm)}.sp-tree__row svg{flex:none;color:var(--pl-text-muted)}.sp-tree__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-tree__item>.sp-tree__row:hover{background:var(--pl-tint-hover)}.sp-tree__item[aria-selected=true]>.sp-tree__row{position:relative;background:var(--pl-primary-soft);color:var(--pl-primary-ink);font-weight:600}.sp-tree__item[aria-selected=true]>.sp-tree__row:before{content:"";position:absolute;inset-block:.35rem;inset-inline-start:0;width:3px;border-radius:999px;background:var(--pl-primary)}.sp-tree__item[aria-selected=true]>.sp-tree__row svg{color:var(--pl-primary-ink)}.sp-inspector{display:grid;gap:.875rem;padding:1rem}.sp-inspector__head{display:flex;gap:.75rem;align-items:flex-start}.sp-inspector__icon{display:inline-grid;flex:none;place-items:center;width:2.25rem;height:2.25rem;border-radius:var(--pl-radius);background:var(--pl-primary-soft);color:var(--pl-primary-ink)}.sp-inspector__title{margin:0;font-size:1rem}.sp-inspector__sub{margin:.1rem 0 0;color:var(--pl-text-muted);font-size:var(--pl-text-xs)}.sp-inspector__fields{display:grid;gap:.875rem}.sp-inspector__fields .pl-field{margin:0}.sp-inspector__section{margin:.25rem 0 0;padding-top:.875rem;border-top:1px solid var(--pl-border-subtle);color:var(--pl-text-muted);font-size:var(--pl-text-2xs);font-weight:700;letter-spacing:var(--pl-tracking-caps);text-transform:uppercase}.sp-arrange{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem}.sp-arrange .pl-btn{justify-content:flex-start;gap:.4rem}.sp-field-switch{padding-block:.125rem}.sp-linkbtn{justify-self:start;padding:.25rem 0;border:none;background:none;color:var(--pl-primary-ink);font:inherit;font-size:var(--pl-text-sm);font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.sp-tip{padding:.75rem .875rem;border:1px solid var(--pl-border-subtle);border-radius:var(--pl-radius);background:var(--pl-surface);font-size:var(--pl-text-sm)}.sp-tip p{margin:.25rem 0 0;color:var(--pl-text-muted)}.sp-center{container:sp-center / inline-size;display:flex;flex-direction:column;min-width:0;min-height:0}@container sp-center (max-width: 860px){.sp-device-opt>span,.sp-toolbar .sp-tb__text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sp-toolbar{gap:.4rem .5rem}}.sp-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .875rem;padding:.5rem .75rem;border-bottom:1px solid var(--pl-border-subtle);background:var(--pl-surface)}.sp-toolbar__group{display:inline-flex;align-items:center;gap:.25rem .625rem;flex-wrap:wrap}.sp-devices .pl-segmented__item{min-height:1.875rem;padding-inline:.6rem}.sp-device-opt{display:inline-flex;align-items:center;gap:.35rem}.sp-toolbar--sub{background:var(--pl-canvas);animation:sp-fade-in var(--pl-dur-2) var(--pl-ease)}.sp-swatch{width:.875rem;height:.875rem;border-radius:50%;background:var(--pl-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pl-text) 20%,transparent)}.sp-caret{font-size:.7em;opacity:.7}[aria-expanded=true]>.sp-caret{transform:rotate(180deg)}[data-align=center]>.sp-node--inline{margin-inline:auto}.sp-node--card>.pl-card,.sp-node--stat>.sp-node__content,.sp-node--stat .sp-stat{height:100%}.sp-tb--icon{width:2rem;padding:0;justify-content:center}.sp-canvas-scroll{flex:1;min-height:0;overflow:auto;padding:clamp(.75rem,2vw,1.75rem);background-color:var(--pl-canvas);background-image:radial-gradient(color-mix(in srgb,var(--pl-text) 10%,transparent) 1px,transparent 1.2px);background-size:18px 18px;scrollbar-width:thin}.sp-stage{display:flex;justify-content:center;min-height:100%}.sp-frame{container:sp-frame / inline-size;position:relative;width:100%;min-height:100%;border:1px solid var(--pl-border-subtle);border-radius:var(--pl-radius-lg);background:var(--pl-surface);color:var(--pl-text);box-shadow:var(--pl-elev-3);font-family:var(--pl-font);line-height:1.55;transition:max-width var(--pl-dur-4) var(--pl-ease)}.sp-frame__chrome{display:flex;align-items:center;gap:.375rem;height:2rem;padding-inline:.75rem;border-bottom:1px solid var(--pl-border-subtle);border-radius:var(--pl-radius-lg) var(--pl-radius-lg) 0 0;background:var(--pl-canvas)}.sp-frame__chrome span{width:.5625rem;height:.5625rem;border-radius:50%;background:var(--pl-border-strong)}.sp-frame__chrome em{margin-inline:auto;overflow:hidden;color:var(--pl-text-muted);font-size:var(--pl-text-xs);font-style:normal;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.sp-root{display:flow-root;min-height:28rem;padding-bottom:2.5rem;border-radius:0 0 var(--pl-radius-lg) var(--pl-radius-lg)}.sp-frame.is-preview .sp-root{padding-bottom:0}.sp-node{position:relative;min-width:0;border-radius:4px;outline:1px dashed transparent;outline-offset:2px;cursor:default}.sp-node--inline{width:fit-content;max-width:100%}.sp-node--block{width:100%}.sp-node:hover{outline-color:color-mix(in srgb,var(--pl-primary) 45%,transparent)}.sp-node:focus{outline:none}.sp-node:focus-visible{outline:2px solid var(--pl-focus);outline-offset:2px}.sp-node.is-selected{outline:2px solid var(--pl-primary);outline-offset:2px;z-index:1}.sp-node.is-selected:focus-visible{outline:2px solid var(--pl-focus);box-shadow:0 0 0 5px var(--pl-ring)}.sp-node--container:hover:not(.is-selected){outline-style:dashed}.sp-node__content{min-width:0}.sp-node__content>*{max-width:100%}.sp-node__bar{position:absolute;z-index:5;bottom:calc(100% + 4px);inset-inline-start:-2px;display:inline-flex;align-items:center;gap:1px;padding:2px;border-radius:6px;background:var(--pl-primary);color:var(--pl-on-primary);box-shadow:var(--pl-elev-2);font-family:var(--pl-font);font-size:11px;font-weight:700;line-height:1;letter-spacing:.01em;white-space:nowrap}.sp-root>.sp-node:first-child>.sp-node__bar,.sp-root>.sp-node:first-child>*>*>.sp-node:first-child>.sp-node__bar{bottom:auto;top:4px;inset-inline-start:4px}.sp-node__tag{padding-inline:4px 6px}.sp-node__grip{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:4px;cursor:grab;touch-action:none}.sp-node__btn{display:inline-grid;place-items:center;width:22px;height:22px;padding:0;border:none;border-radius:4px;background:transparent;color:inherit;cursor:pointer}.sp-node__btn:hover,.sp-node__grip:hover{background:color-mix(in srgb,var(--pl-on-primary) 18%,transparent)}.sp-node__btn--danger:hover{background:var(--pl-danger);color:var(--pl-on-danger)}.sp-slot{display:grid;place-items:center;min-height:4.5rem;padding:1rem;border:1.5px dashed color-mix(in srgb,var(--pl-primary) 40%,var(--pl-border));border-radius:var(--pl-radius);background:color-mix(in srgb,var(--pl-primary) 4%,transparent);color:var(--pl-text-muted);font-size:var(--pl-text-sm);font-weight:600}.sp-spacer{background:repeating-linear-gradient(135deg,transparent 0 6px,color-mix(in srgb,var(--pl-primary) 12%,transparent) 6px 7px);border-radius:4px}.sp-empty{display:grid;place-items:center;min-height:26rem;padding:2rem 1rem}.sp-eyebrow{margin:0 0 .5rem;color:var(--pl-primary-ink);font-size:var(--pl-text-xs);font-weight:700;letter-spacing:var(--pl-tracking-caps);text-transform:uppercase}.sp-heading :is(h1,h2,h3,h4){color:inherit}.sp-list{display:grid;gap:.375rem;margin:0;padding-inline-start:1.25rem}.sp-list--check{gap:.5rem;padding:0;list-style:none}.sp-list--check li{display:flex;gap:.5rem}.sp-list--check li:before{content:"✓";flex:none;color:var(--pl-success);font-weight:700}.sp-stat .pl-card__body{display:grid;gap:.25rem}.sp-stat__label{margin:0;color:var(--pl-text-muted);font-size:var(--pl-text-sm);font-weight:600}.sp-stat__value{margin:0 0 .25rem;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums}.sp-stat__foot{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sp-stat__period{color:var(--pl-text-muted);font-size:var(--pl-text-xs)}.sp-stat__spark{margin-inline-start:auto;color:var(--pl-primary-ink)}.sp-captcha{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem .875rem;border:1px solid var(--pl-border);border-radius:var(--pl-radius);background:var(--pl-canvas)}.sp-captcha__brand{display:grid;justify-items:center;gap:.1rem;color:var(--pl-text-muted)}.sp-captcha__brand small{font-size:.625rem;font-weight:700;letter-spacing:var(--pl-tracking-caps);text-transform:uppercase}.sp-progress{display:grid;gap:.375rem}.sp-progress__row{display:flex;justify-content:space-between;font-size:var(--pl-text-sm);font-weight:600}.sp-progress__value{font-variant-numeric:tabular-nums}.sp-person{display:inline-flex;align-items:center;gap:.75rem;text-align:start}.sp-person>span:last-child{display:grid}.sp-person__sub{color:var(--pl-text-muted);font-size:var(--pl-text-sm)}.sp-figure{margin:0}.sp-figure img{display:block;width:100%;border-radius:var(--pl-radius-lg);object-fit:cover}.sp-figure figcaption{margin-top:.5rem;color:var(--pl-text-muted);font-size:var(--pl-text-sm)}.sp-slide{margin:.25rem;overflow:hidden;border:1px solid var(--pl-border-subtle);border-radius:var(--pl-radius-lg);background:var(--pl-surface)}.sp-slide img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover}.sp-slide figcaption{display:flex;justify-content:space-between;gap:.5rem;padding:.6rem .75rem;font-size:var(--pl-text-sm)}.sp-slide figcaption span{color:var(--pl-text-muted)}.sp-switch-row{display:inline-flex}.sp-r-section{color:var(--pl-text)}.sp-ghost{position:fixed;z-index:1000;top:0;left:0;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:999px;background:var(--pl-primary);color:var(--pl-on-primary);box-shadow:var(--pl-elev-3);font-size:var(--pl-text-sm);font-weight:700;pointer-events:none;transform:translate(-200px,-200px)}.sp-drop{position:fixed;z-index:999;border-radius:999px;background:var(--pl-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--pl-primary) 25%,transparent);pointer-events:none}.sp-drop--box{border:2px dashed var(--pl-primary);border-radius:var(--pl-radius);background:color-mix(in srgb,var(--pl-primary) 10%,transparent);box-shadow:none}body.sp-is-dragging,body.sp-is-dragging *{cursor:grabbing!important;user-select:none;-webkit-user-select:none}.sp-dialog--code .pl-tabs__panel{padding-inline:0}.sp-code{display:grid;gap:.75rem}.sp-code__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.sp-code__file{font-size:var(--pl-text-sm)}.sp-code__actions{display:inline-flex;gap:.375rem}.sp-code__actions .pl-btn{gap:.35rem}.sp-code__notes{margin:.25rem 0 0;padding-inline-start:1.1rem;font-size:var(--pl-text-sm)}.sp-code__pre{max-height:min(55vh,34rem);margin:0;padding:1rem 1.125rem;overflow:auto;border:1px solid var(--pl-border-subtle);border-radius:var(--pl-radius);background:var(--pl-canvas);font-size:.78rem;line-height:1.6;tab-size:2}.sp-templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(13rem,100%),1fr));gap:.75rem;list-style:none;margin:.75rem 0 0;padding:0}.sp-template{display:grid;gap:.35rem;width:100%;height:100%;padding:.625rem .625rem .75rem;border:1px solid var(--pl-border-subtle);border-radius:var(--pl-radius-lg);background:var(--pl-surface);box-shadow:var(--pl-elev-1);color:var(--pl-text);font:inherit;text-align:start;cursor:pointer;transition:border-color var(--pl-dur-2),box-shadow var(--pl-dur-2),transform var(--pl-dur-2) var(--pl-ease)}.sp-template:hover{border-color:color-mix(in srgb,var(--pl-primary) 50%,var(--pl-border));box-shadow:var(--pl-elev-2);transform:translateY(-2px)}.sp-template__name{display:inline-flex;align-items:center;gap:.4rem;font-weight:700}.sp-template__name svg{color:var(--pl-primary-ink)}.sp-template__desc{color:var(--pl-text-muted);font-size:var(--pl-text-xs);line-height:1.45}.sp-thumb{display:grid;gap:4px;align-content:start;height:6.5rem;margin-bottom:.25rem;padding:8px;border-radius:var(--pl-radius);background:var(--pl-canvas);overflow:hidden}.sp-thumb>span{display:flex;gap:4px}.sp-thumb__bar{height:8px;border-radius:3px;background:var(--pl-border-strong)}.sp-thumb__hero{height:30px;border-radius:4px;background:linear-gradient(135deg,var(--pl-primary-soft),color-mix(in srgb,var(--pl-primary) 35%,var(--pl-surface)))}.sp-thumb__form{height:26px;margin-inline:22%;border:1px solid var(--pl-border-strong);border-radius:4px;background:var(--pl-surface)}.sp-thumb__table{height:24px;border-radius:4px;background:repeating-linear-gradient(var(--pl-surface) 0 5px,var(--pl-border-subtle) 5px 6px);border:1px solid var(--pl-border-strong)}.sp-thumb__tabs{height:10px;border-bottom:2px solid var(--pl-primary);width:60%}.sp-thumb__empty{height:40px;margin-inline:30%;border-radius:50%;background:var(--pl-primary-soft)}.sp-thumb__footer{height:12px;border-radius:3px;background:var(--pl-surface-muted)}.sp-thumb [class^=sp-thumb__cols]{height:22px}.sp-thumb [class^=sp-thumb__cols] i{flex:1;border:1px solid var(--pl-border-strong);border-radius:3px;background:var(--pl-surface)}.sp-keys{width:100%}.sp-keys th[scope=row]{white-space:nowrap;font-weight:400}.sp-mobilebar{display:none}@media(max-width:1180px){.sp-app{--sp-panel-w: 15rem;--sp-inspector-w: 17rem}.sp-tb__text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sp-topbar__actions .sp-tb:not(:last-of-type){width:2rem;padding:0;justify-content:center}}@media(max-width:900px){.sp-app{padding-bottom:4.5rem}.sp-workspace{grid-template-columns:minmax(0,1fr);height:auto;min-height:70vh;overflow:visible}.sp-center{min-height:70vh}.sp-canvas-scroll{padding:.5rem;border-radius:0 0 var(--pl-radius-xl) var(--pl-radius-xl)}.sp-panel{display:none}.sp-panel[data-open]{position:fixed;z-index:60;inset-inline:0;bottom:0;display:flex;max-height:min(72vh,40rem);border:1px solid var(--pl-border-subtle);border-radius:var(--pl-radius-xl) var(--pl-radius-xl) 0 0;background:var(--pl-surface-raised);box-shadow:var(--pl-elev-4);animation:sp-sheet-in var(--pl-dur-3) var(--pl-ease);overflow-y:auto;padding-bottom:4.25rem}.sp-sheet-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem .5rem 1rem;padding-inline:1rem .75rem;border-bottom:1px solid var(--pl-border-subtle);background:var(--pl-surface-raised);font-weight:700}.sp-sheet-close{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border:none;border-radius:50%;background:var(--pl-surface-muted);color:var(--pl-text);cursor:pointer}.sp-palette__search{background:var(--pl-surface-raised)}.sp-palette__grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr))}.sp-mobilebar{position:fixed;z-index:61;inset-inline:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;padding:.375rem .5rem calc(.375rem + env(safe-area-inset-bottom));border-top:1px solid var(--pl-border-subtle);background:color-mix(in srgb,var(--pl-surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sp-mobilebar button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;border:1px solid transparent;border-radius:var(--pl-radius);background:transparent;color:var(--pl-text);font:inherit;font-weight:600;cursor:pointer}.sp-mobilebar button[aria-expanded=true]{border-color:color-mix(in srgb,var(--pl-primary) 45%,var(--pl-border));background:var(--pl-primary-soft);color:var(--pl-primary-ink)}.sp-describe__input{grid-template-columns:minmax(0,1fr)}.sp-describe__input>.pl-btn{margin-top:0;justify-self:start}.sp-describe__row:has(.sp-describe__try){flex-wrap:wrap}}@media(max-width:560px){.sp-describe{padding:.875rem}.sp-describe__head{gap:.5rem}.sp-steps{gap:.25rem;flex-wrap:nowrap}.sp-steps__item{gap:.25rem;font-size:var(--pl-text-xs)}.sp-steps__item+.sp-steps__item:before{width:.5rem}.sp-device-opt>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sp-toolbar{gap:.4rem .6rem}.sp-topbar__name{max-width:12rem}}@keyframes sp-sheet-in{0%{transform:translateY(24px);opacity:0}}@keyframes sp-fade-in{0%{opacity:0;transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.sp-frame,.sp-tile,.sp-template,.sp-example{transition:none}.sp-template:hover,.sp-tile:active{transform:none}.sp-panel[data-open],.sp-toolbar--sub{animation:none}}@media(forced-colors:active){.sp-node.is-selected{outline-color:Highlight}.sp-drop{background:Highlight;forced-color-adjust:none}.sp-node__bar{border:1px solid CanvasText}}.sp-notices{position:fixed;z-index:1100;inset-inline:0;bottom:1.25rem;display:flex;justify-content:center;pointer-events:none}.sp-notice{display:inline-flex;align-items:flex-start;gap:.6rem;max-width:min(32rem,calc(100vw - 2rem));padding:.7rem 1rem;border:1px solid var(--pl-border-subtle);border-radius:var(--pl-radius-lg);background:var(--pl-surface-raised);color:var(--pl-text);box-shadow:var(--pl-elev-3);font-size:var(--pl-text-sm);pointer-events:auto;animation:sp-fade-in var(--pl-dur-3) var(--pl-ease)}.sp-notice>svg{flex:none;margin-top:.1rem;color:var(--pl-success)}.sp-notice[data-tone=info]>svg{color:var(--pl-info)}.sp-notice[data-tone=error]>svg{color:var(--pl-danger)}.sp-notice>span{display:grid;gap:.1rem}.sp-notice__detail{color:var(--pl-text-muted)}@media(max-width:900px){.sp-notices{bottom:4.75rem}}@media(prefers-reduced-motion:reduce){.sp-notice{animation:none}}.pl-dialog.sp-dialog:focus{outline:none}:root[data-a11y-motion=reduce] .space-app *,:root[data-a11y-motion=off] .space-app *{transition-duration:0ms!important;animation-duration:0ms!important;scroll-behavior:auto!important}.sp-captcha-demo{display:grid;gap:.2rem;padding:.75rem 1rem;border:1px dashed var(--pl-border-strong, var(--pl-border));border-radius:var(--pl-radius-md, .5rem);background:var(--pl-surface-2, var(--pl-surface));color:var(--pl-text);font-size:.875rem}