.ph-editor,.ph-public{color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface);font-size:var(--md-sys-typescale-body-large-size);line-height:var(--md-sys-typescale-body-large-line-height)}
.ph-editor{border:0;border-radius:var(--md-sys-shape-corner-extra-large);padding:24px;width:min(560px,calc(100% - 32px));max-height:85dvh;overflow:auto;box-sizing:border-box}
.ph-editor::backdrop{background:var(--md-sys-color-scrim);opacity:.4}
.ph-editor h2{font-size:var(--md-sys-typescale-headline-small-size);margin:0 0 16px}
.ph-editor label{display:flex;flex-direction:column;gap:8px;margin:16px 0;min-width:0}
.ph-editor select{min-height:48px;width:100%;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);padding:8px;font:inherit}
.ph-editor [hidden]{display:none}
.ph-button{min-height:48px;min-width:48px;padding:12px 20px;font:inherit;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface);color:var(--md-sys-color-primary);cursor:pointer}
.ph-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-color:var(--md-sys-color-primary)}
.ph-button:disabled{opacity:.45;cursor:default}
.ph-button:focus-visible,.ph-editor select:focus-visible{outline:3px solid var(--md-sys-color-primary);outline-offset:2px}
.ph-preview{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium)}
.ph-link-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0}
.ph-public{margin:0;min-height:100dvh}
.ph-public-bar{height:64px;display:flex;align-items:center;padding:0 16px;background:var(--md-sys-color-surface-container)}
.ph-public-bar h1{margin:0;font-size:var(--md-sys-typescale-title-large-size)}
.ph-public main{max-width:1000px;margin:auto;padding:24px;box-sizing:border-box;overflow-wrap:anywhere}
.ph-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}
.ph-gallery figure{margin:0;min-width:0;display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large)}
.ph-gallery img,.ph-gallery video{width:100%;max-height:480px;object-fit:contain;border-radius:var(--md-sys-shape-corner-medium)}
@media(max-width:599px){.ph-editor{margin: auto 0 0;width:100%;max-height:90dvh;border-radius:var(--md-sys-shape-corner-extra-large) var(--md-sys-shape-corner-extra-large) 0 0;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.ph-link-row{flex-wrap:wrap}.ph-public main{padding:16px}}