/* Device-local translucent glass, enabled by default. Existing clear preference is respected. */
:root{--frame-tint:178,190,255;--frame-surface-tint:#20243d;--frame-glass:linear-gradient(130deg,rgba(36,30,64,.84),rgba(12,20,35,.88) 52%,rgba(28,53,69,.82));--frame-glass-clear:transparent}
/* Photos and neon rims may change; readable surface glass never inherits warm/green photo accents. */

@media screen{
 #site-rail #frame-fill-toggle{--neon-accent:var(--background-neon);gap:9px}
 #frame-fill-toggle [data-frame-fill-status]{margin-left:auto;font:700 11px/1.3 Arial,sans-serif;padding:3px 6px;border:1px solid currentColor;border-radius:6px;letter-spacing:.05em;color:#e6f3f2}
 #frame-fill-toggle[aria-pressed=true] [data-frame-fill-status]{color:var(--background-neon);box-shadow:0 0 9px color-mix(in srgb,var(--background-neon) 35%,transparent)}
 html[data-frame-fill=filled] body :is([data-neon-frame],.holo-phone,.profile-main,.profile-side,.member-settings,.studio-panel,.community-sidebar,.partner-panel,.account-overview,.credit-workspace,.team-workspace,.library-reader,.library-categories,.topics-list,.dan-about,.guide-library,.guide-card,.offer-top,.offer-included,.offer-details article,.flyer-intro,.join-card,.holo,.content-panel,.arcade-marquee,.guide-thumbnail,.orbit-video,.orbit-preview,.tool-thumb,.tool-modal-header,.tool-inputs,.tool-results,.tool-comparison,.pitch-card,.pitch-dictate,.guide-dialog-link,.guide-dialog-close,.guide-transcript p,dialog,#site-rail,#rail-toggle,#guide-preview,#gate,#join-dialog,#membership,#pro-availability,#report-problem,#payment-setup,#community-composer,#member-entry,#pitch-editor,#pitch-saved,#tool-modal),
 html[data-frame-fill=filled] body[data-neon-skin] #tools-grid :is(.tool-card,.tool-thumb,.tool-action),
 html[data-frame-fill=filled] body[data-command-ui] #games-page .arcade-marquee,
 html[data-frame-fill=filled] body[data-command-ui] .contact-main .contact-card.holo-phone,
 html[data-frame-fill=filled] body :is(.guide-account,.utility button,.utility .command-dashboard-link,.header-actions button,.header-actions .command-dashboard-link,#account-button,#credit-badge,.contact-button),
 html[data-frame-fill=filled] #site-rail :is(.rail-links a.selected,.rail-links a:hover,.rail-bottom button,.rail-current-world),
 html[data-frame-fill=filled] body[data-command-ui] :is(.pitch-fields input,.pitch-fields textarea,#guide-chapters button,.guide-sound-row button),
 html[data-frame-fill=filled] body[data-neon-skin] #tools-page :where(.tools-heading-copy,.filter-chips button,.tool-search-toggle,#tool-search,#tool-search-clear),
 html[data-frame-fill=filled] body[data-neon-skin] #white-label-page :where(.wl-filters button,.wl-template,.wl-control-group,.wl-controls input:not([type=checkbox]):not([type=color]),.wl-controls select,.wl-controls textarea,.wl-export button,.wl-preview-frame,.wl-page-controls button,#wl-more-topics,#wl-close-library,.wl-library-callout,#wl-open-library,.wl-library-picker,.wl-topic-search input,.wl-topic-search select,.wl-topic-results button),
 html[data-frame-fill=filled] body.library-view :is(#sections button,.topic-button,.search,.panel-heading,.panel-foot,.content-scroll,.training-platform-links a,.article,.deeper,.playback button,.back,#audio-controls,#audio-controls button),
 html[data-frame-fill=filled] body[data-neon-skin] :is(#community-page,#community-composer) :where(.community-hero,.community-pulse,.hub-challenge,.hub-composer-launch,.hub-feed-tools input,.hub-feed-tools select,.hub-icon-button,.hub-post,.hub-sidebar>section,.hub-welcome,.hub-poll button,.hub-compose-avatar,.post-avatar,input,textarea,select,fieldset,.hub-challenge-art,.hub-challenge-art>span),
 html[data-frame-fill=filled] body[data-neon-skin] #community-page button.primary,
 html[data-frame-fill=filled] body[data-neon-skin] #community-composer button.primary,
 html[data-frame-fill=filled] body[data-neon-skin] #community-page .community-hero-actions .primary,
 html[data-frame-fill=filled] body[data-neon-skin] #community-composer,
 html[data-frame-fill=filled] body .holo-phone :is(.holo-sales-actions,.holo-level-buttons) button,
 html[data-frame-fill=filled] body[data-command-ui] .biz-voice-buttons button,
 html[data-frame-fill=filled] body[data-neon-skin] #tool-modal .result-card:first-child{
  background:var(--frame-glass)!important;
  background-clip:padding-box!important;
 }
 html[data-frame-fill=filled] .orbit-item::after{
  background:var(--frame-glass)!important;
 }
 /* Guided Ask and Simulator containers have no rim: only the rounded phone
    owns a fill. Never paint the larger layout/content wrappers behind it. */
 html[data-frame-fill=filled] body[data-command-ui=deck].guided-view #deck :is(.content-panel,.holo){background:transparent!important}
 html[data-frame-fill=filled] body #deck .holo-phone{background-clip:padding-box!important;box-sizing:border-box}
 /* White-label paper is a document preview, not a screen frame. */
 html[data-frame-fill=filled] body .paper-preview{background:#fff!important}
}
