.sim-shell{background:#fff;border:1px solid #e7ebf5;border-radius:25px;padding:23px;box-shadow:0 15px 42px #435d810d}
.sim-safe{padding:11px 14px;border-radius:13px;background:#eaf5f1;border:1px solid #d3e9e0;font-size:12px;color:#4b8075;margin-bottom:18px;display:flex;gap:10px;align-items:start}
.sim-top{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap}
.sim-tabs{display:flex;gap:5px;overflow-x:auto;max-width:100%;background:#f2f3fa;padding:5px;border-radius:15px}
.sim-tab{white-space:nowrap;border:0;background:transparent;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:700;color:#68758c;transition:background .2s}
.sim-tab[aria-selected="true"]{background:#fff;color:#514bbb;box-shadow:0 3px 12px #323c6b10}
.sim-mode{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#6d7690}
.sim-switch{border:1px solid #e0e1ed;border-radius:12px;background:#fff;color:#646c86;padding:7px 11px;font-weight:750}
.sim-switch[aria-pressed="true"]{background:#eae9fe;color:#5550b2;border-color:#c4c1ef}
.sim-content{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,1.1fr);gap:23px;align-items:start}
.mock-device{border:1px solid #dce3f1;background:linear-gradient(170deg,#fbfcff,#f1f3fb);border-radius:25px;padding:17px;max-width:480px;min-width:0;box-shadow:inset 0 1px 0 #fff,0 5px 25px #5a669610}
.mock-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 17px}.mock-brand{font-size:12px;letter-spacing:.2px;font-weight:850;color:#40495e}.mock-status{font-size:10px;color:#888b9f;background:#fff;border:1px solid #e8eaf4;border-radius:15px;padding:5px 9px}.mock-header .mock-status:before{content:"●";color:#92bba8;margin-right:5px}
.mock-label{display:block;color:#8d96a9;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:1.2px;margin-bottom:7px}
.mock-card{border:1px solid #e8ebf3;border-radius:16px;background:#fff;padding:15px;margin-bottom:11px;box-shadow:0 5px 16px #64709808}
.mock-card p{margin:4px 0;font-size:13px;color:#626d83;line-height:1.6}
.mock-card strong{display:block;font-size:15px;color:#37435a;letter-spacing:-.25px}
.mock-textarea{width:100%;resize:vertical;min-height:78px;border:1px solid #dfe5f0;border-radius:11px;background:#f9faff;padding:12px;color:#465169;font:inherit;font-size:13px;outline:none}
.mock-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.mock-button{border:1px solid #d6d8f2;background:#efedff;color:#534cba;font-size:12px;padding:11px 9px;border-radius:12px;font-weight:760;line-height:1.25;min-height:43px}
.mock-button.primary{background:#625fca;color:white;border-color:#625fca}
.mock-button:active{transform:scale(.97)}.mock-button:hover{filter:brightness(.97)}
.mock-photo{background:linear-gradient(140deg,#e9e6f8,#f5ece7);border:1px solid #e0ddea;display:flex;align-items:center;justify-content:center;height:91px;border-radius:11px;gap:8px;font-size:12px;color:#73738a;margin-top:7px}
.mock-photo span:first-child{font-size:31px}
.mock-subline{font-size:11px;color:#939bac;margin-top:12px;line-height:1.45}
.mock-pill{display:inline-block;background:#f4e9fa;color:#a27ab1;padding:5px 8px;border-radius:10px;font-size:11px;margin-bottom:7px}
.sim-playback{background:#fbfcff;border-radius:19px;border:1px solid #eceef4;padding:18px;min-width:0}
.playback-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.playback-head strong{font-size:14px}.playback-head span{font-size:10px;font-weight:740;color:#737c98}
.sim-result-box{padding:12px 14px;border:1px solid #d9dfef;border-radius:12px;color:#596984;background:#f7f9fd;font-size:12px;line-height:1.55;min-height:58px}
.sim-result-box.saved{background:#eef8f4;border-color:#cbe7dd;color:#477f71}
.sim-result-box.warn{background:#fff9ed;border-color:#f0dfb9;color:#996c3e}
.sim-result-box.paid{background:#f2efff;border-color:#ded7ff;color:#6e60a9}
.sim-actions-row{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:12px 0 0}
.sim-rerun{border:1px solid #dadcf0;border-radius:10px;background:#fff;padding:9px 12px;font-size:11px;font-weight:780;color:#655fc6}
.sim-progress{font-size:11px;color:#8894a5}
.sim-path{display:flex;align-items:center;gap:8px;overflow:hidden;margin-bottom:15px;min-height:59px}
.sim-path-node{border:1px solid #e1e4f3;border-radius:12px;background:#fff;min-width:85px;flex:1;padding:11px 7px;text-align:center;font-size:12px;font-weight:750;white-space:nowrap}
.sim-path-tube{height:3px;border-radius:8px;background:#e2e5ef;min-width:40px;flex:2;position:relative}
.sim-packet{width:15px;height:15px;background:#605fd2;position:absolute;top:50%;left:-7px;transform:translateY(-50%);border-radius:50%;box-shadow:0 0 0 5px #7470d52b;opacity:0;transition:left .65s cubic-bezier(.2,.7,.25,1)}
.sim-packet.moving{opacity:1;left:calc(100% - 7px)}
.sim-log{display:grid;gap:8px;list-style:none;margin:0;padding:0;max-height:360px;overflow:auto;min-height:93px;scrollbar-width:thin}
.sim-log li{display:grid;grid-template-columns:20px 1fr;gap:7px;font-size:12px;color:#627187;animation:sim-appear .28s ease both}
.sim-log strong{color:#3b4a62;font-size:12px;display:block;margin-bottom:3px}
.sim-log p{margin:0;line-height:1.5;color:#738198}.sim-log small{display:block;color:#908eae;margin-top:3px;font-size:10px}
.sim-log em{font-style:normal;font-size:10px;background:#e9edfc;color:#736bbe;padding:3px 6px;border-radius:7px;font-weight:750;display:inline-block;margin-top:5px}
.sim-log .sim-warn em{background:#ffefd9;color:#a7723c}
.sim-log .sim-done em{background:#e4f4ed;color:#5e937b}
.sim-run-dot{font-size:14px}
.sim-message{margin-bottom:10px;padding:10px 12px;border-radius:11px;background:#f1f2fe;color:#6861a4;font-size:12px;font-weight:650}
.sim-selected{padding:9px 11px;border-radius:10px;background:#f7f6ff;margin:0 0 15px;color:#6f6d98;font-size:11px;line-height:1.5}
.sim-comparison{margin-top:15px;font-size:12px;color:#778399;line-height:1.5}
.sim-comparison strong{color:#5553b2}
@keyframes sim-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:820px){.sim-content{grid-template-columns:1fr}.mock-device{max-width:none}.sim-shell{padding:16px}.sim-playback{padding:14px}.sim-tabs{width:100%}.sim-top{gap:14px}}
@media(prefers-reduced-motion:reduce){.sim-log li{animation:none}.sim-packet{transition:none}html{scroll-behavior:auto}}