body.fullscreen{background:#030915}
#futuretechBackdrop{position:fixed;inset:0;z-index:0;overflow:hidden;background:#030915;pointer-events:none}
.futuretechScene{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 1.8s ease;filter:saturate(.9)}
.futuretechScene.visible{opacity:1}
.futuretechShade{position:absolute;inset:0;background:linear-gradient(180deg,#02071380,transparent 28%,#020713b8),radial-gradient(ellipse at 50% 45%,#020915b8 0,#03102388 27%,#03102333 68%)}
body.fullscreen #app{z-index:1;background:transparent!important;border:0!important;border-radius:0;padding:18px 28px 22px;align-items:center}
body.fullscreen .topbar{width:100%;background:#030b19c9;border-color:#7099bc55;backdrop-filter:blur(18px)}
body.fullscreen .dragRegion{-webkit-app-region:no-drag}
body.fullscreen .identity{padding-top:20px}
body.fullscreen .identity p{display:block}
body.fullscreen .orbStage{width:min(720px,64vw);min-height:170px}
body.fullscreen .composer,body.fullscreen .chatPanel{width:min(720px,64vw);margin-left:0;margin-right:0}
body.fullscreen .composer{background:linear-gradient(130deg,#224d70e8,#071327f0 40%,#102742f0);box-shadow:0 0 50px #0a4d8133,inset 0 1px 2px #b1ddff33}
body.fullscreen .chatPanel{background:#061326ed}
body.fullscreen .attachmentRow{width:min(700px,62vw)}
body.fullscreen.expanded .identity{display:none}
body.fullscreen.expanded .orbStage{height:clamp(140px,24vh,250px);min-height:120px}
body.fullscreen .overlay,body.fullscreen #approvalPanel{left:50%;right:auto;transform:translateX(-50%);width:min(680px,calc(100vw - 50px));top:80px;bottom:35px}
body.fullscreen .toast{left:50%;right:auto;transform:translateX(-50%);width:min(660px,70vw)}
body.fullscreen .resizeHandle{display:none}
#futuretechGallery{position:fixed;z-index:2;right:28px;top:50%;transform:translateY(-43%);width:170px;display:flex;flex-direction:column;gap:8px}
.futuretechEyebrow{font-size:8px;letter-spacing:2px;color:#aed9f4;margin-bottom:8px;text-shadow:0 2px 6px #000}
.sceneChoice{height:65px;padding:0;border:1px solid #87bdde44;border-radius:9px;overflow:hidden;position:relative;text-align:left;background:#061327;color:white;transition:border-color .2s,transform .2s}
.sceneChoice img{width:100%;height:100%;object-fit:cover;opacity:.67}
.sceneChoice span{position:absolute;inset:auto 0 0;padding:15px 10px 8px;background:linear-gradient(transparent,#020b19e8);font-size:10px;letter-spacing:.3px}
.sceneChoice:hover{border-color:#8feaff;transform:translateX(-3px)}
.sceneChoice[aria-pressed=true]{border-color:#8feaff;box-shadow:0 0 18px #248eff55}
.scenePause{padding:9px;font-size:10px;border:1px solid #7393b14d;border-radius:8px;background:#061427cc;color:#c3dff4}
.fullscreenHint{font-size:9px;color:#9ebbd2;text-align:center;margin-top:4px;text-shadow:0 1px 4px #000}
#futuretechCaption{position:fixed;z-index:1;left:38px;bottom:40px;width:210px;pointer-events:none;text-shadow:0 2px 12px #000}
#futuretechCaption>span{color:#8feaff;letter-spacing:3px;font-size:8px}
#futuretechCaption h2{margin:10px 0 6px;font-size:24px;font-weight:300;line-height:1.15;color:#e1f3ff}
#futuretechCaption p{margin:0;font-size:10px;letter-spacing:.3px;color:#a4c7e1}
@media(max-width:1200px){#futuretechGallery{right:18px;width:130px}.sceneChoice{height:53px}#futuretechCaption{left:24px;width:140px}#futuretechCaption h2{font-size:19px}body.fullscreen .quietHint{display:none}}
@media(max-width:900px){#futuretechGallery{top:auto;bottom:19px;left:20px;right:20px;transform:none;width:auto;flex-direction:row;gap:5px}.sceneChoice{height:38px;flex:1}.sceneChoice span{font-size:8px;padding:12px 5px 5px}.futuretechEyebrow,.fullscreenHint,#futuretechCaption{display:none}.scenePause{font-size:9px;padding:5px;width:74px}body.fullscreen #app{padding-bottom:76px}body.fullscreen .orbStage,body.fullscreen .composer,body.fullscreen .chatPanel{width:min(650px,90vw)}}
@media(max-height:650px) and (min-width:901px){#futuretechGallery{gap:5px}.sceneChoice{height:43px}body.fullscreen .identity{padding-top:6px}.fullscreenHint{display:none}body.fullscreen.expanded .orbStage{height:105px;min-height:105px}}
@media(prefers-reduced-motion:reduce){.futuretechScene{transition:none}}

#futuretechBackdrop[data-empty="true"]{background:color-mix(in srgb,var(--workspace-primary,#2478ff) 12%,#06080c)}
#futuretechBackdrop[data-empty="true"] .futuretechScene,#futuretechBackdrop[data-empty="true"] .futuretechShade{display:none}