.config-launch{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #61b2ce;border-radius:8px;padding:13px 12px;background:#163b54;color:#eef8ff;font-size:14px;margin:0 0 20px}.config-launch span{font-size:10px;color:#aadce9}.config-launch:hover{background:#20516c}
#config-mobile-launch{position:absolute;left:19px;top:52px;background:#071e37da;border:1px solid #88c5d888;color:#e1f7ff;border-radius:7px;padding:9px 13px;font-size:19px;z-index:21;display:none}
.config-panel[hidden]{display:none}.config-open .review{display:none}.workspace.config-open{gap:28px;padding:18px 24px}.config-panel{width:380px;flex:none;height:min(calc(100dvh - 36px),1140px);min-height:0;display:flex;flex-direction:column;border:1px solid #345b73;border-radius:14px;background:#0d2334;box-shadow:0 12px 60px #00102388;overflow:hidden;align-self:center}
.config-panel button,.config-panel select{font:inherit;font-size:12px;border:1px solid #355e78;border-radius:6px;background:#15374d;color:#d6edf8;min-height:34px;padding:7px 10px}.config-panel button:hover:not(:disabled){background:#23506a;border-color:#78b4cd}.config-panel button:disabled{opacity:.4}.config-header{display:flex;justify-content:space-between;align-items:center;padding:18px 18px 13px;border-bottom:1px solid #294558;background:#102a3c;flex:none}.config-header small{font-size:9px;letter-spacing:2px;color:#8ab8cf}.config-header h2{font-size:22px;font-weight:600;margin:6px 0 0;letter-spacing:2px}.config-header button{background:transparent;border:0;font-size:25px;padding:0 6px;color:#aecadc}
.config-scroll{overflow:auto;padding:0 18px 8px;scrollbar-width:thin;scrollbar-color:#325971 #0d2334;min-height:0;flex:1}.config-intro{font-size:11px;color:#96b7ca;line-height:1.8;margin:14px 0}.config-tabs{display:flex;gap:5px;padding:3px;background:#071c2b;border-radius:8px}.config-tabs button{flex:1;border:0;background:transparent;color:#8cacc0}.config-tabs button[aria-selected="true"]{background:#28536a;color:#f0fbff;box-shadow:0 1px 8px #0005}.config-presets{display:flex;gap:7px;align-items:center;margin:14px 0}.config-presets label{font-size:11px;color:#b4cddd}.config-presets select{flex:1;min-width:0}.config-presets button{font-size:11px}
.schedule-card{padding:12px 10px;background:#091c29;border:1px solid #294654;border-radius:8px}.schedule-card>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.schedule-card strong{font-size:11px;font-weight:500;color:#c5e1ec}.schedule-card>div>span{font-size:10px;color:#e8c57e}.schedule-card p{font-size:9px;color:#85a8bc;margin:7px 0 0}.schedule-row{display:flex;align-items:center;gap:8px;height:16px}.schedule-row b{font-size:9px;color:#8eafbf;font-weight:400;width:7px}.schedule-row>span{font-size:9px;color:#a1b8bf;width:36px;text-align:right;font-variant-numeric:tabular-nums}.schedule-track{height:5px;border-radius:5px;background:#26343d;position:relative;flex:1;overflow:hidden}.schedule-track i,.schedule-track em{position:absolute;top:0;height:100%;background:#5cbcbf;border-radius:1px}.schedule-track em{background:#e3b85f}
.config-group{border-bottom:1px solid #2b4254;padding:5px 0}.config-group summary{list-style-position:inside;cursor:pointer;font-size:13px;font-weight:600;color:#d7eaf5;padding:14px 0}.config-group summary small{float:right;color:#7097ad;font-size:10px;font-weight:400}.config-field{padding:7px 0 10px}.config-field-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.config-field-title label{font-size:12px;color:#dbecf4}.config-field-title span{font-size:10px;color:#8cabc0}.config-inputs{display:flex;gap:12px;align-items:center}.config-inputs input[type="range"]{flex:1;min-width:0;height:22px;accent-color:#66cdd0;cursor:pointer;margin:0}.config-inputs input[type="number"]{width:76px;flex:none;font:12px "Segoe UI",sans-serif;text-align:center;color:#ebf7ff;border:1px solid #3f637c;background:#081b2a;border-radius:5px;padding:6px 2px;min-height:30px}.config-inputs input[aria-invalid="true"]{border-color:#ffb5a0;outline:1px solid #ffb5a0}.config-field p{font-size:10px;line-height:1.6;color:#89aabe;margin:7px 0 0}.config-field p.field-error{color:#ffc1ad}.config-files{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.config-files button{font-size:11px}#config-message{font-size:10px;line-height:1.7;color:#81c9bc;min-height:28px;margin:12px 0 5px}#config-message.error{color:#ffc1ad}
.layout-note{margin:0 0 9px;padding:9px 11px;border-left:2px solid #59c7d1;background:#0a2637;color:#93bdcc;font-size:10px;line-height:1.6}.layout-reset{width:100%;margin:0 0 13px;border:1px solid #49687c;border-radius:6px;background:#102c3d;color:#b9d5e2;padding:8px;font-size:11px}
.config-preview{padding:12px 18px 10px;border-top:1px solid #36576b;background:#132f42;flex:none}.config-preview>label{font-size:11px;color:#a7c9dc;display:block;margin-bottom:7px}.config-preview>select{width:100%;margin-bottom:8px}.config-preview>div{display:flex;gap:8px}.config-preview>div button{flex:1;white-space:nowrap}.config-preview .primary{background:#61bec4;border-color:#6bd0d4;color:#052839;font-weight:700}.config-preview .primary:hover:not(:disabled){background:#8cdbdf}.config-preview p{font-size:10px;color:#96bace;line-height:1.6;min-height:16px;margin:8px 0 0}.config-preview #preview-skip{color:#ffe2a4;border-color:#99844e;flex:.7}#preview-skip[hidden]{display:none}
.cell.burst,.cell.transforming,.effects path,.effects circle{animation-duration:var(--clear-ms,410ms)}.multiplier.pulse .current-badge,.multiplier.pulse .rail-values{animation-duration:var(--multiplier-ms,450ms)}.reel.settling{overflow:hidden}.reel.rolling{overflow:hidden}
@media(max-width:850px){#config-mobile-launch{display:block}.workspace.config-open{display:grid;grid-template-columns:1fr;grid-template-rows:46dvh 54dvh;gap:0;padding:0;height:100dvh;min-height:0}.config-open .game-viewport{grid-row:1;margin:auto}.config-panel{grid-row:2;width:100%;height:100%;max-height:none;border-radius:12px 12px 0 0;align-self:stretch}.config-header{padding:9px 15px}.config-header h2{font-size:17px;margin:3px 0 0}.config-header small{font-size:8px}.config-scroll{padding:0 15px 8px}.config-preview{padding:8px 15px}.config-preview>label{font-size:10px;margin-bottom:5px}.config-preview>select{min-height:30px;margin-bottom:5px}.config-preview p{margin:5px 0 0}.config-open #config-mobile-launch{display:none}}
.layout-subtitle{margin:20px 0 4px;font-size:13px;color:#f8daa0;font-weight:600;letter-spacing:.04em}