:root{--b-ground: #0a0b0d;--b-panel: rgba(15, 17, 21, .9);--b-ink: #d8dce6;--b-dim: #8a90a0;--b-line: #242833;--b-accent: #e6e0d0;--b-font: "Noto Sans KR", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--b-ground);color:var(--b-ink);font-family:var(--b-font);-webkit-font-smoothing:antialiased}#berlin-app{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--b-ground)}#berlin-stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--b-ground)}#berlin-stage canvas{display:block}.berlin-handle{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:20;display:inline-flex;align-items:center;gap:6px;padding:7px 16px;font-family:var(--b-font);font-size:13px;font-weight:400;letter-spacing:.02em;color:var(--b-dim);background:#0f111559;border:1px solid transparent;border-radius:999px;cursor:pointer;opacity:1;transition:opacity .6s ease,color .2s ease,background .2s ease;backdrop-filter:blur(6px)}.berlin-handle:hover{color:var(--b-accent);background:#0f111599}.berlin-handle .berlin-chev{font-size:11px;opacity:.8}.berlin-handle.faded{opacity:0;pointer-events:none}.berlin-handle.hidden{display:none}.berlin-panel{position:absolute;top:0;left:0;right:0;z-index:30;transform:translateY(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);background:var(--b-panel);border-bottom:1px solid var(--b-line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:22px clamp(18px,4vw,48px) 18px}.berlin-panel.open{transform:translateY(0)}.berlin-panel-inner{max-width:720px;margin:0 auto;position:relative}.berlin-close{position:absolute;top:-6px;right:0;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;font-size:15px;line-height:1;color:var(--b-dim);background:transparent;border:1px solid var(--b-line);border-radius:6px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.berlin-close:hover{color:var(--b-accent);border-color:var(--b-accent)}.berlin-group{margin-bottom:16px}.berlin-group+.berlin-divider{margin-top:4px}.berlin-divider{height:1px;background:var(--b-line);margin:4px 0 16px}.berlin-group-title{text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:500;color:var(--b-dim);margin:0 0 11px}.berlin-seg{display:flex;gap:6px}.berlin-seg-btn{flex:1 1 auto;font-family:var(--b-font);font-size:13px;font-weight:400;color:var(--b-dim);background:transparent;border:1px solid var(--b-line);border-radius:6px;padding:10px 8px;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.berlin-seg-btn:hover{color:var(--b-ink);border-color:#394052}.berlin-seg-btn.active{color:var(--b-ground);background:var(--b-accent);border-color:var(--b-accent);font-weight:500}.berlin-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px}.berlin-slider.full{grid-column:1 / -1}.berlin-slider{display:block}.berlin-slider-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.berlin-slider-name{font-size:12px;color:var(--b-dim)}.berlin-slider-val{font-size:12px;color:var(--b-ink);font-variant-numeric:tabular-nums}.berlin-slider input[type=range]{width:100%;height:2px;-webkit-appearance:none;appearance:none;background:var(--b-line);outline:none;cursor:pointer;margin:3px 0 0}.berlin-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--b-accent);cursor:pointer}.berlin-slider input[type=range]::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--b-accent);cursor:pointer}.berlin-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid var(--b-line)}.berlin-btn{font-family:var(--b-font);font-size:13px;color:var(--b-dim);background:transparent;border:1px solid var(--b-line);border-radius:6px;padding:8px 18px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.berlin-btn:hover{color:var(--b-accent);border-color:var(--b-accent)}.berlin-op-panel{position:absolute;top:0;right:0;z-index:40;width:300px;height:100%;overflow-y:auto;padding:22px 20px 40px;background:#111317;border-left:1px solid var(--b-line);font-family:Spline Sans Mono,ui-monospace,monospace;font-size:12px}.berlin-op-panel::-webkit-scrollbar{width:8px}.berlin-op-panel::-webkit-scrollbar-thumb{background:var(--b-line);border-radius:4px}