[x-cloak]{display:none!important}.theme-light{--bg: #f7f6f3;--bg-elevated: #ffffff;--text: #1a1a1a;--text-muted: #5c5a57;--accent: #6b5b95;--accent-soft: rgba(107, 91, 149, .12);--border: rgba(26, 26, 26, .08);--canvas-bg: #ffffff;--line: #2e2248}.theme-dark{--bg: #0f0e12;--bg-elevated: #1a1820;--text: #e8e4dc;--text-muted: #a9a49a;--accent: #a898d8;--accent-soft: rgba(168, 152, 216, .14);--border: rgba(232, 228, 220, .1);--canvas-bg: #1a1820;--line: #ddd6f0}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;font-family:Montserrat,system-ui,sans-serif;font-weight:400;font-size:1rem;line-height:1.6;color:var(--text);background:var(--bg);transition:background .35s ease,color .35s ease}a{color:var(--accent);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.75}.main{flex:1 0 auto;width:min(960px,100%);margin:0 auto;padding:1.5rem 1.25rem 1rem}.header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header__inner{display:flex;align-items:center;justify-content:space-between;width:min(960px,100%);margin:0 auto;padding:.85rem 1.25rem}.header__logo{font-weight:500;font-size:.95rem;letter-spacing:.02em;color:var(--text)}.header__actions{display:flex;align-items:center;gap:.75rem}.mode-switch{display:flex;gap:.25rem;padding:.2rem;background:var(--accent-soft);border-radius:999px}.mode-switch__btn{border:none;background:transparent;color:var(--text-muted);font:inherit;font-size:.75rem;padding:.35rem .75rem;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}.mode-switch__btn.is-active{background:var(--bg-elevated);color:var(--text)}.icon-btn{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text);cursor:pointer;transition:border-color .2s,background .2s}.icon-btn:hover{background:var(--accent-soft)}.icon{width:1.1rem;height:1.1rem}.footer{flex-shrink:0;width:100%;padding:.65rem 0 0;text-align:center}.footer__top{width:min(960px,100%);margin:0 auto;padding:0 1.25rem}.footer__sigil{display:flex;justify-content:center;margin-bottom:.5rem;color:var(--accent)}.footer__sigil-icon{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem}.footer__sigil-icon svg{width:100%;height:100%}.theme-dark .footer__sigil-icon--sun,.theme-light .footer__sigil-icon--moon{display:none}.footer__credits{margin:0;font-size:.8rem;font-weight:300;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.footer__credits-name-slot{display:grid;place-items:center;margin-bottom:.18rem}.footer__credits-name{grid-area:1 / 1;font-size:.95rem;font-weight:400;letter-spacing:.04em;text-transform:none;color:var(--text)}.theme-dark .footer__credits-name--sun,.theme-light .footer__credits-name--moon{display:none}.footer__credits-role{opacity:.65;font-size:.72rem}.footer__rule{margin-top:.85rem;border-top:1px solid var(--border)}.footer__nav-wrap{display:flex;align-items:center;justify-content:center;width:min(960px,100%);margin:0 auto;padding:1.25rem}.footer__nav{margin:0}.footer__nav-list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;row-gap:.35rem;margin:0;padding:0;list-style:none;font-size:.85rem;line-height:1;color:var(--text-muted)}.footer__nav-list li{display:flex;align-items:center}.footer__nav-list li+li:before{content:"·";display:flex;align-items:center;justify-content:center;width:1.15rem;height:1.25rem;opacity:.4;color:var(--text-muted);-webkit-user-select:none;user-select:none}.footer__nav-list a{display:inline-flex;align-items:center;height:1.25rem;line-height:1}.page{max-width:42rem;margin:0 auto;animation:fadeUp .6s ease both}.prose h1{font-weight:500;font-size:clamp(1.5rem,4vw,2rem);margin:0 0 1rem}.prose h2{font-weight:500;font-size:1.1rem;margin:0 .75rem}.prose h3{font-weight:500;font-size:1rem;margin:1.5rem 0 .5rem}.prose p,.prose li{color:var(--text-muted)}.prose ul,.guide-list{padding-left:1.25rem}.guide-list li{margin-bottom:.65rem}.page__author{margin-top:2.5rem}.page__divider{border:none;border-top:1px solid var(--border);margin:2rem 0}.page__audience{list-style:none;padding-left:0}.page__audience li{margin-bottom:.35rem}.page__cta{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:500;text-align:center;margin:2rem 0}.page__cta a{color:inherit;text-decoration:none}.page__cta a:hover{color:var(--accent)}.page__meta{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.page--center{text-align:center}.page-error{max-width:36rem;margin:2rem auto 3rem;padding:1rem 0 2rem}.page-error__sigil{width:7rem;margin:0 auto 1.5rem;color:var(--accent);opacity:.85}.page-error__sigil svg{display:block;width:100%;height:auto}.page-error__code{margin:0 0 .35rem;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}.page-error__title{margin:0 0 .75rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:500}.page-error__lead{margin:0 0 1.75rem;color:var(--text-muted)}.page-error__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.assets-warning{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);padding:.75rem 1.25rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:.5rem;font-size:.85rem;color:var(--text-muted);z-index:100}.assets-warning code{color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:999px;padding:.65rem 1.15rem;font:inherit;font-size:.875rem;cursor:pointer;transition:transform .15s,background .2s,border-color .2s}.btn:active{transform:scale(.98)}.btn--primary{background:var(--accent);border-color:transparent;color:#fff}.theme-dark .btn--primary{color:#0f0e12}.btn--primary.is-active{box-shadow:0 0 0 3px var(--accent-soft)}.btn--ghost{background:transparent;color:var(--text)}.btn--ghost:disabled{opacity:.4;cursor:not-allowed}.btn--sm{padding:.35rem .75rem;font-size:.75rem}.btn--ghost:hover:not(:disabled){background:var(--accent-soft)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.header__logo{font-size:.82rem}.mode-switch__btn{padding:.3rem .55rem}}.lab__intro{text-align:center;margin-bottom:1.75rem;animation:fadeUp .7s ease both}.lab__question{margin:0;font-weight:400;font-size:clamp(1.75rem,5vw,2.35rem);letter-spacing:-.02em}.lab__mode-hint{margin:.75rem auto 0;max-width:28rem;font-size:.88rem;line-height:1.55;color:var(--text-muted);font-weight:300;animation:fadeUp .7s .05s ease both}.lab__workspace{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.lab__fullscreen-bar{display:none;width:min(900px,100%);align-items:center;justify-content:space-between;gap:.75rem;padding:0 .25rem;flex-shrink:0}.lab__workspace.is-fullscreen .lab__fullscreen-bar,.lab__workspace:fullscreen .lab__fullscreen-bar{display:flex;position:sticky;top:0;z-index:10;padding-top:.15rem;padding-bottom:.5rem;background:var(--bg)}.mode-switch--fullscreen{flex:1 1 auto;min-width:0;justify-content:center}.lab__fullscreen-exit{flex-shrink:0;white-space:nowrap}.lab__workspace:fullscreen{display:grid;grid-template-rows:auto auto auto auto;justify-items:center;align-content:start;width:100%;height:100%;gap:.85rem;background:var(--bg);padding:.75rem 1.25rem 1.25rem;overflow-y:auto;box-sizing:border-box}.lab__workspace:fullscreen .lab__viz-block{width:min(calc(100vw - 2.5rem),620px)}.lab__workspace:fullscreen .lab__viz{width:100%;aspect-ratio:1;height:auto;max-width:none;flex-shrink:0}.lab__workspace:fullscreen .widgets,.lab__workspace:fullscreen .process-panel,.lab__workspace:fullscreen .lab__controls{width:min(900px,100%);flex-shrink:0}.lab__viz-block{display:flex;flex-direction:column;align-items:center;gap:1rem;width:min(560px,100%)}.calibration-panel{width:100%;padding:1rem 1.15rem;background:var(--bg-elevated);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:.85rem;text-align:center;animation:fadeUp .35s ease both}.calibration-panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.calibration-panel__title{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.calibration-panel__pct{font-size:1.1rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent)}.calibration-panel__prompt{margin:0 0 .85rem;font-size:1.05rem;line-height:1.5;font-weight:400;color:var(--text)}.calibration-panel__bar{width:100%;height:5px;margin-bottom:.75rem;background:var(--accent-soft);border-radius:999px;overflow:hidden}.calibration-panel__fill{height:100%;background:var(--accent);border-radius:inherit;transition:width .12s linear}.calibration-panel__hint{margin:0 0 .65rem;font-size:.82rem;color:var(--accent)}.calibration-panel__skip{margin:0 auto}.lab__viz{position:relative;width:100%;aspect-ratio:1;height:auto;flex-shrink:0;border-radius:50%;background:var(--canvas-bg);border:1px solid var(--border);overflow:hidden;animation:fadeUp .8s .1s ease both}.lab__viz.is-calibrating{border-color:color-mix(in srgb,var(--accent) 38%,var(--border))}.lab__viz.is-listening{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent),0 0 40px color-mix(in srgb,var(--accent) 12%,transparent)}.spectrum-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.mandala-fullscreen{position:absolute;top:.65rem;right:.65rem;z-index:3;display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--border);border-radius:50%;background:color-mix(in srgb,var(--bg-elevated) 85%,transparent);color:var(--text-muted);cursor:pointer;transition:color .2s,border-color .2s}.mandala-fullscreen:hover{color:var(--text);border-color:var(--accent)}.mandala-status{position:absolute;inset:auto 0 .65rem;text-align:center;font-size:.8rem;color:var(--text-muted);margin:0;padding:0 1rem;z-index:2;pointer-events:none}.mandala-status--notice{color:var(--accent)}.theme-dark .lab__viz{box-shadow:0 20px 40px #00000047}.widgets{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:min(900px,100%)}.widget{padding:.65rem .75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:.75rem;font-size:.75rem}.widget__label{display:block;color:var(--text-muted);margin-bottom:.15rem}.widget__desc{display:block;font-size:.65rem;color:color-mix(in srgb,var(--text-muted) 80%,transparent);margin-bottom:.35rem;letter-spacing:.02em}.widget__value{font-weight:500;font-variant-numeric:tabular-nums}.widget__bar{height:4px;background:var(--accent-soft);border-radius:999px;overflow:hidden}.widget__fill{height:100%;background:var(--accent);border-radius:inherit;transition:width .08s linear}.process-timeline-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 45%,transparent) transparent;margin:0 -.35rem;padding:.35rem .35rem .65rem}.process-timeline-scroll::-webkit-scrollbar{height:6px}.process-timeline-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 40%,transparent);border-radius:999px}.process-timeline{display:flex;flex-wrap:nowrap;gap:.65rem;justify-content:flex-start;width:max-content;min-width:100%;padding-bottom:.15rem}.process-panel{width:min(900px,100%);padding:.75rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:.75rem}.process-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem}.process-panel__title{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.process-panel__hint{margin:0 0 .65rem;font-size:.78rem;line-height:1.5;color:var(--text-muted);font-weight:300}.process-timeline__item{flex-shrink:0;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);font:inherit;font-size:.9rem;padding:.62rem 1.25rem;min-width:6.5rem;border-radius:.65rem;cursor:pointer;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;scroll-snap-align:start}.process-timeline__item.is-active{background:var(--accent-soft);color:var(--text);border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.process-timeline__item.is-composite{font-weight:500}.process-timeline__item:hover{border-color:var(--accent)}.lab__controls{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:flex-end}.mic-permission{flex:1 1 100%;width:100%;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:.85rem;background:var(--bg-elevated);text-align:center}.mic-permission__text{margin:0 0 .85rem;color:var(--text-muted);font-size:.92rem;line-height:1.55}.export-form{display:flex;flex-wrap:wrap;gap:.55rem;align-items:flex-end;justify-content:center;flex-basis:100%;margin-top:.65rem;padding-top:.15rem}.export-field{display:flex;flex-direction:column;gap:.15rem;min-width:7.5rem}.export-field__label{font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);line-height:1}.export-control{height:2.5rem;box-sizing:border-box}select.export-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:9.5rem;padding:0 1.55rem 0 .65rem;border-radius:999px;border:1px solid var(--border);background:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%) calc(100% - .85rem) 52% / .35rem .35rem no-repeat,transparent;color:var(--text);font:inherit;font-size:.875rem;cursor:pointer}button.export-control{min-width:9.5rem;padding-inline:1rem;justify-content:center}.save-notice{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem .85rem;margin-top:.55rem;padding:.75rem 1rem;border-radius:.85rem;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent) 8%,var(--bg-elevated))}.save-notice__text{margin:0;font-size:.88rem;color:var(--text);text-align:center}.save-notice__actions{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.save-notice__link{text-decoration:none}@media(max-width:640px){.widgets{grid-template-columns:repeat(2,1fr)}}.lab__workspace{position:relative}.lab-dev-panel{position:absolute;right:.5rem;bottom:.5rem;z-index:4;max-width:min(18rem,42vw);padding:.45rem .55rem;border-radius:.45rem;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid color-mix(in srgb,var(--text-muted) 28%,transparent);pointer-events:none}.lab-dev-panel__pre{margin:0;font:.62rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text-muted);white-space:pre-wrap}.auth-buttons{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.5rem 0}.account-shell{width:100%}.account-page{width:100%;max-width:none;margin:0}.account-page.prose ul.pattern-grid{padding-left:0;margin-left:0}.account-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.account-header__intro{min-width:min(100%,16rem)}.account-header__lead{margin:.35rem 0 0;font-size:.92rem;color:var(--text-muted);max-width:36rem}.account-empty{margin-top:1.75rem;padding:1.75rem 1.5rem;border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--border));border-radius:1rem;background:color-mix(in srgb,var(--accent) 5%,var(--bg-elevated));text-align:center}.account-empty__visual{position:relative;width:5.5rem;height:5.5rem;margin:0 auto 1.25rem}.account-empty__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.account-empty__ring--outer{top:0;right:0;bottom:0;left:0;opacity:.35}.account-empty__ring--mid{top:.85rem;right:.85rem;bottom:.85rem;left:.85rem;opacity:.55}.account-empty__ring--inner{top:1.7rem;right:1.7rem;bottom:1.7rem;left:1.7rem;opacity:.85}.account-empty__title{margin:0 0 .65rem;font-size:1.15rem;font-weight:500;color:var(--text)}.account-empty__text{margin:0 auto 1.1rem;max-width:30rem;font-size:.92rem;color:var(--text-muted)}.account-empty__steps{margin:0 auto 1rem;padding-left:1.2rem;max-width:26rem;text-align:left;font-size:.88rem;color:var(--text-muted)}.account-empty__steps li+li{margin-top:.45rem}.account-empty__note{margin:0 0 1.25rem;font-size:.82rem;color:var(--text-muted)}.account-grid-lead{margin:1.25rem 0 .35rem;font-size:.82rem;color:var(--text-muted)}.account-guest__lead{margin-top:-.35rem;max-width:34rem}.account-guest__pending{margin:1rem 0 0;padding:.85rem 1rem;border:1px solid var(--border);border-radius:.75rem;background:var(--accent-soft);color:var(--text);font-size:.95rem}.account-guest__pending[hidden]{display:none}.account-guest__card{margin:1.5rem 0;padding:1.25rem 1.35rem;border:1px solid var(--border);border-radius:.9rem;background:var(--bg-elevated)}.account-guest__card-title{margin:0 0 .75rem;font-size:1rem;font-weight:500}.account-guest__list{margin:0 0 .85rem;padding-left:1.2rem;color:var(--text-muted)}.account-guest__list li+li{margin-top:.4rem}.account-guest__note,.account-guest__after{margin:0;font-size:.88rem;color:var(--text-muted)}.account-guest__after{margin-top:1rem}.account-header__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.pattern-grid{list-style:none;padding:0;margin:1.75rem 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15.5rem),1fr));gap:1.1rem}.pattern-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:.9rem;background:var(--bg-elevated);overflow:hidden;scroll-margin-top:5rem;transition:border-color .2s ease,box-shadow .2s ease}.pattern-card:target{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.pattern-card__thumb-btn{position:relative;display:block;width:100%;padding:0;border:0;border-bottom:1px solid var(--border);background:var(--canvas-bg);cursor:zoom-in;font:inherit;color:inherit}.pattern-card__thumb-btn:hover .pattern-card__zoom,.pattern-card__thumb-btn:focus-visible .pattern-card__zoom{opacity:1}.pattern-card__thumb{aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:none}.pattern-card__thumb svg{display:block;width:auto;height:auto;max-width:100%;max-height:100%}.pattern-card__zoom{position:absolute;inset:auto .65rem .65rem auto;padding:.2rem .55rem;border-radius:999px;font-size:.68rem;letter-spacing:.02em;text-transform:uppercase;color:var(--text);background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);border:1px solid var(--border);opacity:0;transition:opacity .15s ease}.pattern-card__body{display:flex;flex-direction:column;gap:.55rem;padding:.85rem .95rem 1rem;flex:1}.pattern-card__title-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.35rem .5rem}.pattern-card__title{margin:0;font-size:.98rem;font-weight:500;line-height:1.35;color:var(--text)}.pattern-card__rename{padding-inline:.55rem;margin-left:auto}.pattern-card__rename-form{display:flex;flex-direction:column;gap:.45rem}.pattern-card__rename-input{width:100%;padding:.45rem .65rem;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text);font:inherit;font-size:.9rem}.pattern-card__rename-actions{display:flex;flex-wrap:wrap;gap:.4rem}.pattern-card__rename-error{margin:0;color:#b54a4a;font-size:.82rem}.pattern-card__when{display:flex;flex-direction:column;gap:.15rem}.pattern-card__date{font-size:.88rem;color:var(--text)}.pattern-card__time{font-size:.82rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.pattern-card__badges{display:flex;flex-wrap:wrap;gap:.35rem}.pattern-card__badge{display:inline-flex;align-items:center;padding:.18rem .55rem;border-radius:999px;font-size:.72rem;letter-spacing:.01em;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.pattern-card__badge--muted{background:color-mix(in srgb,var(--text-muted) 12%,transparent);color:var(--text-muted)}.pattern-card__actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto;padding-top:.35rem}.pattern-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));box-sizing:border-box}.pattern-viewer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.pattern-viewer__nav{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:999px;background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);color:var(--text);cursor:pointer;transform:translateY(-50%);box-shadow:0 8px 24px #00000038;transition:border-color .15s ease,background .15s ease}.pattern-viewer__nav:hover{border-color:var(--accent);background:var(--bg-elevated)}.pattern-viewer__nav--prev{left:max(.65rem,env(safe-area-inset-left))}.pattern-viewer__nav--next{right:max(.65rem,env(safe-area-inset-right))}.pattern-viewer__panel{position:relative;z-index:1;display:flex;flex-direction:column;width:min(94vw,42rem);max-height:calc(100dvh - 1.5rem);border:1px solid var(--border);border-radius:1rem;background:var(--bg-elevated);box-shadow:0 20px 48px #00000059;overflow:hidden}.pattern-viewer__head{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.85rem 1rem .65rem;border-bottom:1px solid var(--border)}.pattern-viewer__meta{display:flex;flex-direction:column;gap:.2rem;min-width:0}.pattern-viewer__title{margin:0;font-size:1rem;font-weight:500;line-height:1.35}.pattern-viewer__when{display:flex;flex-wrap:wrap;gap:.35rem .65rem;margin:0;font-size:.82rem;color:var(--text-muted)}.pattern-viewer__close{flex-shrink:0}.pattern-viewer__stage{flex:0 0 auto;width:100%;aspect-ratio:1;max-height:min(calc(100dvh - 8rem),94vw,42rem);background:var(--canvas-bg);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:1rem}.pattern-viewer__svg-host{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pattern-viewer__svg-host svg{display:block;width:auto;height:auto;max-width:100%;max-height:100%}.pattern-viewer__foot{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.45rem;padding:.75rem 1rem;border-top:1px solid var(--border)}.pattern-viewer__counter{margin-right:auto;font-size:.82rem;color:var(--text-muted);font-variant-numeric:tabular-nums}body.sgl-viewer-open{overflow:hidden}.account-danger{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.page__note{font-size:.85rem;color:var(--text-muted)}.flash--error{color:#b54a4a}.flash--success{color:#3d7a55}@media(max-width:480px){.pattern-grid{grid-template-columns:1fr}.pattern-viewer__panel{width:min(96vw,42rem)}.pattern-viewer__nav{width:2.35rem;height:2.35rem}.pattern-viewer__nav--prev{left:max(.35rem,env(safe-area-inset-left))}.pattern-viewer__nav--next{right:max(.35rem,env(safe-area-inset-right))}}