.dp-toggle{position:fixed;right:0;top:50%;z-index:1000;transform:translateY(-50%);display:flex;align-items:center;gap:8px;padding:14px 12px;border:0;border-radius:10px 0 0 10px;background:#14161c;color:#fff;font:600 11px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;writing-mode:vertical-rl;cursor:pointer;box-shadow:0 8px 30px #00000059}.dp-toggle:hover{background:#22262f}.dp-toggle__dot{width:9px;height:9px;border-radius:999px;background:var(--accent, #D8AD13);box-shadow:0 0 0 3px #ffffff1f}.dp-scrim{position:fixed;inset:0;z-index:1001;background:#06080e66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:0;padding:0;cursor:pointer}.dp{position:fixed;top:0;right:0;bottom:0;z-index:1002;width:min(400px,100vw);display:flex;flex-direction:column;background:#0e1015;color:#e7e9ee;font:400 13px/1.5 ui-sans-serif,system-ui,sans-serif;box-shadow:-20px 0 60px #00000080;animation:dp-in .28s cubic-bezier(.22,.61,.36,1)}@keyframes dp-in{0%{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.dp{animation:none}}.dp__head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #1E222B}.dp__title{margin:0;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff}.dp__sub{margin:3px 0 0;font-size:11px;color:#79808f;letter-spacing:.02em}.dp__x{margin-left:auto;width:30px;height:30px;border:1px solid #262B36;border-radius:8px;background:none;color:#a6adbb;font-size:15px;line-height:1;cursor:pointer}.dp__x:hover{background:#1a1e27;color:#fff}.dp__body{flex:1;overflow-y:auto;padding:4px 20px 20px;overscroll-behavior:contain}.dp__group{padding:18px 0;border-bottom:1px solid #1A1D25}.dp__group:last-child{border-bottom:0}.dp__legend{margin:0 0 14px;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#6c7484}.dp__presets{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dp-preset{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid #262B36;border-radius:10px;background:#14171e;color:#c9cfda;font:600 11px/1.2 ui-sans-serif,system-ui,sans-serif;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.dp-preset:hover{background:#1a1e27;border-color:#373e4c}.dp-preset.is-on{border-color:var(--accent, #D8AD13);background:#191d26;color:#fff}.dp-preset__swatch{display:flex;height:22px;border-radius:5px;overflow:hidden}.dp-preset__swatch i{flex:1}.dp-preset__swatch i:first-child{flex:0 0 34%}.dp__row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.dp__row:last-child{margin-bottom:0}.dp__label{flex:1;font-size:12px;color:#aeb5c2}.dp__val{min-width:54px;text-align:right;font:600 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#79808f}.dp__slider{width:100%;accent-color:var(--accent, #D8AD13);cursor:pointer}.dp__select{width:100%;padding:9px 10px;border:1px solid #262B36;border-radius:8px;background:#14171e;color:#e7e9ee;font:400 12px/1.3 ui-sans-serif,system-ui,sans-serif;cursor:pointer}.dp__swatches{display:flex;flex-wrap:wrap;gap:7px}.dp-sw{width:30px;height:30px;border:2px solid transparent;border-radius:8px;cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px #ffffff24}.dp-sw.is-on{border-color:#fff}.dp-color{width:44px;height:30px;padding:2px;border:1px solid #262B36;border-radius:8px;background:#14171e;cursor:pointer}.dp__seg{display:flex;border:1px solid #262B36;border-radius:8px;overflow:hidden}.dp__seg button{flex:1;padding:8px 6px;border:0;background:#14171e;color:#9aa2b1;font:600 11px/1 ui-sans-serif,system-ui,sans-serif;cursor:pointer;white-space:nowrap}.dp__seg button+button{border-left:1px solid #262B36}.dp__seg button.is-on{background:var(--accent, #D8AD13);color:#0b0f1a}.dp__foot{display:flex;gap:8px;padding:14px 20px;border-top:1px solid #1E222B}.dp__btn{flex:1;padding:11px 10px;border:1px solid #2A303C;border-radius:9px;background:#171b23;color:#d6dbe4;font:600 11px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.dp__btn:hover{background:#1f242e;color:#fff}.dp__btn--primary{background:var(--accent, #D8AD13);border-color:transparent;color:#0b0f1a}.dp__btn--primary:hover{filter:brightness(1.1);background:var(--accent, #D8AD13);color:#0b0f1a}.dp__note{margin:10px 0 0;font-size:11px;line-height:1.5;color:#6c7484}