/* Visual direction: dark cinematic control panel inspired by supplied reference */
:where(body,button,select,input,textarea,output,.section-title span,.project-row small,.prompt-card p,.crumb span,.quality>div b,.stat-list span,.history>small){font-family:"Be Vietnam Pro",Arial,sans-serif!important;font-style:normal}
.language-toggle{display:flex;border:1px solid #666;border-radius:6px;overflow:hidden;margin-right:3px}.language-toggle button{background:#111a;color:#aaa;border:0;padding:5px 7px;font-size:9px}.language-toggle button.active{background:#ededed;color:#111}
.discipline-nav{display:flex;gap:3px;margin-left:auto;margin-right:18px;padding:3px;border:1px solid #4b4b4b;border-radius:15px;background:#0c0c0cb8}.discipline-nav button{border:0;border-radius:11px;background:transparent;color:#aaa;padding:6px 10px;font-size:10px;white-space:nowrap}.discipline-nav button.active{background:#eeeeee;color:#111;font-weight:700}.zone-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.zone-card{min-height:42px;padding:8px;border:1px solid #505050;border-radius:10px;background:#111;color:#bbb;text-align:left;font-size:9px;line-height:1.3}.zone-card strong{display:block;color:#ededed;font-size:10px;margin-bottom:2px}.zone-card.active{background:#e8e8e8;color:#272727;border-color:#e8e8e8}.zone-card.active strong{color:#111}@media(max-width:960px){.discipline-nav{position:absolute;top:62px;left:15px;margin:0}.topbar{overflow:visible}.crumb{display:none}}
.app-shell{background:#070707}.sidebar{width:372px;min-width:372px;background:#101010;border-right:1px solid #242424;border-radius:0 0 13px 0;color:#f3f3f3}.brand-row{height:64px;padding:0 20px;border-bottom:1px solid #242424}.brand-mark{border-color:#dadada;width:27px;height:27px;font-size:17px}.brand-row b{font-size:12px;letter-spacing:2.6px}.brand-row span{color:#8f8f8f;font-size:6px}.collapse{color:#aaa}.project-row{padding:13px 20px 12px}.project-row strong{font-size:12px}.workflow{display:none}.controls{padding:0 12px}.control-section{padding:15px 8px;border-bottom:0}.section-title{margin-bottom:11px}.section-title span{font-family:"Be Vietnam Pro",Arial,sans-serif;color:#d6d6d6;letter-spacing:0;font-weight:700;font-size:11px}.section-title button{color:#9b9b9b}.controls label{color:#b8b8b8;font-size:10px;margin:11px 8px 7px}.controls output{color:#f0f0f0}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:5px}.segmented button:last-child{grid-column:2}.segmented button,.mini-options button,.mood-row button{border-color:#545454;background:#111;color:#bdbdbd;border-radius:13px;padding:9px 3px;font-size:10px}.segmented .selected,.mini-options .selected,.mood-row .selected,.style-grid .selected{background:#ddd;color:#111;border-color:#ddd}.camera-pad{background:#1a1a1a;padding:6px;border:1px solid #444;border-radius:13px;max-width:113px;gap:1px;margin-left:0}.camera-pad button{width:29px;height:29px;border-color:#444;color:#999;font-size:9px}.camera-core{height:29px;border-color:#777;color:#ccc;font-size:15px}.camera-pad .active-camera{background:#fafafa;color:#111;border-color:#fafafa}.mini-options{background:#111;border:1px solid #555;border-radius:13px;padding:2px;margin-top:9px}.mini-options button{border:0;border-radius:10px;background:transparent}.select-wrap select{background:#111;border-color:#555;color:#dadada;border-radius:13px;padding:10px 12px}.material-grid{gap:5px}.material-card{border-color:#515151;border-radius:10px;background:#111;color:#c8c8c8;padding:6px}.material-card.selected{border-color:#eee;box-shadow:inset 0 0 0 1px #eee}.style-grid{grid-template-columns:repeat(3,1fr)}.style-grid button{border-color:#505050;border-radius:12px;background:#111;color:#c8c8c8;padding:9px 2px}.mood-row{border:1px solid #555;border-radius:14px;padding:2px;gap:0}.mood-row button{border:0;background:transparent;border-radius:11px}input[type=range]{accent-color:#f4f4f4;filter:grayscale(1)}.sidebar-footer{padding:12px 20px 17px;background:#101010;border-top:1px solid #222}.quiet-btn{color:#aaa;padding-bottom:11px}.render-button{background:#fafafa;color:#121212;border-radius:13px;padding:13px;font-size:12px}.render-button span{color:#111}.workspace{display:block;position:relative;background:#090b0d}.topbar{position:absolute;z-index:5;top:0;left:0;right:0;height:58px;background:linear-gradient(#070707a8,transparent);border:0;padding:0 25px}.crumb,.top-actions{opacity:.75}.topbar .icon-btn,.export-btn{border-color:#777;color:#eee;background:#1119}.canvas-area{position:absolute;inset:0;padding:0;background:#060809}.canvas-toolbar{z-index:2;top:auto;bottom:21px;left:auto;right:25px;justify-content:flex-end;opacity:0;transition:.2s}.canvas-area:hover .canvas-toolbar{opacity:1}.canvas-toolbar span{display:none}.canvas-toolbar button{color:#dedede;background:#111b;border:1px solid #555;border-radius:4px}.canvas-toolbar .toolbar-active{background:#efefef;color:#111}.render-stage{width:100%;height:100vh;max-width:none;aspect-ratio:auto;box-shadow:none;background:#141a1e}.arch-scene{background:linear-gradient(105deg,#1c2327 0 35%,#64665a 35% 74%,#292e31 74%);filter:brightness(.8) contrast(1.1)}.window-light{background:linear-gradient(90deg,#3f5a62,#8ca9a1 42%,#d0bb86);opacity:.7}.window-frame{background:linear-gradient(#263e46,#69827b 55%,#736a4d);border-color:#2a2c2b}.window-frame i{border-color:#323735}.wall-art{border-color:#4b4b45;background:#46534d}.sofa{background:#4b514e}.sofa:before,.sofa:after{background:#555c57;box-shadow:inset -9px 0 #3b413e}.coffee-table{background:#49382f}.floor-shadow{background:linear-gradient(0deg,#14191b,#45423c)}.scene-label{bottom:28px;left:28px;opacity:.7}.hint{display:none}.render-overlay{background:#080808e8}.toast{background:#f3f3f3;color:#101010}@media(max-width:700px){.sidebar{width:85vw;min-width:0;max-width:320px}.workspace{margin-left:320px;width:calc(100vw - 320px)}.topbar,.canvas-area{left:320px;width:calc(100vw - 320px)}}

/* Immersive canvas, fixed controls and auto-revealing panel */
.panel-reveal.active{translate:0 -50%!important;opacity:.85!important}
.controls{scrollbar-color:#4b4b4b transparent;scrollbar-width:thin}.controls::-webkit-scrollbar{width:6px}.controls::-webkit-scrollbar-track{background:transparent}.controls::-webkit-scrollbar-thumb{background:#484848;border-radius:99px;border:1px solid #101010}.controls::-webkit-scrollbar-thumb:hover{background:#777}
.app-shell{height:100vh;overflow:hidden}.sidebar{position:fixed;z-index:20;top:0;left:0;height:100vh;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s;box-shadow:10px 0 35px #0008}.controls{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:16px}.sidebar-footer{flex:none}.workspace{margin-left:372px;width:calc(100vw - 372px);height:100vh;transition:margin-left .32s cubic-bezier(.2,.8,.2,1),width .32s cubic-bezier(.2,.8,.2,1)}.topbar{position:fixed;left:372px;width:calc(100vw - 372px);transition:left .32s cubic-bezier(.2,.8,.2,1),width .32s cubic-bezier(.2,.8,.2,1)}.canvas-area{position:fixed;left:372px;right:0;top:0;bottom:0}.sidebar.panel-hidden{transform:translateX(-100%)}.sidebar.panel-hidden+.workspace{margin-left:0;width:100vw}.sidebar.panel-hidden+.workspace .topbar{left:0;width:100vw}.sidebar.panel-hidden+.workspace .canvas-area{left:0}.panel-reveal{position:fixed;z-index:30;top:50%;left:0;translate:-100% -50%;width:27px;height:58px;background:#151515;color:#eee;border:1px solid #555;border-left:0;border-radius:0 9px 9px 0;font-size:24px;opacity:0;transition:opacity .2s,translate .32s}.sidebar.panel-hidden~.panel-reveal{translate:0 -50%;opacity:.85}.panel-reveal:hover{opacity:1}.topbar{pointer-events:none}.topbar>*{pointer-events:auto}.topbar:hover{background:linear-gradient(#070707dd,transparent)}body.cursor-hidden,body.cursor-hidden *{cursor:none!important}