.pattern-preview.sheet-preview{position:relative;display:grid;place-items:center;padding:14px;height:180px;overflow:hidden;isolation:isolate}.pattern-preview.sheet-preview.pattern-preview--inspector{height:auto;min-height:220px;gap:14px}.sheet-preview__hint{margin:0;font-size:.78rem;color:rgba(203,213,225,.72);text-align:center}.sheet-stage-frame{position:relative;width:100%;max-width:320px;height:152px;border-radius:14px;background:linear-gradient(180deg,rgba(2,6,23,.65),rgba(15,23,42,.55));border:1px solid rgba(148,163,184,.14);overflow:hidden;isolation:isolate}.sheet-page{position:absolute;inset:14px;display:flex;flex-direction:column;gap:8px;pointer-events:none}.sheet-page__chip{align-self:flex-start;padding:2px 8px;border-radius:999px;background:rgba(148,163,184,.16);color:rgba(203,213,225,.72);font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sheet-page__row{height:6px;border-radius:4px;background:rgba(148,163,184,.16)}.sheet-page__row--w70{width:70%}.sheet-page__row--w55{width:55%}.sheet-page__row--w45{width:45%}.sheet-page__row--w60{width:60%}.sheet-trigger{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:3;padding:7px 14px;border-radius:999px;background:color-mix(in srgb,var(--sheet-accent,#7dd3fc) 16%,rgba(15,23,42,.96));border:1px solid color-mix(in srgb,var(--sheet-accent,#7dd3fc) 40%,rgba(148,163,184,.22));color:rgba(241,245,249,.96);font:inherit;font-size:.74rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.sheet-trigger:hover{background:color-mix(in srgb,var(--sheet-accent,#7dd3fc) 28%,rgba(15,23,42,.96))}.sheet-trigger:focus-visible{outline:2px solid var(--sheet-accent,#7dd3fc);outline-offset:2px}.sheet-backdrop{position:absolute;inset:0;z-index:1;background:rgba(2,6,23,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity var(--sheet-duration,.28s) ease}.sheet-backdrop--open{opacity:1}.sheet-panel{position:absolute;z-index:2;padding:14px 14px 16px;background:linear-gradient(180deg,#0f172a,#060c1a);display:flex;flex-direction:column;gap:10px;transition:transform var(--sheet-duration,.552s) cubic-bezier(.45,0,.25,1.05);box-shadow:0 0 32px rgba(2,6,23,.55)}.sheet-panel--right{top:0;bottom:0;right:0;width:66.67%;border-left:1px solid rgba(148,163,184,.18);transform:translateX(110%)}.sheet-panel--bottom{left:0;right:0;bottom:0;height:66.67%;border-top:1px solid rgba(148,163,184,.18);border-top-left-radius:16px;border-top-right-radius:16px;padding-top:22px;transform:translateY(110%)}.sheet-panel--bottom:before{content:"";position:absolute;top:8px;left:50%;width:38px;height:4px;border-radius:999px;background:rgba(148,163,184,.4);transform:translateX(-50%)}.sheet-panel--left{inset:0;transform:translateX(-100%)}.sheet-panel--open{transform:translate(0)}.sheet-preview:not(.pattern-preview--inspector) .sheet-panel{transition:none;animation-duration:4.6s;animation-timing-function:cubic-bezier(.45,0,.25,1.05);animation-iteration-count:infinite}.sheet-preview:not(.pattern-preview--inspector) .sheet-panel--right{animation-name:sheetSlideRight}.sheet-preview:not(.pattern-preview--inspector) .sheet-panel--bottom{animation-name:sheetSlideBottom}.sheet-preview:not(.pattern-preview--inspector) .sheet-panel--left{animation-name:sheetSlideLeft}.sheet-preview:not(.pattern-preview--inspector) .sheet-backdrop{animation:sheetBackdropFade 4.6s ease-in-out infinite}@keyframes sheetSlideRight{0%,12%{transform:translateX(110%)}24%,78%{transform:translateX(0)}90%,to{transform:translateX(110%)}}@keyframes sheetSlideBottom{0%,12%{transform:translateY(110%)}24%,78%{transform:translateY(0)}90%,to{transform:translateY(110%)}}@keyframes sheetSlideLeft{0%,12%{transform:translateX(-110%)}24%,78%{transform:translateX(0)}90%,to{transform:translateX(-110%)}}@keyframes sheetBackdropFade{0%,12%{opacity:0}22%,78%{opacity:1}88%,to{opacity:0}}.sheet-panel__header{display:flex;flex-direction:column;gap:2px;padding-bottom:6px;border-bottom:1px solid rgba(148,163,184,.14)}.sheet-panel__eyebrow{font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sheet-accent,#7dd3fc)}.sheet-panel__title{margin:0;font-size:.78rem;font-weight:700;color:rgba(241,245,249,.96);letter-spacing:.005em}.sheet-panel__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.sheet-panel__item{padding:5px 8px;border-radius:6px;background:rgba(148,163,184,.08);font-size:.7rem;font-weight:500;color:rgba(203,213,225,.85)}@media (prefers-reduced-motion:reduce){.sheet-backdrop,.sheet-panel{transition:none}}