.sq-demo{display:flex;flex-direction:column;gap:14px}.sq-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.sq-input{width:108px;padding:11px 12px;font-size:15px;font-family:var(--mono);border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--panel);color:var(--ink);min-height:44px}.sq-input:focus{outline:2px solid var(--accent);outline-offset:1px}.sq-btn{padding:11px 18px;font-size:14px;font-weight:600;font-family:var(--sans);border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--panel);color:var(--ink);cursor:pointer;min-height:44px;transition:transform .12s,background .12s,box-shadow .12s}.sq-btn:hover:not(:disabled){transform:translateY(-1px);background:var(--panel-2)}.sq-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sq-btn:disabled{opacity:.4;cursor:default}.sq-btn-op{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 22%,transparent)}.sq-btn-op:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,#000)}.sq-canvas{display:flex;align-items:center;min-height:260px;padding:14px 10px}.sq-uh{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:12px;gap:12px}.sq-uh-card{display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:16px;box-shadow:var(--shadow-sm)}.sq-uh-card h3{font-size:15px;font-weight:600}.sq-uh-card p{font-size:13px;line-height:1.6;color:var(--graphite)}.sq-op{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.sq-op:last-of-type{border-bottom:none}.sq-op code{font-size:13px;color:var(--ink)}.sq-cost,.sq-op code{font-family:var(--mono)}.sq-cost{flex:none;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.sq-cost-ok{color:var(--ink-ll);background:color-mix(in srgb,var(--ink-ll) 14%,transparent)}.sq-cost-bad{color:var(--ink-sort);background:color-mix(in srgb,var(--ink-sort) 16%,transparent)}.sq-wild{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px}.sq-col{display:flex;flex-direction:column;gap:12px}.sq-col-h{align-items:center;gap:9px;font-family:var(--sans);font-size:15px;font-weight:700}.sq-col-h,.sq-col-h .ic{display:inline-flex;color:var(--accent)}.sq-use{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r-control);padding:12px 14px}.sq-use h4{font-size:14px;font-weight:600;margin-bottom:4px}.sq-use p{font-size:13px;line-height:1.55;color:var(--graphite)}.sq-use code{font-family:var(--mono);font-size:12px;background:var(--panel-2);padding:1px 5px;border-radius:4px;color:var(--ink)}.sq-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-card)}.sq-table{width:100%;border-collapse:collapse;font-size:14px;min-width:440px}.sq-table td,.sq-table th{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}.sq-table thead th{background:var(--panel-2);font-family:var(--mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--graphite)}.sq-table tbody tr:last-child td{border-bottom:none}.sq-table td:first-child{font-weight:600;color:var(--accent)}.sq-table td code{font-family:var(--mono);font-size:12.5px;color:var(--ink)}.sq-table td .sq-cost{font-size:11px}@media (prefers-reduced-motion:reduce){.sq-btn{transition:none!important}}