/* Output lives in the card; surrounding controls inherit the current ACBS theme. */
.real-option-card{position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;min-width:0!important;padding:0 0 9px!important;overflow:hidden!important;border-radius:0!important;border:1px solid var(--line,#7775)!important;background:var(--panel,#171717)!important;color:var(--text,#eee)!important;box-shadow:none!important;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,0 100%)}
.real-option-card.active,.real-option-card[aria-pressed=true]{border-color:var(--text,#eee)!important;box-shadow:inset 0 -3px var(--text,#eee)!important}.real-option-card:focus-visible{outline:3px solid var(--text,#eee);outline-offset:2px}.real-option-image{position:relative;display:block;width:100%;margin:0!important;padding:0!important;order:-1}.real-option-image canvas{display:block!important;width:100%!important;height:auto!important;max-height:none!important;aspect-ratio:192/152;object-fit:contain}.real-option-source{position:absolute;top:5px;left:5px;background:#000b;color:#eee!important;padding:3px 5px;font:8px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.07em;pointer-events:none}.real-option-card> :is(b,span:not(.real-option-image),strong){margin:0 7px!important;font:11px ui-monospace,monospace!important;text-align:center!important;line-height:1.4!important}.real-option-card .agl-look-badge,.real-option-card .ts-fx-icon,.real-option-card>.ch-preset-caption{display:none!important}.real-option-card .am-effect-description{font-size:9px!important;opacity:.65}.real-option-card>canvas,.real-option-card>.fx-preview-frame{display:none!important}
[data-real-options=true] :is(.glass-presets,.ts-presets,.ts-effects,.am-preset-grid,.ch-presets,.agl-looks){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.editor-dial{position:relative;display:inline-block!important;width:56px!important;height:56px!important;min-width:56px;vertical-align:middle;margin:5px auto;touch-action:none;grid-column:1/-1}.editor-dial-face{position:absolute;inset:2px;display:block;border-radius:50%;border:1px solid var(--line,#777);background:radial-gradient(circle at 35% 25%,var(--panel,#222),var(--bg,#080808) 70%);box-shadow:inset 0 0 0 3px var(--bg,#080808);transform:rotate(var(--dial-angle,-135deg));pointer-events:none}.editor-dial-face:after{content:'';position:absolute;top:6px;left:calc(50% - 2px);width:4px;height:10px;border-radius:2px;background:var(--text,#eee)}.editor-dial>input[type=range]{position:absolute!important;inset:0!important;margin:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:ns-resize;touch-action:none}.editor-dial:focus-within{outline:2px solid var(--text,#eee);outline-offset:3px;border-radius:50%}.editor-dial.is-disabled{opacity:.35}.editor-dial.is-disabled input{cursor:default}html[data-acbs-style=bitmap] .editor-dial-face{background:#f6f6f2;border-color:#777;box-shadow:inset 0 0 0 3px #fff}.glass-page[data-real-editor=true] details label{grid-template-columns:1fr 45px}.real-option-card .fx-preview-frame:before,.real-option-card .fx-preview-frame:after{display:none}
@media(max-width:650px){[data-real-options=true] :is(.glass-presets,.ts-presets,.ts-effects,.am-preset-grid,.ch-presets,.agl-looks){grid-template-columns:repeat(3,minmax(0,1fr))!important}.editor-dial{width:60px!important;height:60px!important}.real-option-card> :is(b,span:not(.real-option-image),strong){font-size:10px!important}}
.real-device-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 18px}.cc-scene{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start}.cc-scene .real-option-card{width:100%}.ar-effects .real-option-card>img{display:none!important}.real-option-card .agl-look-symbol{display:none!important}
[data-real-options=true] :is(.glass-presets,.ts-presets,.ts-effects,.am-preset-grid,.ch-presets,.agl-looks){grid-template-columns:repeat(auto-fit,minmax(88px,1fr))!important}.ve-library-content:has(.real-option-card){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ve-library-content>h2,.ve-library-content>p{grid-column:1/-1}.ve-ascii-presets .real-option-card{min-width:0}.ve-ascii-presets{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.fx-single-result:before,.fx-single-result:after{display:none!important}.fx-single-result canvas{aspect-ratio:192/152!important}.fx-preview-card:has(.fx-single-result){border-radius:0!important;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
[data-real-editor=true] input[type=color]{min-width:44px;min-height:30px;padding:2px;border:1px solid var(--line,#777);border-radius:0;background:var(--panel,#111)}.real-option-card>small:not(.real-option-source){margin:0 6px;font-size:9px;line-height:1.4;opacity:.65}.real-option-card .acbs-ui-icon{display:none!important}

/* ASCII looks remain visible in the library before a clip is imported. */
.ve-library-content>.ve-ascii-presets{grid-column:1/-1}.ve-ascii-presets,.ve-presets{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.ve-ascii-presets .real-option-card,.ve-presets .real-option-card{width:100%;min-height:0!important}.ve-ascii-presets .real-option-source,.ve-presets .real-option-source{font-size:7px;padding:2px 3px}
/* Reference comparisons keep their own colors in every surrounding theme. */
.real-option-image.portrait-comparison canvas{aspect-ratio:288/180!important;object-fit:contain!important}.portrait-comparison .real-option-source{inset:auto 0 0;display:flex;justify-content:center;font-size:7px;background:#000b;color:white!important}.fx-preview-card .fx-preview-frame canvas{object-fit:contain}.portrait-control-preview{display:block;width:100%;max-width:220px;grid-column:1/-1;margin:5px 0 9px;pointer-events:none}.portrait-control-preview canvas{display:block;width:100%;aspect-ratio:288/180;height:auto}.portrait-control-preview small{display:block;text-align:center;font:8px ui-monospace,monospace;opacity:.7;margin-top:3px}.portrait-control-preview[hidden]{display:none!important}
@media(max-width:760px){.phone-video-editor .pro-panel .real-option-image:has(.real-option-source){height:auto!important;min-height:58px}.phone-video-editor .pro-panel .portrait-control-preview{max-width:180px}.real-option-card:has(.portrait-comparison){clip-path:none!important}}