/* A dedicated area workspace keeps existing models, photos and posters available. */
body[data-area-explorer]{background:#050f1b;color:#e6f5ff}
body[data-area-explorer] header{height:76px;background:linear-gradient(135deg,#15334d,#071827);border-bottom:1px solid #6ac5e34d;position:sticky;top:0;z-index:30}
body[data-area-explorer] .brand{text-decoration:none;color:inherit}
.area-header-start{display:flex;align-items:center;gap:24px;min-width:0}
.cockpit-back{display:inline-flex;align-items:center;justify-content:center;gap:11px;flex-shrink:0;min-height:46px;padding:0 20px;border:1px solid #b3f1ff;border-radius:7px;background:linear-gradient(135deg,#a0eaff,#4cc8f0);color:#06243b;text-decoration:none;font-size:16px;font-weight:700;letter-spacing:.5px;white-space:nowrap;box-shadow:inset 0 1px 0 #e5faff99,0 3px 18px #39bcec26;transition:background .18s,box-shadow .18s}
.cockpit-back svg{flex-shrink:0;transition:transform .18s}
.cockpit-back:hover{background:linear-gradient(135deg,#cbf5ff,#79deff);box-shadow:inset 0 1px 0 #fff9,0 3px 22px #39bcec4d}
.cockpit-back:hover svg{transform:translateX(-3px)}
.cockpit-back:focus-visible{outline:3px solid #fff;outline-offset:4px}
.cockpit-back:active{background:#4cc8f0;box-shadow:inset 0 2px 5px #06243b33}
.area-header-actions{display:flex;align-items:center;gap:16px}.area-header-actions>a{font-size:12px;color:#e9cc96;text-decoration:none;padding:8px 12px;border:1px solid #dbc69440;border-radius:4px}
body[data-area-explorer] main{height:calc(100vh - 76px);min-height:540px;grid-template-columns:215px minmax(360px,1fr) 300px}
body[data-area-explorer] .sidebar,body[data-area-explorer] .detail{background:linear-gradient(145deg,#102b43,#091b2d);border-color:#6ca9c42b}
body[data-area-explorer] .workspace{background:#091e2d}
body[data-area-explorer] .sidebar h1{font-size:24px}
body[data-area-explorer] .sidebar .stats,body[data-area-explorer] .flow-actions{display:none}
body[data-area-explorer] #flow-hud,body[data-area-explorer] #film-finale{display:none!important}
body[data-area-explorer] .detail .wide{border-radius:4px;margin-top:10px}
body[data-area-explorer] .search{margin-top:20px}
body[data-area-explorer] .detail .badge{margin-top:10px}
@media(max-width:1150px){body[data-area-explorer] main{grid-template-columns:180px minmax(330px,1fr) 265px}}
@media(max-width:850px){body[data-area-explorer] main{display:flex;height:auto;min-height:0}.area-header-actions{gap:5px}.area-header-actions>a{font-size:10px;padding:7px}.area-header-actions #reference{display:none}body[data-area-explorer] .sidebar{padding:12px 16px}body[data-area-explorer] .workspace{height:70vh;min-height:480px}body[data-area-explorer] .detail{height:auto;min-height:350px}}
@media(max-width:850px){.area-header-start{gap:16px}.area-header-start .brand>div{display:none}.cockpit-back{min-height:44px;padding:0 15px;font-size:15px}}
@media(max-width:420px){.area-header-start .brand{display:none}.area-header-start{gap:0}body[data-area-explorer] header{padding:0 12px;gap:10px}}
@media(prefers-reduced-motion:reduce){.cockpit-back,.cockpit-back svg{transition:none}.cockpit-back:hover svg{transform:none}}
