.site .aosg{gap:40px;display:grid}.site .aosg-controls{border-top:1px solid var(--fg-3);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:end;gap:16px 24px;padding:16px 0;display:flex}.site .aosg-control{gap:6px;min-width:0;display:grid}.site .aosg-control span{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .aosg-control select{appearance:none;border:1px solid var(--line-2);min-width:168px;font:400 12.5px/1.3 var(--mono);color:var(--fg);cursor:pointer;background:0 0;border-radius:0;padding:8px 12px;transition:border-color .2s}.site .aosg-control select:hover,.site .aosg-control select:focus-visible{border-color:var(--fg);outline:0}.site .aosg-control option{background:var(--bg);color:var(--fg)}.site .aosg-hint{color:var(--fg-2);flex:220px;margin:0;font-size:13px;line-height:1.5}.site .aosg-family{gap:16px;display:grid}.site .aosg-family-head{gap:4px;display:grid}.site .aosg-family-t{letter-spacing:0;color:var(--fg);margin:0;font-size:18px;font-weight:500}.site .aosg-family-t span{font:500 12px/1 var(--mono);color:var(--fg-3)}.site .aosg-family-note{max-width:62ch;color:var(--fg-2);margin:0;font-size:13.5px;line-height:1.6}.site .aosg-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid}.site .aosg-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.site .aosg-stage{aspect-ratio:4/3;place-items:center;padding:24px;display:grid;overflow:hidden}.site .aosg-spec{border:1px solid var(--line-2);background:var(--panel);gap:8px;width:min(100%,120px);padding:14px;display:grid}.site .aosg-spec-bar{background:var(--fg-2);width:60%;height:8px}.site .aosg-spec-line{background:var(--line-2);height:4px}.site .aosg-spec-short{width:70%}.site .aosg-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:8px 12px;display:flex}.site .aosg-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:500 12px/1.4 var(--mono);color:var(--fg);flex:auto;overflow:hidden}.site .aosg-actions{flex:none;gap:4px;display:flex}.site .aosg-btn{border:1px solid var(--line-2);min-width:32px;min-height:28px;font:500 11px/1 var(--mono);color:var(--fg-2);cursor:pointer;background:0 0;border-radius:0;padding:2px 8px;transition:border-color .2s,color .2s}.site .aosg-btn:hover,.site .aosg-btn:focus-visible{border-color:var(--fg);color:var(--fg);outline:0}.site .aosg-table{border-collapse:collapse;width:100%;font-size:13.5px}.site .aosg-table th,.site .aosg-table td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px 10px 0}.site .aosg-table th{font:500 10px/1.4 var(--mono);color:var(--fg-3)}.site .aosg-table td:first-child,.site .aosg-table td:nth-child(2),.site .aosg-table td:nth-child(3){font:400 12.5px/1.5 var(--mono);color:var(--fg);white-space:nowrap}.site .aosg-table td:last-child{color:var(--fg-2);line-height:1.6}.site .aosg-scroll{overflow-x:auto}.site .aosg-names{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.site .aosg-names li{border:1px solid var(--line);font:400 12px/1.4 var(--mono);color:var(--fg-2);padding:4px 8px}.site .aosf-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.site .aosf-panel{border-right:1px solid var(--line);border-bottom:1px solid var(--line);gap:8px;min-width:0;padding:16px;display:grid}.site .aosf-panel svg{width:100%;height:auto}.site .aosf-pencil{color:var(--fg-3)}.site .aosf-ink{color:var(--fg)}.site .aosf-arrow{color:var(--fg-2)}.site .aosf-k{gap:2px;min-width:0;margin:0;display:grid}.site .aosf-k code{font:500 12px/1.4 var(--mono);color:var(--fg)}.site .aosf-k span{font:400 11px/1.4 var(--mono);color:var(--fg-3)}@media (max-width:600px){.site .aosg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site .aosg-stage{aspect-ratio:1;padding:16px}.site .aosg-foot{flex-wrap:wrap;padding:8px}.site .aosg-name{flex-basis:100%}.site .aosg-control{flex:140px}.site .aosg-control select{width:100%;min-width:0}}