.public-art-page{min-height:100dvh;background:var(--bg-canvas);color:var(--text-primary)}.public-art-main{width:min(100%,1440px);margin:0 auto;padding:var(--space-3);box-sizing:border-box}.public-art-title{margin:0 0 var(--space-3);font-family:var(--font-sans);font-size:var(--type-section-title);font-weight:700;line-height:var(--leading-normal);overflow-wrap:anywhere}.public-art-preview-stage{display:grid;place-items:center;height:calc(100dvh - 210px);min-height:280px;box-sizing:border-box}.public-art-frame{display:block;width:100%;height:100%;min-height:0;border:1px solid var(--border);background:white;box-sizing:border-box}.public-art-full-mode-status,.public-art-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0}.public-art-full-mode-trigger,.public-art-toolbar select{min-height:44px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--bg-surface);color:var(--text-primary)}.public-art-full-mode-trigger{min-width:44px;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer}.public-art-full-mode-status[hidden],.public-art-toolbar[hidden]{display:none}.public-art-preview-stage[data-viewport=mobile]{padding:14px}.public-art-preview-stage[data-viewport=mobile] .public-art-frame{width:390px;max-width:100%;border-radius:22px;box-shadow:0 0 0 7px var(--text-primary),var(--shadow-lg)}.public-art-attribution{margin:var(--space-2) 0 0;font-size:var(--type-helper);color:var(--text-secondary)}.public-art-attribution a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.public-art-page :is(a,button,select,iframe,[tabindex]):focus-visible{outline:3px solid var(--accent);outline-offset:2px}.public-art-page[data-fullscreen=true]{position:fixed;inset:0 0 auto;height:var(--app-vh,100dvh);min-height:0;z-index:calc(var(--z-modal) - 1);padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);display:flex;flex-direction:column;box-sizing:border-box}.public-art-page[data-fullscreen=true] .public-art-full-mode-status{flex:0 0 auto;padding:var(--space-1) var(--space-3)}.public-art-page[data-fullscreen=true] .public-art-main{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;padding-top:0}.public-art-page[data-fullscreen=true] .public-art-preview-stage{flex:1;min-height:0;height:auto}.public-art-page[data-fullscreen=true] .public-art-attribution{flex:0 0 auto}@media (max-width:639px){.public-art-main{padding:var(--space-2)}.public-art-title{font-size:var(--text-md)}.public-art-preview-stage{height:calc(100dvh - 200px)}}