.simulation-controls{margin:24px 0 28px;padding:22px 24px 18px;background:var(--surface,#fff);border:1px solid #e1e5ec;border-radius:18px;color:var(--ink,#17191f);font-size:14px;line-height:1.5}
.simulation-controls-top,.simulation-toolbar,.simulation-controls-bottom{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.simulation-controls-top{justify-content:space-between;margin-bottom:16px;color:#666d7a;font-size:13px}.simulation-source{display:flex;gap:8px;align-items:center;font-weight:600;color:#315efb}.simulation-source i{width:7px;height:7px;border-radius:50%;background:currentColor}.simulation-field{display:grid;gap:5px;min-width:120px;flex:1}.simulation-field>span,.simulation-clock>span,.simulation-speed>span{font-size:12px;color:#666d7a}.simulation-field select,.simulation-speed select{width:100%;max-width:100%;padding:9px 32px 9px 11px;background:#f5f6f8;color:#17191f;border:1px solid #e1e5ec;border-radius:8px;font:inherit;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-inline-end:32px}.simulation-date{flex:1.35}.simulation-clock{display:grid;gap:3px;margin:auto 8px}.simulation-clock strong{font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.simulation-playback{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.simulation-playback button,.simulation-scope button,.simulation-regenerate{font:inherit;line-height:1.4;min-height:42px;white-space:normal;overflow-wrap:anywhere;cursor:pointer}.simulation-play,.simulation-replay{border:1px solid #e1e5ec;border-radius:8px;padding:10px 12px;background:#f5f6f8;color:#2448ce}.simulation-play{display:flex;gap:6px;align-items:center;background:#2448ce;color:#fff;border-color:#2448ce;max-width:260px}.simulation-play svg{width:17px;height:17px;flex-shrink:0}.simulation-speed{display:grid;gap:3px;max-width:130px}.simulation-timeline{display:flex;gap:12px;align-items:center;margin:18px 0 12px;font-size:12px;font-variant-numeric:tabular-nums}.simulation-timeline input{flex:1;min-width:0;width:100%;accent-color:#315efb;cursor:pointer}.simulation-timeline input:disabled{cursor:default;opacity:.45}.simulation-controls-bottom{gap:12px;font-size:12px;color:#666d7a}.simulation-scope{display:flex;gap:3px;padding:3px;border-radius:9px;background:#edf2ff;flex-wrap:wrap}.simulation-scope button{background:transparent;border:0;padding:7px 10px;color:#666d7a;border-radius:7px}.simulation-scope button[aria-pressed=true]{background:#fff;color:#2448ce;box-shadow:0 1px 4px #17191f12}.simulation-regenerate{margin-left:auto;color:#666d7a;border:0;border-bottom:1px solid #cbd2de;background:none;padding:5px 0;min-height:36px}.simulation-note{margin:12px 0 0;font-size:12px!important;color:#666d7a;line-height:1.6!important;max-width:none!important}.simulation-controls :focus-visible{outline:3px solid #9a650c;outline-offset:3px}
@media(max-width:768px){.simulation-controls{padding:18px}.simulation-toolbar{gap:14px}.simulation-clock{margin:0 0 0 auto}.simulation-playback{width:100%;align-items:center}.simulation-speed{margin-left:auto}.simulation-controls-bottom{align-items:flex-start}.simulation-regenerate{margin-left:0}.simulation-field{min-width:110px}.simulation-controls-top{gap:6px}}
@media(max-width:420px){.simulation-controls{padding:14px;margin:18px 0}.simulation-field{flex-basis:100%;min-width:0}.simulation-clock{margin:0;flex:1}.simulation-playback{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.simulation-speed{display:flex;align-items:center;gap:8px;max-width:none;margin:0;grid-column:1/-1}.simulation-speed select{width:90px}.simulation-scope{width:100%;display:grid;grid-template-columns:1fr 1fr}.simulation-scope button{padding:8px 5px;font-size:12px}.simulation-controls-bottom{gap:8px}.simulation-controls-top{align-items:flex-start;flex-direction:column}}
.simulation-controls{background:#fff;border-color:#e1e5ec;border-radius:16px;box-shadow:0 4px 20px #17191f03}
.simulation-field select,.simulation-speed select{background:#fff;border-color:#cbd2de;border-radius:10px;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-inline-end:32px}
.simulation-source{color:#315efb}
.simulation-scope{background:#edf0f5;border-radius:11px}
.simulation-scope button{border-radius:8px}
.simulation-scope button[aria-pressed=true]{color:#2448ce;box-shadow:0 2px 6px #17191f0b}
.simulation-play,.simulation-replay{border-radius:10px}