.sm{--bad:#b42318;--warn:#8a5a00;flex-direction:column;gap:20px;display:flex}.sm *{min-width:0}.sm h3{letter-spacing:-.01em;margin:0 0 6px;font-size:1.05rem;font-weight:500}.sm p{margin:0 0 10px}.sm .muted{color:var(--muted)}.sm .small{font-size:.85rem}.sm .mono{font:500 .68rem/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sm .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sm .spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sm .stack{flex-direction:column;gap:12px;display:flex}.sm .grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.sm .grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}@media (width<=760px){.sm .grid2,.sm .grid3{grid-template-columns:1fr}}.sm .panel{border:1px solid var(--line);background:var(--bg);padding:20px}.sm .frame{border:1px dashed var(--dash);padding:16px}.sm .note{border:1px dashed var(--dash);color:var(--muted);padding:10px 14px;font-size:.86rem}.sm .note.warn{color:var(--warn);border-color:#e3c78f}.sm .note.bad{color:var(--bad);border-color:#f0b4ae}.sm hr{border:0;border-top:1px solid var(--line);margin:4px 0}.sm .btn{color:var(--fg);background:var(--bg);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:.86rem;font-weight:500;line-height:1;transition:border-color .15s,background .15s}.sm .btn:hover:not(:disabled){border-color:var(--faint)}.sm .btn.primary{background:var(--fg);border-color:var(--fg);color:var(--bg)}.sm .btn.primary:hover:not(:disabled){background:#2a2c31}.sm .btn.small{padding:5px 11px;font-size:.78rem}.sm .btn.ghost{border-color:#0000}.sm .btn:disabled{opacity:.45;cursor:default}.sm .link{font:inherit;color:var(--fg);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.sm .x{color:var(--faint);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:1rem;line-height:1}.sm .x:hover{color:var(--fg)}.sm label.field{flex-direction:column;gap:5px;display:flex}.sm input[type=text],.sm input[type=password],.sm input[type=number],.sm input[type=search],.sm textarea,.sm select{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:2px;width:100%;padding:7px 10px;font-size:.92rem}.sm textarea{font-family:var(--mono);resize:vertical;font-size:.78rem;line-height:1.5}.sm input:focus,.sm textarea:focus,.sm select:focus{border-color:var(--fg);outline:none}.sm input[type=checkbox]{accent-color:var(--fg);width:15px;height:15px}.sm .check{cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.sm .topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sm .topbar h2{letter-spacing:-.02em;color:var(--fg);text-transform:none;margin:2px 0 4px;font-family:inherit;font-size:1.4rem;font-weight:500;line-height:1.2}.sm .steps{border:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.sm .steps button{text-align:left;background:var(--bg);border:0;border-right:1px solid var(--line);cursor:pointer;font:inherit;color:var(--fg);flex-direction:column;gap:3px;padding:12px 14px 13px;display:flex;position:relative}.sm .steps button:last-child{border-right:0}.sm .steps button:hover,.sm .steps button[aria-current=step]{background:var(--soft)}.sm .steps button[aria-current=step]:after{content:"";background:var(--fg);height:2px;position:absolute;bottom:-1px;left:0;right:0}.sm .steps .name{font-size:.95rem;font-weight:500}.sm .steps .state{color:var(--muted);font-size:.78rem}.sm .steps .done:before{content:"■ ";color:var(--fg)}@media (width<=760px){.sm .steps{grid-template-columns:repeat(5,minmax(96px,1fr));overflow-x:auto}.sm .steps .state{display:none}.sm .steps .name{font-size:.86rem}.sm .steps button{padding:10px}}.sm .list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.sm .list>li{border-bottom:1px solid var(--line);align-items:baseline;gap:12px;padding:10px 2px;display:flex}.sm .list .grow{flex:1}.sm .scroll{max-height:460px;overflow:auto}.sm table{border-collapse:collapse;width:100%;font-size:.88rem}.sm th{text-align:left;font:500 .66rem/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);background:var(--bg);padding:8px;position:sticky;top:0}.sm td{border-bottom:1px solid var(--line);vertical-align:top;padding:8px}.sm tr.clickable{cursor:pointer}.sm tr.clickable:hover td{background:var(--soft)}.sm .num{font-family:var(--mono);white-space:nowrap;font-size:.78rem}.sm .badge{font:500 .64rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);align-items:center;gap:5px;padding:3px 6px;display:inline-flex}.sm .badge.pass{color:var(--fg)}.sm .badge.pass:before{content:"";background:var(--fg);width:6px;height:6px}.sm .badge.fail{color:var(--bad);border-color:#f0b4ae}.sm .badge.fail:before{content:"";border:1px solid var(--bad);width:5px;height:5px}.sm .bar{background:var(--line);height:4px;position:relative;overflow:hidden}.sm .bar>i{background:var(--fg);transition:width .3s;position:absolute;inset:0 auto 0 0}.sm .cells{gap:2px;display:grid}.sm .cells i{aspect-ratio:1;border:1px solid var(--line)}.sm .cells i.ok{background:var(--fg);border-color:var(--fg)}.sm .cells i.err{background:repeating-linear-gradient(45deg, var(--bad) 0 1px, transparent 1px 3px);border-color:var(--bad)}.sm .log{font:400 .72rem/1.55 var(--mono);color:var(--muted);border-top:1px solid var(--line);white-space:pre-wrap;max-height:150px;padding-top:8px;overflow:auto}.sm .votes{border:1px solid var(--line);min-width:80px;height:8px;display:flex}.sm .votes i{border-right:1px solid var(--bg);height:100%;display:block}.sm .votes i:first-child{background:var(--fg)}.sm .votes i:nth-child(2){background:#8b8f96}.sm .votes i:nth-child(3){background:#c4c6cb}.sm .votes i:nth-child(n+4){background:#e2e3e6}.sm .tree{border-left:1px solid var(--line);margin:0;padding:0 0 0 16px;list-style:none}.sm .tree.root{border-left:0;padding-left:0}.sm .node{padding:4px 0}.sm .node-head{align-items:center;gap:8px;display:flex}.sm .node-head .chapter{font:500 .72rem/1 var(--mono);color:var(--muted);min-width:44px}.sm .node-head input{padding:4px 8px;font-size:.88rem}.sm .node-body{flex-direction:column;gap:6px;margin:6px 0 8px 52px;display:flex}.sm .node-body textarea{font-family:inherit;font-size:.85rem}.sm .metric{border:1px solid var(--line);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.sm .metric .value{letter-spacing:-.02em;font-size:1.4rem;font-weight:500;line-height:1.1}.sm .metric .detail{color:var(--muted);font-size:.82rem}.sm .metric .action{font-size:.82rem}.sm svg text{font-family:var(--mono)}.sm .drawer{border-left:2px solid var(--fg);margin:6px 0 4px;padding:4px 0 4px 14px}