main{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 24px}.container{width:100%;max-width:720px;display:flex;flex-direction:column;gap:24px}.title-section{text-align:center;margin-bottom:10px}.title{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,var(--text) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.card-input,.result-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 4px 20px #0003}.control-group{display:flex;flex-direction:column;gap:12px}.control-group label{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.input-row{display:flex;gap:12px}.input-row input{flex:1;background:var(--bg3);border:1px solid var(--border);color:#fff;padding:14px 16px;border-radius:var(--r);outline:none;font-family:JetBrains Mono,monospace;font-size:16px;transition:border-color .2s,box-shadow .2s}.input-row input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.preset-tag{background:var(--bg3);border:1px solid var(--border);padding:6px 10px;border-radius:6px;font-size:12px;font-family:JetBrains Mono,monospace;color:var(--muted);cursor:pointer;transition:all .2s}.preset-tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.explanation-panel{display:flex;flex-direction:column;gap:20px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.main-explanation .desc-text{font-size:18px;color:#fff;line-height:1.5;font-weight:500;margin-top:8px}.main-explanation h3,.next-runs-card h3{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.grid-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.field-item{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}.field-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.field-value{font-family:JetBrains Mono,monospace;font-size:15px;color:var(--accent);font-weight:600}.field-desc{font-size:13px;color:#fff;line-height:1.4}.runs-list{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:12px}.runs-list li{background:var(--bg3);border-left:3px solid var(--success);padding:12px 16px;border-radius:0 var(--r) var(--r) 0;font-family:JetBrains Mono,monospace;font-size:14px;color:#fff;display:flex;align-items:center;gap:12px}.runs-list li:before{content:"\23f1\fe0f";font-size:14px}@media(max-width:768px){main{padding:20px 12px}.input-row{flex-direction:column}.input-row button{width:100%}}