:root{--bg: #15161b;--panel: rgba(22, 23, 29, .92);--line: #313340;--fg: #e8e9ef;--dim: #9a9db0;--accent: #c8a06a}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--fg);font:14px/1.5 -apple-system,BlinkMacSystemFont,Pretendard,Apple SD Gothic Neo,sans-serif}.pd-app{position:fixed;top:0;right:0;bottom:0;left:0}.pd-app canvas{display:block}.pd-loading{padding:10px 16px;border-radius:8px;background:#0009;color:var(--dim);white-space:nowrap}.pd-panel{position:absolute;top:16px;left:16px;width:296px;max-height:calc(100% - 32px);overflow-y:auto;padding:18px 18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.pd-panel h1{margin:0;font-size:17px;letter-spacing:-.2px}.pd-sub{margin:4px 0 16px;font-size:12px;color:var(--dim)}.pd-group{margin-bottom:16px}.pd-group>label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:12px;font-weight:600;color:var(--dim)}.pd-hint{font-weight:400;font-size:11px;color:#6f7285}.pd-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pd-preset{padding:8px 6px;border:1px solid var(--line);border-radius:8px;background:#1d1f27;color:var(--fg);font-size:12.5px;cursor:pointer;transition:background .15s,border-color .15s}.pd-preset:hover{background:#262933}.pd-preset.on{border-color:var(--accent);background:#2e2617;color:#f0d9b4}.pd-panel select{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#1d1f27;color:var(--fg);font-size:13px}.pd-axis{display:grid;grid-template-columns:62px 1fr 40px;align-items:center;gap:8px;margin-bottom:6px}.pd-axis-name{font-size:11px;color:var(--dim)}.pd-val{font-size:11px;color:var(--fg);text-align:right;font-variant-numeric:tabular-nums}.pd-axis input[type=range]{width:100%;accent-color:var(--accent)}.pd-row{display:flex;gap:6px;margin-bottom:8px}.pd-btn{flex:1;padding:8px;border:1px solid var(--line);border-radius:8px;background:#1d1f27;color:var(--fg);font-size:12.5px;cursor:pointer}.pd-btn:hover:not(:disabled){background:#262933}.pd-btn:disabled{opacity:.4;cursor:default}.pd-btn.on{border-color:var(--accent);background:#2e2617;color:#f0d9b4}.pd-btn-slim{flex:0 0 auto;padding:8px 14px}.pd-input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#1d1f27;color:var(--fg);font-size:13px}.pd-input::placeholder{color:#5d6072}.pd-saved{list-style:none;margin:0 0 8px;padding:0;max-height:140px;overflow-y:auto;border:1px solid var(--line);border-radius:8px}.pd-saved li{display:flex;align-items:center;border-bottom:1px solid #23242e}.pd-saved li:last-child{border-bottom:none}.pd-saved-name{flex:1;padding:7px 10px;border:none;background:none;color:var(--fg);font-size:12.5px;text-align:left;cursor:pointer}.pd-saved-name:hover{color:#f0d9b4}.pd-saved-del{padding:4px 10px;border:none;background:none;color:#6f7285;font-size:14px;cursor:pointer}.pd-saved-del:hover{color:#e57373}