:root{--bg:#060606;--panel:rgba(20,20,20,.78);--line:rgba(255,255,255,.15);--text:#f2f2f2;--muted:#b8b8b8;--accent:#ee7552}html,body{margin:0;width:100%;height:100%;background:radial-gradient(circle at 50% 0%,#1d1d1d 0%,var(--bg) 60%);color:var(--text);font-family:"Trebuchet MS","Segoe UI",sans-serif;overflow:hidden}.cube-gallery-page{background:var(--bg) !important}.cube-app{position:relative;width:100vw;height:100vh}.cube-ui{position:absolute;left:1rem;top:1rem;width:min(340px, calc(100vw - 2rem));background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:.9rem;backdrop-filter:blur(8px);z-index:30}.ui-row{display:flex;align-items:center;gap:.55rem;margin-bottom:.6rem;flex-wrap:wrap}.ui-row label{font-size:.84rem;color:var(--muted);min-width:88px}.ui-row select,.ui-row input,.ui-row button,.ui-row a{border-radius:10px;border:1px solid var(--line);background:#131313;color:var(--text);padding:.45rem .65rem;font-size:.84rem}.ui-row input[type=range]{flex:1;min-width:130px}.ui-row input[type=url]{flex:1;min-width:130px}.ui-row button{cursor:pointer;background:linear-gradient(160deg,#2c2c2c,#141414)}.ui-row button:hover{border-color:var(--accent)}.ui-links a{text-decoration:none;color:var(--text)}.ui-links a:hover{color:var(--accent)}.music-dock{position:absolute;right:1rem;top:1rem;width:min(420px, calc(100vw - 2rem));height:140px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:rgba(0,0,0,.45);z-index:25}.music-dock iframe{width:100%;height:100%;border:0;display:block}.scene-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:1400px}.scene{width:min(68vmin, 620px);height:min(68vmin, 620px);transform-style:preserve-3d}.cube{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform,filter}.cube-face{position:absolute;inset:0;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 45px rgba(0,0,0,.45) inset;overflow:hidden;background:#000}.cube-face img{width:100%;height:100%;object-fit:cover;transform:scale(1.08)}.cube-face.front{transform:translateZ(calc(min(68vmin, 620px) / 2))}.cube-face.back{transform:rotateY(180deg) translateZ(calc(min(68vmin, 620px) / 2))}.cube-face.right{transform:rotateY(90deg) translateZ(calc(min(68vmin, 620px) / 2))}.cube-face.left{transform:rotateY(-90deg) translateZ(calc(min(68vmin, 620px) / 2))}.cube-face.top{transform:rotateX(90deg) translateZ(calc(min(68vmin, 620px) / 2))}.cube-face.bottom{transform:rotateX(-90deg) translateZ(calc(min(68vmin, 620px) / 2))}.swipe-hint{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);font-size:.84rem;color:var(--muted);letter-spacing:.02em}.flash{filter:brightness(1.25) contrast(1.22) saturate(1.1)}.controls-hidden .cube-ui,.controls-hidden .music-dock,.controls-hidden .swipe-hint{display:none}@media (max-width:900px){.music-dock{top:auto;bottom:1rem;height:120px}.cube-ui{max-height:52vh;overflow:auto}}.cube-face,.cube-face img{-webkit-backface-visibility:hidden;backface-visibility:hidden}