.ph-shell.svelte-1gtlmpe{position:relative;padding-top:3.4rem}.ph-toolbar.svelte-1gtlmpe{position:absolute;top:0;right:0;display:inline-flex;align-items:center;gap:.4rem;z-index:2}.ph-btn.svelte-1gtlmpe{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.2rem;padding:.3rem .7rem;border:1px solid var(--ph-btn-border, var(--card-border));border-radius:var(--ph-btn-radius, var(--radius-sm, 6px));background:var(--ph-btn-bg, var(--card-bg));color:var(--ph-btn-color, var(--steel-dark));font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease}.ph-btn.svelte-1gtlmpe:hover,.ph-btn.svelte-1gtlmpe:focus-visible{color:var(--ph-btn-hover-color, var(--steel-edge));border-color:var(--ph-btn-hover-border, var(--steel-border-soft, rgba(185, 195, 204, .22)))}.ph-btn.is-active.svelte-1gtlmpe,.ph-btn[aria-pressed=true].svelte-1gtlmpe,.ph-btn--expand.svelte-1gtlmpe{color:var(--ph-btn-accent-color, var(--copper, #d97745));border-color:var(--ph-btn-accent-border, var(--copper-border, rgba(217, 119, 69, .4)));background:var(--ph-btn-accent-bg, rgba(217, 119, 69, .08))}.ph-btn--expand.svelte-1gtlmpe:hover,.ph-btn--expand.svelte-1gtlmpe:focus-visible{color:var(--ph-btn-accent-bright, var(--copper-bright, #e28a5c));border-color:var(--ph-btn-accent-color, var(--copper, #d97745));background:var(--ph-btn-accent-bg-hover, rgba(217, 119, 69, .14))}.ph-btn--copy.is-copied.svelte-1gtlmpe{color:var(--ph-btn-accent-bright, var(--copper-bright, #e28a5c));border-color:var(--ph-btn-accent-color, var(--copper, #d97745))}.ph-btn--copy.is-error.svelte-1gtlmpe{color:var(--ph-btn-error-color, #e08070);border-color:var(--ph-btn-error-border, rgba(224, 128, 112, .5))}.ph-source.svelte-1gtlmpe,.ph-tech-preview.svelte-1gtlmpe{display:none}.ph-shell[data-mode=source].svelte-1gtlmpe .ph-hero:where(.svelte-1gtlmpe){display:none}.ph-shell[data-mode=source].svelte-1gtlmpe .ph-source:where(.svelte-1gtlmpe){display:block}.ph-shell[data-mode=split].svelte-1gtlmpe .ph-hero:where(.svelte-1gtlmpe){display:none}.ph-shell[data-mode=split].svelte-1gtlmpe .ph-source:where(.svelte-1gtlmpe),.ph-shell[data-mode=split].svelte-1gtlmpe .ph-tech-preview:where(.svelte-1gtlmpe){display:flex}.ph-shell[data-mode=split].svelte-1gtlmpe{--ph-split-cols: 1fr 1fr}.ph-shell[data-mode=split].svelte-1gtlmpe{display:grid;grid-template-areas:"toolbar toolbar" "source preview";grid-template-columns:var(--ph-split-cols);gap:1.5rem;padding-top:3.4rem}.ph-shell[data-mode=split].svelte-1gtlmpe .ph-toolbar:where(.svelte-1gtlmpe){grid-area:toolbar;position:relative;justify-self:end}.ph-shell[data-mode=split].svelte-1gtlmpe .ph-source:where(.svelte-1gtlmpe){grid-area:source}.ph-shell[data-mode=split].svelte-1gtlmpe .ph-tech-preview:where(.svelte-1gtlmpe){grid-area:preview}.ph-hero.svelte-1gtlmpe{display:flex;align-items:stretch;gap:clamp(.4rem,.9vw,.9rem);width:100%;padding:clamp(1.4rem,3vw,2.4rem) .4rem}.ph-stage.svelte-1gtlmpe{flex:1 1 0;min-width:0;position:relative;display:flex;flex-direction:column;gap:.55rem;padding:clamp(1.1rem,2vw,1.55rem) clamp(.8rem,1.4vw,1.1rem) clamp(1rem,1.8vw,1.35rem);border:1px solid var(--ph-stage-border, var(--card-border));border-radius:var(--ph-stage-radius, var(--radius-md, 12px));background:var(--ph-stage-bg-overlay, linear-gradient(180deg, rgba(255, 255, 255, .025) 0%, transparent 60%)),var(--ph-stage-bg, var(--card-bg));text-align:left;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.ph-stage__index.svelte-1gtlmpe{font-family:var(--ph-index-font, var(--font-mono));font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ph-index-color, var(--steel-dark));opacity:.85}.ph-stage__name.svelte-1gtlmpe{margin:0;font-family:var(--ph-name-font, var(--font-head));font-weight:var(--ph-name-weight, 500);font-size:clamp(1.4rem,2.2vw,1.95rem);line-height:1.05;letter-spacing:-.01em;color:var(--ph-name-color, var(--steel-edge, var(--stone-light)))}.ph-stage__subtitle.svelte-1gtlmpe{margin:0;font-family:var(--ph-subtitle-font, var(--font-mono));font-size:.74rem;line-height:1.5;letter-spacing:.02em;color:var(--ph-subtitle-color, var(--steel-edge-muted, rgba(211, 220, 228, .72)));text-transform:lowercase}.ph-stage--core.svelte-1gtlmpe{flex-grow:1.05;border-color:var(--ph-core-border, var(--copper-border, rgba(217, 119, 69, .55)));background:radial-gradient(120% 100% at 50% 0%,var(--ph-core-bg-radial, rgba(217, 119, 69, .18)) 0%,transparent 60%),var(--ph-stage-bg-overlay, linear-gradient(180deg, rgba(255, 255, 255, .04) 0%, transparent 70%)),var(--ph-stage-bg, var(--card-bg));box-shadow:inset 0 0 0 1px var(--ph-core-inset, rgba(217, 119, 69, .32)),0 0 28px var(--ph-core-glow, rgba(217, 119, 69, .18)),0 18px 36px var(--ph-core-shadow, var(--shadow-soft, rgba(8, 12, 17, .4)));transform:translateY(-4px)}.ph-stage--core.svelte-1gtlmpe .ph-stage__index:where(.svelte-1gtlmpe){color:var(--ph-core-accent, var(--copper, #d97745));opacity:1}.ph-stage--core.svelte-1gtlmpe .ph-stage__name:where(.svelte-1gtlmpe){color:var(--ph-core-name-color, var(--copper-bright, #e28a5c))}.ph-stage--core.svelte-1gtlmpe .ph-stage__subtitle:where(.svelte-1gtlmpe){color:var(--ph-core-subtitle-color, rgba(255, 217, 189, .78))}.ph-stage--core.svelte-1gtlmpe:before,.ph-stage--core.svelte-1gtlmpe:after{content:"";position:absolute;width:10px;height:10px;border:1px solid var(--ph-core-border, var(--copper-border, rgba(217, 119, 69, .55)));pointer-events:none}.ph-stage--core.svelte-1gtlmpe:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.ph-stage--core.svelte-1gtlmpe:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.ph-connector.svelte-1gtlmpe{flex:0 0 auto;align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:.25rem;color:var(--ph-connector-arrow, var(--steel-edge-muted, rgba(211, 220, 228, .6)));font-family:var(--font-mono)}.ph-connector__line.svelte-1gtlmpe{display:inline-block;width:clamp(.6rem,1.2vw,1.2rem);height:1px;background:var(--ph-connector-line, var(--steel-border-soft, rgba(185, 195, 204, .22)))}.ph-connector__arrow.svelte-1gtlmpe{font-size:.95rem;line-height:1;color:var(--ph-connector-arrow, var(--steel-edge-muted, rgba(211, 220, 228, .6)))}.ph-stage--core.svelte-1gtlmpe+.ph-connector:where(.svelte-1gtlmpe) .ph-connector__arrow:where(.svelte-1gtlmpe){color:var(--ph-core-accent, var(--copper, #d97745))}.ph-source.svelte-1gtlmpe{padding:1.1rem 1.2rem;border:1px solid var(--ph-source-border, var(--card-border));border-radius:var(--ph-source-radius, var(--radius-sm));background:var(--ph-source-bg, var(--surface-glass, rgba(15, 22, 29, .22)));overflow-x:auto}.ph-source.svelte-1gtlmpe pre:where(.svelte-1gtlmpe){margin:0}.ph-source.svelte-1gtlmpe code:where(.svelte-1gtlmpe){display:block;white-space:pre;color:var(--ph-source-color, var(--stone-light));font-family:var(--ph-source-font, var(--font-mono));font-size:.78rem;line-height:1.55}.ph-tech-preview.svelte-1gtlmpe{align-items:center;justify-content:center;overflow-x:auto;padding:var(--space-md, 1rem);border:1px solid var(--ph-tech-border, var(--glass-panel-border, var(--card-border)));border-radius:var(--ph-source-radius, var(--radius-sm));background:var(--ph-tech-bg, var(--surface-glass, rgba(15, 22, 29, .22)));color:var(--ph-tech-color, var(--stone-light));text-align:center;width:100%;min-height:12rem}.ph-tech-preview svg{display:block;margin:auto;max-width:100%;height:auto}.ph-mmd-error{color:var(--ph-mmd-error-color, var(--copper-bright, #e28a5c));font-family:var(--font-mono);font-size:.74rem;letter-spacing:.04em}.ph-modal.svelte-1gtlmpe{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:clamp(.75rem,3vw,2rem);background:var(--ph-modal-backdrop, rgba(5, 8, 13, .78));backdrop-filter:blur(18px) saturate(118%);-webkit-backdrop-filter:blur(18px) saturate(118%);animation:svelte-1gtlmpe-ph-modal-in .18s ease}.ph-modal__panel.svelte-1gtlmpe{position:relative;display:flex;flex-direction:column;width:min(96vw,1400px);max-height:min(94vh,1000px);background:var(--ph-modal-panel-bg, var(--bg-deep, #080c11));border:1px solid var(--ph-modal-panel-border, var(--glass-panel-border, var(--card-border)));border-radius:var(--ph-modal-panel-radius, var(--radius-lg, 20px));box-shadow:0 28px 72px #00000080,inset 0 1px 0 var(--glass-panel-highlight, rgba(230, 232, 235, .08));overflow:hidden}.ph-modal__head.svelte-1gtlmpe{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--ph-modal-panel-border, var(--glass-panel-border, var(--card-border)));background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}.ph-modal__title.svelte-1gtlmpe{margin:0;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ph-modal-title-color, var(--ink, var(--stone-light)))}.ph-modal__close.svelte-1gtlmpe{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--ph-modal-panel-border, var(--glass-panel-border, var(--card-border)));border-radius:999px;background:var(--ph-modal-close-bg, rgba(14, 18, 24, .62));color:var(--ph-modal-close-color, var(--ink, var(--stone-light)));font-family:var(--font-mono);font-size:1.1rem;line-height:1;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}.ph-modal__close.svelte-1gtlmpe:hover,.ph-modal__close.svelte-1gtlmpe:focus-visible{border-color:var(--ph-core-accent, var(--copper));color:var(--ph-core-accent, var(--copper));background:var(--ph-modal-close-hover-bg, rgba(217, 119, 69, .12))}.ph-modal__body.svelte-1gtlmpe{flex:1 1 auto;min-height:0;padding:clamp(1rem,2.4vw,1.75rem);overflow:auto;display:flex;align-items:center;justify-content:center}.ph-modal__body svg{display:block;margin:auto;max-width:100%;max-height:100%;height:auto}@keyframes svelte-1gtlmpe-ph-modal-in{0%{opacity:0}to{opacity:1}}@media(max-width:980px){.ph-hero.svelte-1gtlmpe{flex-direction:column;gap:.45rem;padding:1.4rem 0}.ph-stage.svelte-1gtlmpe{width:100%;flex:0 0 auto}.ph-stage--core.svelte-1gtlmpe{transform:none}.ph-connector.svelte-1gtlmpe{flex-direction:column;gap:.15rem;transform:rotate(90deg);margin:.15rem 0}.ph-shell[data-mode=split].svelte-1gtlmpe{grid-template-columns:1fr;grid-template-areas:"toolbar" "source" "preview"}}@media(max-width:720px){.ph-toolbar.svelte-1gtlmpe{gap:.3rem}.ph-btn.svelte-1gtlmpe{min-height:2rem;padding:.3rem .55rem;font-size:.65rem}.ph-btn__label.svelte-1gtlmpe{display:none}.ph-modal__panel.svelte-1gtlmpe{width:100vw;max-width:100vw;max-height:100vh;border-radius:0}}@media(prefers-reduced-motion:reduce){.ph-stage.svelte-1gtlmpe,.ph-btn.svelte-1gtlmpe,.ph-modal.svelte-1gtlmpe{transition:none;animation:none}}