@layer reset,tokens,base,layout;@layer components{.ps-code{margin-block:var(--sp-6);border:1px solid var(--c-code-line);border-radius:var(--r-lg);background:var(--c-code-bg);color:var(--c-code-text);position:relative;overflow:hidden}.ps-code__bar{justify-content:space-between;align-items:center;gap:var(--sp-3);min-block-size:2.75rem;padding-inline:var(--sp-4) var(--sp-2);border-block-end:1px solid var(--c-code-line);font:var(--fw-medium) var(--fs-xs) / 1 var(--font-mono);color:var(--c-code-muted);display:flex}.ps-code__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ps-code__pre{padding:var(--sp-4) var(--sp-5);font:.875rem / 1.7 var(--font-mono);tab-size:4;color:var(--c-code-text);background:0 0;margin:0;overflow-x:auto}.ps-code__pre code{font:inherit;color:inherit;background:0 0;padding:0}.ps-code__copy{border:1px solid var(--c-code-line);border-radius:var(--r-sm);min-block-size:2rem;color:var(--c-code-text);font:var(--fw-medium) var(--fs-xs) / 1 var(--font-sans);cursor:pointer;background:0 0;align-items:center;gap:.35rem;padding-inline:.65rem;display:inline-flex}.ps-code__copy:hover{background:#ffffff14}.ps-code__copy.is-copied{border-color:var(--green-600);color:#8ff0c0}.ps-code__copy svg{block-size:.9rem;inline-size:.9rem}.ps-anchor{border-radius:var(--r-xs);block-size:1.6rem;inline-size:1.6rem;color:var(--c-text-3);vertical-align:middle;opacity:0;cursor:pointer;transition:opacity var(--dur-1) var(--ease-out);background:0 0;border:0;place-items:center;margin-inline-start:.35rem;display:inline-grid}.ps-anchor svg{block-size:.95rem;inline-size:.95rem}:is(h2,h3):hover>.ps-anchor,.ps-anchor:focus-visible,.ps-anchor.is-copied{opacity:1}.ps-anchor:hover{background:var(--c-surface-2);color:var(--c-brand)}@media (hover:none){.ps-anchor{opacity:.6}}}@layer patterns{.ps-prompt-card{padding:0;overflow:hidden}.ps-prompt-card__shot{aspect-ratio:16/10;background:var(--c-media-bg);border-block-end:1px solid var(--c-line);overflow:hidden}.ps-prompt-card__shot img{object-fit:cover;object-position:top center;block-size:100%;inline-size:100%;transition:transform var(--dur-3) var(--ease-out)}.ps-prompt-card:hover .ps-prompt-card__shot img{transform:scale(1.03)}.ps-prompt-card__placeholder{block-size:100%;color:var(--c-text-3);place-items:center;display:grid}.ps-prompt-card__placeholder svg{block-size:2.5rem;inline-size:2.5rem}.ps-prompt-card__body{gap:var(--sp-2);padding:var(--card-pad);display:grid}.ps-prompt-card .ps-card__foot{justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.ps-prompt-card__demo{z-index:2;font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--c-brand);align-items:center;gap:.3rem;text-decoration:none;display:inline-flex;position:relative}.ps-prompt-card__demo svg{block-size:.9rem;inline-size:.9rem}.ps-preview{border:1px solid var(--c-line);border-radius:var(--r-xl);background:var(--c-surface-2);box-shadow:var(--sh-lg);overflow:hidden}.ps-preview__bar{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);border-block-end:1px solid var(--c-line);background:var(--c-surface);display:flex}.ps-preview__url{min-inline-size:0;padding:.25rem var(--sp-3);border-radius:var(--r-pill);background:var(--c-surface-2);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--c-text-3);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ps-preview__devices{border-radius:var(--r-md);background:var(--c-surface-2);gap:2px;padding:2px;display:none}@media (min-width:48rem){.ps-preview__devices{display:inline-flex}}.ps-preview__device{border-radius:var(--r-sm);block-size:1.75rem;inline-size:2rem;color:var(--c-text-3);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.ps-preview__device svg{block-size:1rem;inline-size:1rem}.ps-preview__device.is-active{background:var(--c-surface);color:var(--c-text);box-shadow:var(--sh-xs)}.ps-preview__glyph{border:1.6px solid;border-radius:3px;display:block}.ps-preview__glyph--tablet{block-size:15px;inline-size:12px}.ps-preview__glyph--mobile{block-size:14px;inline-size:8px}.ps-preview__open{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text-2);align-items:center;gap:.3rem;text-decoration:none;display:inline-flex}.ps-preview__open svg{block-size:.9rem;inline-size:.9rem}.ps-preview__stage{transition:padding var(--dur-2) var(--ease-out);justify-items:center;padding:0;display:grid}.ps-preview[data-device=tablet] .ps-preview__stage,.ps-preview[data-device=mobile] .ps-preview__stage{padding:var(--sp-6)}.ps-preview__viewport{aspect-ratio:16/10;background:var(--c-surface);max-block-size:80vh;inline-size:100%;transition:inline-size var(--dur-3) var(--ease-in-out);position:relative;overflow:hidden}.ps-preview[data-device=tablet] .ps-preview__viewport{aspect-ratio:3/4;border-radius:var(--r-lg);inline-size:min(100%,820px);box-shadow:var(--sh-md)}.ps-preview[data-device=mobile] .ps-preview__viewport{aspect-ratio:9/19;border-radius:var(--r-xl);inline-size:min(100%,390px);box-shadow:var(--sh-md)}.ps-preview__poster{object-fit:cover;object-position:top center;block-size:100%;inline-size:100%}.ps-preview__viewport iframe{background:var(--c-surface);border:0;block-size:100%;inline-size:100%;position:absolute;inset:0}.ps-preview__load{box-shadow:var(--sh-lg);position:absolute;inset-block-end:var(--sp-6);inset-inline-start:50%;translate:-50%}.ps-preview.is-live .ps-preview__load,.ps-preview.is-live .ps-preview__poster{visibility:hidden}.ps-prompt-layout{gap:var(--sp-10);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (min-width:64rem){.ps-prompt-layout{grid-template-columns:minmax(0,1fr) minmax(0,22rem)}.ps-prompt-aside{position:sticky;inset-block-start:calc(var(--header-h) + var(--sp-6))}}.ps-prompt-aside{gap:var(--sp-4);display:grid}.ps-code__pre--wrap{white-space:pre-wrap;overflow-wrap:anywhere;max-block-size:32rem}.ps-prompt-gate{gap:var(--sp-3);border-color:var(--c-brand-line);background:linear-gradient(180deg, var(--c-brand-soft), var(--c-surface) 60%);display:grid}.ps-specs{margin:var(--sp-3) 0 0;gap:0;display:grid}.ps-specs>div{gap:var(--sp-3);padding-block:var(--sp-2);border-block-start:1px solid var(--c-line);font-size:var(--fs-sm);grid-template-columns:7rem minmax(0,1fr);display:grid}.ps-specs dt{color:var(--c-text-3)}.ps-specs dd{color:var(--c-text);margin:0}}@layer utilities,overrides;