/* Actual editor captures: image-led modes and feature exploration. */
#workspace .workspace-panel{grid-template-columns:1fr;background:#101019}
#workspace .workspace-panel>.workspace-image,#workspace .workspace-panel>.start-screen{grid-row:1;margin:0;min-width:0}
#workspace .workspace-image{position:relative;width:100%;aspect-ratio:3600/2188;display:flex;align-items:center;justify-content:center;padding:0;background:#090a0f;cursor:zoom-in}
#workspace .workspace-image img{position:static;inset:auto;width:auto;max-width:100%;height:auto;max-height:100%;flex:none;object-fit:contain;border:0;border-radius:1.25% / 2.05%;box-shadow:none}
#detail-dialog .dialog-image{border-radius:1.25% / 2.05%}
#workspace .start-screen figcaption{padding:14px 24px;border-top:1px solid #302c40;font-size:12px;color:#a4a9b9}
#workspace .start-screen figcaption strong{display:block;color:#e5dff3}
#workspace .start-screen .screen-hint{display:block;margin-top:4px;color:#d5f76d}
#workspace .workspace-copy{padding:24px;display:grid;grid-template-columns:auto 1fr auto;gap:12px 24px;align-items:center}
#workspace .workspace-copy h3{font-size:24px;margin:0;grid-column:2;grid-row:1}
#workspace .workspace-copy .tag{grid-column:1;grid-row:1}
#workspace .workspace-copy p{grid-column:1/3;margin:0;max-width:760px}
#workspace .workspace-copy .text-link{grid-column:3;grid-row:1/3;font-size:12px;white-space:nowrap}
.feature-showcase{margin:40px 0 88px;min-width:0;border:1px solid #514064;border-radius:16px;background:#111019;overflow:hidden;box-shadow:0 28px 90px #0005}
.feature-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:1px;padding:8px;background:#1a1526;border-bottom:1px solid #453552}
.feature-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#b9aec9;font-size:14px;font-weight:600}
.feature-tabs button>span{font:10px ui-monospace,SFMono-Regular,monospace;color:#8f7fa7}
.feature-tabs button[aria-selected=true]{background:#352744;color:#f5efff;border-color:#795d9a;box-shadow:inset 0 -2px #d5f76d}
.feature-tabs button[aria-selected=true]>span{color:#d5f76d}
.feature-panel figure{margin:0}
.feature-panel:focus-visible{outline:3px solid #76d6ec;outline-offset:-4px}
.feature-image{display:flex;align-items:center;justify-content:center;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;padding:0;background:#090a0f;cursor:zoom-in}
.feature-image:hover{filter:none}
.feature-image img{position:static;inset:auto;width:auto;height:auto;max-width:100%;max-height:100%;flex:none;object-fit:contain;display:block;border-radius:1.25% / 2.05%}
.feature-enlarge-hint{position:absolute;right:18px;bottom:18px;display:flex;gap:22px;align-items:center;background:#161021eb;border:1px solid #8972a8;border-radius:30px;padding:9px 16px;font-size:12px;color:#f2eafa;box-shadow:0 6px 20px #0007}
.feature-enlarge-hint>span{color:#d5f76d;font-size:17px}
.feature-panel figcaption{display:flex;align-items:center;justify-content:space-between;gap:24px;height:140px;box-sizing:border-box;padding:22px 26px;border-top:1px solid #3b304b}
.feature-panel figcaption strong{font-size:20px;font-weight:600;color:#f0eafa}
.feature-panel figcaption p{font-size:14px;line-height:1.5;margin:5px 0 0;max-width:650px}
.feature-capture-note{font:10px ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.07em;color:#d5f76d;white-space:nowrap}
.feature-beta-note{padding:0 26px 20px;margin:0;color:#8e859e;font-size:11px}
.feature-dialog{max-width:calc(100vw - 32px);width:1600px;max-height:calc(100dvh - 32px);padding:18px;background:#0b0a10;border-color:#79608e;overflow:auto}
.feature-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.feature-dialog-head h2{font-size:20px;margin:0}
.feature-dialog-close{width:42px;height:42px;border:1px solid #6e557f;border-radius:8px;background:#292034;flex-shrink:0}
.feature-dialog-frame{position:relative;overflow:hidden;width:min(100%,calc((100dvh - 210px)*16/9));aspect-ratio:16/9;margin-inline:auto;background:#090a0f;display:flex;align-items:center;justify-content:center}
.feature-dialog-frame img{position:static;inset:auto;width:auto;height:auto;max-width:100%;max-height:100%;flex:none;object-fit:contain;display:block;border-radius:1.25% / 2.05%}
.feature-dialog-footer{display:flex;align-items:center;gap:18px;min-height:82px}
.feature-dialog-footer p{flex:1;font-size:12px;margin:0}
.feature-dialog-footer button{flex-shrink:0;padding:9px 12px;border:1px solid #6e557f;border-radius:8px;background:#292034;font-size:12px}
@media(max-width:760px){
 #workspace .workspace-copy{display:flex;flex-wrap:wrap;gap:12px;padding:20px}
 #workspace .workspace-copy h3{font-size:22px}
 #workspace .workspace-copy p{flex-basis:100%;font-size:13px}
 #workspace .workspace-copy .text-link{margin-top:4px}
 #workspace .start-screen figcaption{padding:12px 20px}
 .feature-showcase{margin:28px 0 60px;border-radius:12px}
 .feature-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:6px}
 .feature-tabs button{padding:13px 8px;font-size:12px;gap:8px}
 .feature-enlarge-hint{right:8px;bottom:8px;padding:5px 10px;font-size:10px;gap:10px}
 .feature-panel figcaption{padding:18px;display:block;height:220px}
 .feature-panel figcaption strong{font-size:19px}
 .feature-panel figcaption p{font-size:13px}
 .feature-capture-note{display:block;margin-top:14px}
 .feature-beta-note{padding:0 18px 18px;font-size:10px}
 .feature-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:12px}
 .feature-dialog-head h2{font-size:16px}
 .feature-dialog-frame{width:min(100%,calc((100dvh - 260px)*16/9))}
 .feature-dialog-footer{flex-wrap:wrap;gap:12px;padding-top:14px}
 .feature-dialog-footer p{flex-basis:100%;order:3;min-height:58px}
}