.project-frame{min-height:100vh;display:flex;flex-direction:column;background:#0a0a0b}.project-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 20px 10px 24px;background:#0a0a0bbf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.project-header__title{margin:0;font-size:1rem;font-weight:600;letter-spacing:.02em;color:#fffffff2}.project-header__tagline{margin:0;font-size:.8rem;font-weight:400;color:#ffffff80;letter-spacing:.01em}#app-canvas{flex:1;position:relative;width:100%;height:100vh;overflow:hidden}#app-canvas canvas{display:block;width:100%;height:100%}body{margin:0;overflow:hidden;background:#0a0a0b}#subtitle{position:fixed;top:52px;left:50%;transform:translate(-50%);color:#fffffff2;font-size:1.5rem;font-weight:500;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.02em;text-shadow:0 2px 12px rgba(0,0,0,.6);z-index:10}.inset-container{position:fixed;top:56px;left:30px;width:200px;height:200px;z-index:5;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px #00000080,0 0 0 1px #ffffff0f;pointer-events:auto}.inset-container canvas{display:block;width:100%;height:100%;border-radius:12px}.yt-link{position:fixed;top:auto;left:auto;bottom:20px;right:20px;z-index:10;display:block;width:160px;height:90px;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #00000080,0 0 0 1px #ffffff14;text-decoration:none;transition:transform .15s,box-shadow .15s}.yt-link:hover{transform:scale(1.03);box-shadow:0 6px 20px #00000080}.yt-link img{display:block;width:100%;height:100%;object-fit:cover}.yt-link-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:#ff0000e6;border-radius:50%;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;padding-left:3px;box-sizing:border-box}.lil-gui{--width: 360px;width:var(--width)!important;min-width:var(--width);--bg: rgba(18, 18, 20, .92);--bg-hover: rgba(28, 28, 32, .98);--border: rgba(255, 255, 255, .06);--text: rgba(255, 255, 255, .88);--text-muted: rgba(255, 255, 255, .5);--accent: rgba(99, 179, 237, .9);--radius: 12px;--radius-sm: 8px;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:400;letter-spacing:.01em;background:var(--bg)!important;border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lil-gui>.title{padding:12px 16px 14px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:0}.lil-gui .controller{padding:6px 16px;min-height:36px;border-bottom:1px solid var(--border)}.lil-gui .controller:last-child{border-bottom:none}.lil-gui .controller .name{color:var(--text)}.lil-gui input[type=number],.lil-gui input[type=text],.lil-gui select{background:#ffffff0f;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:13px;padding:6px 10px}.lil-gui input:focus,.lil-gui select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #63b3ed33}.lil-gui .controller .slider{background:#ffffff14;border-radius:4px}.lil-gui .controller .slider .slider__range{background:linear-gradient(90deg,var(--accent),rgba(99,179,237,.5));border-radius:4px}.lil-gui .controller.function button,.lil-gui .gui-btn{height:34px;padding:0 14px;font-size:13px;font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent;transition:background .15s,border-color .15s}.lil-gui .gui-btn-primary button,.lil-gui .controller.function.gui-btn-primary button{background:#63b3ed40;color:#fffffff2;border-color:#63b3ed66}.lil-gui .gui-btn-primary button:hover,.lil-gui .controller.function.gui-btn-primary button:hover{background:#63b3ed59;border-color:#63b3ed99}.lil-gui .gui-btn-secondary button,.lil-gui .controller.function.gui-btn-secondary button{background:#ffffff0f;color:var(--text);border-color:var(--border)}.lil-gui .gui-btn-secondary button:hover,.lil-gui .controller.function.gui-btn-secondary button:hover{background:#ffffff1a;border-color:#ffffff1f}.lil-gui{display:flex;flex-wrap:wrap}.lil-gui .title,.lil-gui .controller{flex:1 1 100%}.lil-gui .controller.inline-button{flex:1 1 calc(50% - 8px);min-width:0;box-sizing:border-box}.lil-gui .folder{border-bottom:1px solid var(--border)}.lil-gui .folder>.children{display:block}.lil-gui .folder.closed>.children{display:none}.lil-gui .bundle-toggle button{width:100%;height:36px;font-weight:600;letter-spacing:.02em;border-radius:var(--radius-sm);background:#63b3ed26;border:1px solid rgba(99,179,237,.35);color:var(--text)}.lil-gui .bundle-toggle.bundle-active button{background:#ffa5502e;border-color:#ffa55080;color:#ffdcb4f2}.lil-gui .bundle-toggle button:hover{filter:brightness(1.1)}.lil-gui .controller boolean .widget{border-radius:4px}