html,body,#root{width:100%;height:100%;margin:0}body{color:#cfcfe0;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#05050a;font-family:system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;margin:0;display:flex}*,:before,:after{box-sizing:border-box}.dp-app{text-align:left;flex-direction:row;width:100%;height:100svh;min-height:100svh;margin:0;display:flex;overflow:hidden}.dp-stage{background:#05050a;flex:auto;justify-content:stretch;align-items:stretch;min-width:0;display:flex;position:relative}.dp-canvas{touch-action:none;width:100%;height:100%;display:block}.dp-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#c9c9d8;-webkit-user-select:none;user-select:none;pointer-events:none;background:#0a0a128c;border:1px solid #ffffff14;border-radius:10px;grid-template-columns:auto auto;gap:2px 14px;padding:10px 12px;font-family:ui-monospace,Consolas,monospace;font-size:12px;line-height:1.55;display:grid;position:absolute;top:14px;left:14px}.dp-stat{display:contents}.dp-stat-k{color:#8a8a9c}.dp-stat-v{color:#e8e8f2;text-align:right;font-variant-numeric:tabular-nums}.dp-stat.warn .dp-stat-v{color:#ff9b6b}.dp-hint{color:#6c6c80;border-top:1px solid #ffffff14;grid-column:1/-1;margin-top:4px;padding-top:6px;font-size:11px}.dp-panel{color:#cfcfe0;background:linear-gradient(#0c0c14 0%,#08080e 100%);border-left:1px solid #ffffff12;flex-direction:column;flex:0 0 320px;gap:14px;width:320px;max-width:100%;padding:18px 18px 14px;display:flex;overflow-y:auto}.dp-header h1{color:#f0f0fa;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:600}.dp-header p{color:#7a7a90;margin:2px 0 0;font-size:12px}.dp-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dp-buttons button,.seg{appearance:none;color:#d9d9ea;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;padding:9px 10px;font:600 12.5px/1 system-ui,sans-serif;transition:background .12s,border-color .12s,transform 50ms}.dp-buttons button:hover,.seg:hover{background:#ffffff14;border-color:#fff3}.dp-buttons button:active,.seg:active{transform:translateY(1px)}.dp-buttons button.active,.seg.active{color:#fff;background:linear-gradient(#aa3bff59,#781edc40);border-color:#c084fcb3;box-shadow:inset 0 0 14px #aa3bff40}.dp-buttons button.chaos.active{background:linear-gradient(#ff783c59,#dc502840);border-color:#ffa064b3;box-shadow:inset 0 0 14px #ff783c40}.dp-section h2{color:#6a6a80;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 8px;font-size:10px;font-weight:600}.dp-section{flex-direction:column;gap:10px;display:flex}.ctrl-slider{cursor:pointer;flex-direction:column;gap:5px;display:flex}.ctrl-label{justify-content:space-between;align-items:baseline;display:flex}.ctrl-name{color:#b0b0c4;font-size:12px}.ctrl-val{color:#ebebff;font-variant-numeric:tabular-nums;font-family:ui-monospace,Consolas,monospace;font-size:12px}input[type=range]{appearance:none;background:linear-gradient(90deg,#aa3bff8c,#781edc40);border-radius:4px;outline:none;width:100%;height:4px;margin:6px 0 0}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#f0f0fa;border:2px solid #aa3bffcc;border-radius:50%;width:15px;height:15px;transition:transform 80ms;box-shadow:0 0 10px #aa3bff66}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{cursor:pointer;background:#f0f0fa;border:2px solid #aa3bffcc;border-radius:50%;width:15px;height:15px;box-shadow:0 0 10px #aa3bff66}.dp-segment{flex-direction:column;gap:6px;display:flex}.seg-group{grid-template-columns:1fr 1fr;gap:8px;display:grid}.dp-footer{color:#5d5d72;border-top:1px solid #ffffff0f;margin-top:auto;padding-top:6px;font-size:11px;line-height:1.5}@media (width<=820px){.dp-app{flex-direction:column}.dp-stage{flex:70vh;height:70vh}.dp-panel{border-top:1px solid #ffffff12;border-left:none;flex:auto;width:100%}}