.photo-scene-preview{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;margin:14px 0;border:1px solid #315965;border-radius:12px;overflow:hidden;background:#061f2a;color:#e9f5f8}
.photo-scene-preview>.pc-photo{width:100%;height:auto;min-height:0;aspect-ratio:3/2}
.photo-scene-preview figcaption{align-self:center;min-width:0;padding:15px}
.photo-scene-preview figcaption>small{display:block;color:#a4d9d9;font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.photo-scene-preview figcaption>strong{display:block;margin:5px 0;font-size:17px;line-height:1.3}
.photo-scene-preview p{margin:8px 0;font-size:13px;line-height:1.5;color:#cee0e5}
.photo-scene-preview figcaption>span{display:block;font-size:12px;line-height:1.5;color:#9dbac6}
.photo-angle-advice{padding:14px;margin:12px 0;border:1px solid #3f6c70;border-radius:12px;background:linear-gradient(120deg,#0d303b,#07232e);color:#e7f7f8}
.photo-advice-title{display:flex;align-items:center;gap:8px;font-size:13px;color:#a7efea}
.photo-advice-title>svg{flex-shrink:0}
.photo-angle-advice p{margin:9px 0;font-size:13px;line-height:1.55;color:#d1e3e8}
.photo-current-angle{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;color:#b5e6e0}
.photo-advice-actions{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
.photo-advice-actions>button,.setup-style-trigger{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:9px 12px;border:1px solid #47838b;border-radius:8px;background:#103b46;color:#e4fffd;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer;touch-action:manipulation}
.photo-advice-actions>button:disabled,.setup-style-trigger:disabled{opacity:.5;cursor:default}
.photo-advice-actions>button:focus-visible,.setup-style-trigger:focus-visible{outline:2px solid #a6fff4;outline-offset:3px}
.photo-angle-advice>small{display:block;font-size:11px;line-height:1.5;color:#9cbfc8}
.setup-style-trigger{justify-content:space-between;width:100%;margin:8px 0;text-align:left;font-size:13px}
.setup-style-trigger span{flex:1}
.cockpit-photo-setup .setup-presets{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}
.cockpit-photo-setup .setup-presets .pc-photo{height:90px}
.cockpit-photo-setup .photo-scene-preview{grid-template-columns:minmax(0,1fr)}
.cockpit-photo-setup .photo-scene-preview>.pc-photo{height:auto;min-height:0;aspect-ratio:3/2}
.cockpit-photo-setup .photo-scene-preview figcaption{padding:10px 12px}
@container(max-width:540px){.photo-scene-preview{grid-template-columns:minmax(0,1fr)}.photo-scene-preview>.pc-photo{height:auto;min-height:0;aspect-ratio:3/2}}
@media(max-width:600px){.photo-scene-preview{grid-template-columns:minmax(0,1fr)}.photo-scene-preview>.pc-photo{height:auto;min-height:0;aspect-ratio:3/2}.photo-advice-actions>button{flex:1 1 150px}.cockpit-photo-setup .setup-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Compact controls above the cockpit gallery; the examples are not dish references. */
.photo-quick-options{flex:none;min-width:0;display:grid;gap:4px;color:#d9edf1}
.photo-quick-styles{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(64px,1fr);gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:4px}
.photo-quick-options button{position:relative;min-width:0;min-height:44px;padding:3px;border:1px solid #82bfc32c;border-radius:7px;background:#061e2b;color:inherit;font:10px/1.25 var(--f-ui,system-ui);cursor:pointer;touch-action:manipulation}
.photo-quick-options button:disabled{opacity:.45;cursor:default}
.photo-quick-options button:focus-visible,.pe-tools.pe-icon-tools .pc-toolbar button:focus-visible{outline:2px solid #a6fff4;outline-offset:2px}
.photo-quick-options button[aria-pressed=true]{border-color:#e5ba72;background:#e6b36412;color:#ffe4b6}
.photo-quick-styles>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.photo-quick-styles .pc-photo{display:block;width:54px;max-width:100%;height:36px;border-radius:4px}
.photo-quick-styles>button>span:not(.pc-photo){max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.photo-quick-options .photo-quick-settings{gap:7px;padding-inline:1px;font-size:9px;color:#b8dee5;background:transparent}
.photo-quick-angles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.photo-quick-angles>button{display:flex;align-items:center;justify-content:center;gap:5px;padding:4px 3px;min-height:38px}
.photo-quick-angles .pc-photo{width:42px;height:28px;flex:none;border-radius:4px}
.photo-quick-angles>button>span:not(.pc-photo){white-space:nowrap}
.photo-quick-options .pc-photo>img{object-fit:cover}
.photo-quick-check{position:absolute;top:3px;right:3px;padding:1px;border-radius:50%;background:#e4bd7c;color:#182127}
.photo-angle-recommended{position:absolute;bottom:3px;right:4px;width:3px;height:3px;border-radius:50%;background:#87dcd0}
.photo-reference-tip{margin:0;font:10px/1.4 var(--f-ui,system-ui);color:#a8c2ca}
.photo-reference-tip strong{margin-right:5px;font-weight:600;color:#b7e7df}
.pe-tools.pe-icon-tools>.pc-toolbar-title{display:none}
.pe-tools.pe-icon-tools>.pc-toolbar{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;position:sticky;top:0;z-index:3;margin:5px 0 8px;padding:3px 0 5px;background:#061d2cf5}
.pe-tools.pe-icon-tools .pc-toolbar>button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:48px;padding:5px 1px;border:1px solid #82bfc344;border-radius:8px;background:#0b2936;color:#bddee5}
.pe-tools.pe-icon-tools .pc-toolbar>button>svg{width:18px;height:18px;flex:none}
.pe-tools.pe-icon-tools .pc-toolbar>button[aria-pressed=true]{border-color:#e5ba72;background:#e6b36412;color:#ffe4b6}
.pe-tools.pe-icon-tools .pc-tool-copy{padding:0;display:block}
.pe-tools.pe-icon-tools .pc-tool-copy strong{display:block;font-size:9px;font-weight:500;line-height:1.2;letter-spacing:0;color:inherit}
.pe-tools.pe-icon-tools .pc-tool-copy small,.pe-tools.pe-icon-tools .pc-tool-copy>svg{display:none}
.pe-tools.pe-icon-tools .pc-panel-heading{position:static;padding:2px 0 6px;background:transparent}
.pe-tools.pe-icon-tools .pc-panel-heading>span>svg{color:#b7e7df}
.pe-tools.pe-icon-tools .pe-presets{grid-template-columns:repeat(3,minmax(0,1fr))}
.pe-tools.pe-icon-tools .photo-angle-advice{padding:9px;margin:7px 0}
.pe-tools.pe-icon-tools .photo-angle-advice p{font-size:11px;margin:6px 0}
.pe-tools.pe-icon-tools .photo-angle-advice>small{display:none}
.reference-review:has(.pe-icon-tools .pc-panel)>.review-topbar,.review-setup:has(.pe-icon-tools .pc-panel)>.review-subheading,.cockpit-direct-settings:has(.pe-icon-tools .pc-panel)>.setup-footer{display:flex}
.cockpit-direct-settings .setup-content:has(.pc-panel)>.setup-reference-reminder{display:none}
.cockpit-direct-settings .setup-choice{margin-bottom:4px}
.cockpit-direct-settings .setup-reference-reminder{font-size:11px;margin:6px 0}
.cockpit-direct-settings .mp-section-reference{border-top:0;padding-top:0;margin-top:4px}
[data-mode=mob] .photo-quick-angles>button{min-height:44px}
@media(max-width:400px){.photo-quick-styles{grid-auto-columns:minmax(56px,1fr);gap:3px}.photo-quick-options button{font-size:9px}.photo-quick-styles .pc-photo{height:30px;width:45px}.photo-quick-angles .pc-photo{width:33px;height:22px}.photo-quick-angles>button{min-height:44px;gap:3px}.photo-reference-tip{font-size:9px}.pe-tools.pe-icon-tools .pc-tool-copy strong{font-size:8px}}