.sn-form{display: grid;grid-template-columns: 1.4fr .8fr 1.2fr auto;gap: 10px;align-items: end;padding: 16px;border-radius: 22px;background: var(--surface);border: 1px solid var(--line);box-shadow: var(--shadow)}.sn-f{display: grid;gap: 4px;font-size: 13px;color: var(--ink-3)}.sn-f input, .sn-f select, .sn-split input, .sn-pf input{height: 44px;padding: 0 12px;border-radius: 12px;border: 1px solid var(--line);background: var(--surface-2, #fff);color: var(--ink);font: inherit;font-size: 16px;font-family: var(--mono, monospace)}.sn-examples{display: flex;flex-wrap: wrap;align-items: center;gap: 6px;margin: 10px 0 4px;font-size: 13px;color: var(--ink-3)}.sn-examples button{padding: 5px 10px;border-radius: 14px;border: 1px solid var(--line);background: var(--surface);color: var(--ink);font-family: var(--mono, monospace);font-size: 12.5px;cursor: pointer;direction: ltr}.sn-err{color: #dc2626;font-weight: 700}.sn-grid{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 10px;margin-top: 16px}.sn-card{padding: 12px;border-radius: 16px;background: var(--surface);border: 1px solid var(--line);display: grid;gap: 2px;min-width: 0}.sn-card small{color: var(--ink-3);font-size: 12px}.sn-card b{font-size: 17px;font-family: var(--mono, monospace);color: var(--brand);word-break: break-all}.sn-card span{font-size: 11.5px;color: var(--ink-3)}.sn-h{font-size: 19px;margin: 28px 0 12px;display: flex;align-items: center;gap: 8px}.sn-h i{color: #f5b942}.sn-bin{padding: 14px;border-radius: 18px;background: #0b1533;color: #e2e8f0;overflow-x: auto}.sn-row{display: grid;grid-template-columns: 70px auto 1fr;align-items: center;gap: 10px;padding: 4px 0;white-space: nowrap}.sn-l{font-size: 13px;color: #94a3b8}.sn-d{font-family: var(--mono, monospace);color: #fde68a;font-size: 13px;text-align: left}.sn-row code{font-size: 14px;letter-spacing: 1px;background: none;padding: 0}.sn-row i, .sn-legend i{font-style: normal}.sn-row i.nb, .sn-legend i.nb{color: #7dd3fc}.sn-row i.hb, .sn-legend i.hb{color: #fca5a5}.sn-row i.dot{color: #64748b;padding: 0 2px}.sn-and{text-align: center;color: #f5b942;font-weight: 800;font-size: 12px;padding: 2px 0}.sn-legend{margin: 8px 0 0;font-size: 12.5px;color: #cbd5e1}.sn-steps{display: grid;gap: 8px;margin: 14px 0 0;padding-inline-start: 22px;line-height: 1.9}.sn-split{display: flex;flex-wrap: wrap;gap: 10px;align-items: end}.sn-split label{display: grid;gap: 4px;font-size: 13px;color: var(--ink-3)}.sn-split input{width: 120px}.sn-note{color: var(--ink-2, var(--ink));line-height: 1.9;margin: 12px 0}.sn-table-wrap{overflow-x: auto;border-radius: 16px;border: 1px solid var(--line)}.sn-table{width: 100%;border-collapse: collapse;font-size: 13.5px}.sn-table th, .sn-table td{padding: 8px 10px;border-bottom: 1px solid var(--line);text-align: start;white-space: nowrap}.sn-table th{background: var(--surface-2, rgba(148,163,184,.1))}.sn-table td{font-family: var(--mono, monospace)}.sn-practice{padding: 16px;border-radius: 20px;background: var(--surface);border: 1px solid var(--line)}.sn-pf{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 10px;margin: 10px 0}.sn-pf label{display: grid;gap: 4px;font-size: 13px;color: var(--ink-3)}.sn-pf input.ok{border-color: #22c55e;background: rgba(34, 197, 94, .1)}.sn-pf input.no{border-color: #ef4444;background: rgba(239, 68, 68, .08)}.sn-pbtns{display: flex;gap: 8px;flex-wrap: wrap}.sn-pres{margin-top: 10px;line-height: 1.9}@media (max-width: 760px){.sn-form{grid-template-columns: 1fr 1fr}.sn-form .btn{grid-column: 1 / -1}.sn-grid{grid-template-columns: 1fr 1fr}.sn-pf{grid-template-columns: 1fr}.sn-row{grid-template-columns: 56px auto}.sn-d{grid-column: 2;text-align: right}}