.to-grid{grid-template-columns:minmax(260px,1fr) minmax(300px,1.25fr);align-items:start;gap:22px;display:grid}.to-panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px}.to-cand h2{margin:0 0 6px;font-size:15.5px}.to-field{margin-bottom:12px;display:block}.to-label{color:var(--text-sub);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.to-row{align-items:center;gap:10px;display:flex}.to-row input[type=color]{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;width:46px;height:38px;padding:2px}.to-row input[type=text]{min-width:0;font-family:var(--font-mono,monospace);border:1px solid var(--border);background:var(--bg-sub);color:var(--text);border-radius:8px;flex:1;padding:9px 11px;font-size:14px}.to-row input[type=text].is-bad{border-color:#e24b4a}.to-hint{color:var(--text-faint);margin:0 0 12px;font-size:12.5px;line-height:1.6}.to-picks{grid-template-columns:1fr;gap:8px;display:grid}.to-pick{text-align:left;background:var(--bg-sub);border:1px solid var(--border);cursor:pointer;font:inherit;color:inherit;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.to-pick:hover{border-color:var(--border-strong)}.to-pick-swatch{border:1px solid var(--border);border-radius:8px;flex:none;width:30px;height:30px}.to-pick-meta{flex-direction:column;min-width:0;display:flex}.to-pick-meta strong{font-size:13px}.to-pick-meta span{font-family:var(--font-mono,monospace);color:var(--text-faint);font-size:11.5px}.to-list{gap:6px;display:grid}.to-item{background:var(--bg-sub);border:1px solid var(--border);cursor:pointer;width:100%;font:inherit;color:inherit;text-align:left;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.to-item:hover{border-color:var(--border-strong)}.to-item.is-active{border-color:var(--border-strong);box-shadow:inset 0 0 0 1px var(--border-strong)}.to-item-swatch{border:1px solid var(--border);border-radius:8px;flex:none;width:34px;height:34px}.to-item-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.to-item-hex{font-family:var(--font-mono,monospace);font-size:12.5px}.to-item-kind{color:var(--text-faint);font-size:11.5px}.to-item-ratio{font-family:var(--font-mono,monospace);color:var(--text-sub);font-size:12.5px}.to-item-badge{background:var(--surface-2,var(--bg-sub));color:var(--text-sub);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.to-item-badge.is-aaa{color:#1a6b3c;background:#e8f5ec}.to-item-badge.is-aa{color:#3b6d11;background:#eaf3de}.to-item-badge.is-fail{color:#a32d2d;background:#fdeceb}.to-item-rec{color:#0f6e56;background:#e1f5ee;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.to-warn{color:#a32d2d;background:#fdeceb;border-radius:8px;margin:12px 0 0;padding:8px 10px;font-size:12.5px;line-height:1.6}.to-preview-wrap{margin-top:22px}.to-preview{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:18px 20px}.to-preview-head{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;display:flex}.to-preview-hex,.to-preview-ratio{font-family:var(--font-mono,monospace)}.to-preview-body{margin:0 0 10px;font-size:14.5px;line-height:1.7}.to-preview-large{margin:0;font-size:22px;font-weight:700;line-height:1.4}.to-guide{max-width:760px;margin-top:42px}.to-guide h2{margin:0 0 12px;font-size:20px}.to-guide p{color:var(--text-sub);margin:0 0 12px;font-size:14px;line-height:1.78}.to-links{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.to-lib{margin-top:44px}.to-lib h2{margin:0 0 8px;font-size:20px}.to-table-wrap{border:1px solid var(--border);border-radius:12px;overflow-x:auto}.to-table{border-collapse:collapse;width:100%;font-size:13px}.to-table th,.to-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 12px}.to-table thead th{color:var(--text-sub);background:var(--bg-sub);font-size:12px;font-weight:600}.to-table tbody tr:last-child th,.to-table tbody tr:last-child td{border-bottom:0}.to-table tbody th{font-weight:500}.to-table a{color:inherit}.to-table code{font-family:var(--font-mono,monospace);font-size:12px}.to-dot{border:1px solid var(--border);vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:6px;display:inline-block}.to-num{font-family:var(--font-mono,monospace)}.to-range{color:var(--text-faint);margin:10px 0 0;font-size:12.5px}.to-badge{color:#a32d2d;background:#fdeceb;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:600}.to-badge.is-aa{color:#3b6d11;background:#eaf3de}.to-badge.is-aaa{color:#1a6b3c;background:#e8f5ec}@media (width<=760px){.to-grid{grid-template-columns:1fr}}