*{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.main-content{min-height:calc(100vh - 160px);padding:clamp(16px,3vw,32px) 12px 40px;background:#fff}[data-theme=dark] .main-content{background:linear-gradient(180deg,#090f16fa,#050a10f2)}.mod-container{max-width:1100px;margin:0 auto}.mod-card{background:#fff;border-radius:36px;padding:clamp(14px,2vw,26px);box-shadow:0 10px 24px #0f172a14;border:1px solid rgba(148,163,184,.22);position:relative;overflow:hidden}[data-theme=dark] .mod-card{background:linear-gradient(155deg,#0a1f2ff7,#051019fa 58%,#081b28f7),#0b1d2b;box-shadow:0 20px 48px #00000052;border-color:#5ebcf53d}.mod-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top right,rgba(255,194,92,.12),transparent 24%),radial-gradient(circle at top left,rgba(74,219,255,.12),transparent 24%)}.top-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:18px;position:relative;z-index:1}.mod-title{font-weight:800;font-size:clamp(1.3rem,3.5vw,2.2rem);background:linear-gradient(145deg,#0f5fd0,#00a7d8 48%,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 3px}[data-theme=dark] .mod-title{background:linear-gradient(145deg,#f8fdff,#7bd7ff 48%,#ffd27a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mod-sub{color:#4a8ca8;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}[data-theme=dark] .mod-sub{color:#87bfdb}.layout{display:grid;grid-template-columns:280px 1fr;gap:16px}@media(max-width:700px){.layout{grid-template-columns:1fr}}.panel{background:linear-gradient(180deg,#071824eb,#071824bd);border:1px solid rgba(95,179,228,.22);border-radius:24px;padding:18px}.panel-title{font-weight:800;font-size:clamp(1.2rem,3vw,1.8rem);background:linear-gradient(145deg,#0f5fd0,#00a7d8 48%,#f97316);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 16px}[data-theme=dark] .panel-title{background:linear-gradient(145deg,#f8fdff,#7bd7ff 48%,#ffd27a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ctrl-group{margin-bottom:16px}.ctrl-label{color:#7bd7ff;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px;display:flex;justify-content:space-between}.ctrl-label span{color:#fff7b5;font-weight:700}input[type=range].ctrl-range{width:100%;height:8px;background:linear-gradient(90deg,#1f77a0,#56c5ff);border-radius:40px;-webkit-appearance:none;appearance:none}input[type=range].ctrl-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000080,0 0 0 2px #1793d1;cursor:pointer}.mode-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.mode-btn{background:#ffffff0f;border:1px solid rgba(95,179,228,.3);color:#7bd7ff;font-size:.76rem;padding:6px 12px;border-radius:30px;cursor:pointer;transition:.1s;font-weight:600;user-select:none}.mode-btn:hover,.mode-btn.active{background:#4adbff24;border-color:#4adbff;color:#fff}.btn-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.btn-action{flex:1;background:linear-gradient(160deg,#ffae5a,#f57c2e);border:none;font-size:.85rem;font-weight:700;padding:10px 14px;border-radius:30px;color:#0e2b37;cursor:pointer;transition:.08s;user-select:none;min-width:80px}.btn-action:active{transform:translateY(3px)}.btn-secondary{flex:1;background:linear-gradient(180deg,#0e2a3cf5,#081c2af5);border:1px solid rgba(98,177,223,.38);border-radius:30px;color:#ceecff;font-size:.85rem;font-weight:700;padding:10px 14px;cursor:pointer;transition:.1s;user-select:none;min-width:80px}.btn-secondary:hover{border-color:#4adbff;color:#fff}#designCanvas{display:block;width:100%;border-radius:18px;background:#04080e;box-shadow:0 0 0 1px #5ebcf526,0 8px 24px #0000004d}