@layer theme,base,theory-ui,chord-practice-ui,guitar-ui;@layer page{:root[data-page=chord-builder] .builder-card{border-radius:var(--radius-lg);margin-bottom:20px;padding:26px}:root[data-page=chord-builder] .builder-layout{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:28px;display:grid}:root[data-page=chord-builder] .builder-editor-col{min-width:0}:root[data-page=chord-builder] .field-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px;font-size:.72rem;display:block}:root[data-page=chord-builder] .field-label-inline{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.72rem}:root[data-page=chord-builder] .chord-name-input,:root[data-page=chord-builder] .template-select{background:var(--surface-soft);border-radius:var(--radius-sm);width:100%;color:var(--text);border:1px solid #ffffff24;padding:12px 16px;font-size:1rem}:root[data-page=chord-builder] .chord-name-input:focus,:root[data-page=chord-builder] .template-select:focus{border-color:var(--accent);outline:none}:root[data-page=chord-builder] .builder-diagram-wrap{justify-content:center;margin-top:16px}:root[data-page=chord-builder] .base-fret-row{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}:root[data-page=chord-builder] .stepper-btn-tiny{padding:6px 14px;font-size:1.1rem;line-height:1}:root[data-page=chord-builder] .base-fret-display{text-align:center;min-width:96px;font-weight:700}:root[data-page=chord-builder] .builder-hint{color:var(--muted);margin:16px 4px 0;font-size:.88rem;line-height:1.6}:root[data-page=chord-builder] .builder-tools-col{flex-direction:column;gap:20px;display:flex}:root[data-page=chord-builder] .tool-group{flex-direction:column;gap:8px;display:flex}:root[data-page=chord-builder] .tool-buttons{flex-wrap:wrap;gap:8px;display:flex}:root[data-page=chord-builder] .tool-btn{background:var(--surface-soft);min-width:40px;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #ffffff24;flex:40px;padding:10px 6px;font-weight:700;transition:background .14s,border-color .14s,transform .14s}:root[data-page=chord-builder] .tool-btn:hover,:root[data-page=chord-builder] .tool-btn:focus-visible{border-color:#ffffff4d;outline:none;transform:translateY(-1px)}:root[data-page=chord-builder] .tool-btn.is-active{background:linear-gradient(180deg, var(--accent) 0%, var(--accent-strong) 100%);color:#0b1220;border-color:#0000}:root[data-page=chord-builder] .tool-btn-wide{flex:100%}:root[data-page=chord-builder] .save-chord-btn{width:100%;padding:14px 20px;font-size:.98rem}:root[data-page=chord-builder] .save-status{text-align:center;min-height:20px;color:var(--accent);margin:0;font-size:.85rem;font-weight:700}:root[data-page=chord-builder] .library-card{border-radius:var(--radius-lg);padding:26px}:root[data-page=chord-builder] .library-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}:root[data-page=chord-builder] .library-header h2{margin:4px 0 0}:root[data-page=chord-builder] .library-empty{color:var(--muted);margin:12px 0 0}:root[data-page=chord-builder] .library-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;margin-top:18px;display:grid}:root[data-page=chord-builder] .library-item{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}:root[data-page=chord-builder] .library-item-diagram{justify-content:center;width:100%;display:flex}:root[data-page=chord-builder] .library-item-diagram .chord-diagram-svg{max-width:150px}:root[data-page=chord-builder] .library-item-name{text-align:center;word-break:break-word;font-size:1.05rem;font-weight:800}:root[data-page=chord-builder] .library-item-actions{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}:root[data-page=chord-builder] .library-item-btn{background:var(--surface-soft);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #ffffff24;padding:6px 12px;font-size:.8rem;font-weight:700;transition:background .14s,border-color .14s}:root[data-page=chord-builder] .library-item-btn:hover,:root[data-page=chord-builder] .library-item-btn:focus-visible{background:#ffffff14;outline:none}:root[data-page=chord-builder] .library-item-btn.is-danger{color:var(--danger-strong);border-color:#e9456059}:root[data-page=chord-builder] .library-item-btn.is-danger:hover{background:#e9456024}@media (width<=760px){:root[data-page=chord-builder] .builder-layout{grid-template-columns:minmax(0,1fr)}:root[data-page=chord-builder] .builder-card,:root[data-page=chord-builder] .library-card{padding:20px 16px}}@media print{:root[data-page=chord-builder] .topbar,:root[data-page=chord-builder] .builder-card,:root[data-page=chord-builder] .library-header,:root[data-page=chord-builder] .library-empty{display:none!important}:root[data-page=chord-builder] body{background:#fff!important}:root[data-page=chord-builder] .app-shell{width:100%;padding:0}:root[data-page=chord-builder] .library-card{box-shadow:none!important;background:#fff!important;border:none!important}:root[data-page=chord-builder] .library-grid{grid-template-columns:repeat(3,1fr)}:root[data-page=chord-builder] .library-item{break-inside:avoid;border:1px solid #ccc}:root[data-page=chord-builder] .library-item-name{color:#111}:root[data-page=chord-builder] .library-item-actions{display:none!important}:root[data-page=chord-builder] .chord-diagram-wrap{background:#2b1a0c!important}}}