.arrangement-notes-sidebar-shell{align-self:flex-start;min-width:0;height:0;display:flex;position:relative}.arrangement-notes-sidebar-shell--open{height:auto}.arrangement-notes-sidebar__overlay{display:none}.arrangement-notes-panel{background:color-mix(in srgb,var(--bg-secondary)78%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-color)70%,transparent);border-radius:12px;flex-direction:column;gap:.6rem;min-height:0;padding:.75rem;display:flex}.arrangement-notes-panel--sidebar{opacity:0;visibility:hidden;pointer-events:none;width:0;min-width:0;max-height:0;margin-left:0;padding:0;transition:width .18s,min-width .18s,margin-left .18s,opacity .14s;overflow:hidden}.arrangement-notes-panel--sidebar.arrangement-notes-panel--open{max-height:none;padding:.75rem}.arrangement-notes-panel--open{width:360px;min-width:320px;margin-left:var(--songs-stack-spacing);opacity:1;visibility:visible;pointer-events:auto}.arrangement-notes-panel__header{justify-content:space-between;align-items:flex-start;gap:.6rem;display:flex}.arrangement-notes-panel__header-actions{align-items:center;gap:.4rem;display:inline-flex}.arrangement-notes-panel__close{--ghost-icon-size:var(--control-sm)}.arrangement-notes-panel__close svg{stroke-width:2px;width:14px;height:14px}.arrangement-notes-panel__title{color:var(--text-primary);margin:0;font-size:1rem}.arrangement-notes-panel__hint{color:var(--text-muted);margin:.2rem 0 0;font-size:.78rem}.arrangement-notes-panel__filter{background:color-mix(in srgb,var(--surface-2)84%,transparent);border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .55rem;display:flex}.arrangement-notes-panel__filter-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:500;overflow:hidden}.arrangement-notes-panel__filter-clear{color:var(--accent-primary);cursor:pointer;background:0 0;border:none;font-size:.76rem}.arrangement-notes-editor textarea,.arrangement-notes-editor input,.arrangement-notes-editor select{border:1px solid var(--border-color);background:var(--surface-2);width:100%;color:var(--text-primary);border-radius:8px;padding:.45rem .55rem}.arrangement-notes-panel__error{color:var(--accent-danger,#c27f8c);margin:0;font-size:.82rem}.arrangement-notes-panel__status{color:var(--text-muted);margin:0;font-size:.86rem}.arrangement-notes-editor{background:color-mix(in srgb,var(--surface-2)70%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-primary)30%,transparent);border-radius:10px;flex-direction:column;gap:.45rem;padding:.65rem;display:flex}.arrangement-notes-editor--quick{padding:.55rem}.arrangement-notes-editor__row{grid-template-columns:100px minmax(0,1fr);align-items:center;gap:.5rem;display:grid}.arrangement-notes-editor__row--stack{grid-template-columns:1fr}.arrangement-notes-editor__row label{color:var(--text-muted);font-size:.78rem}.arrangement-notes-editor__hint{color:var(--text-muted);margin:0;font-size:.75rem}.arrangement-notes-editor__actions{justify-content:flex-end;gap:.45rem;display:flex}.arrangement-notes-editor__meta-controls{flex-wrap:wrap;gap:.35rem;display:flex}.arrangement-notes-editor__meta-chip{border:1px solid color-mix(in srgb,var(--border-color)70%,transparent);border-radius:var(--border-radius-pill);background:color-mix(in srgb,var(--surface-1)82%,transparent);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.28rem;padding:.16rem .42rem;font-size:.72rem;line-height:1.2;display:inline-flex}.arrangement-notes-editor__meta-chip:disabled{opacity:.6;cursor:default}.arrangement-notes-editor__meta-chip-caret{opacity:.82;font-size:.62rem;transition:transform .12s,opacity .12s;transform:translateY(.02rem)}.arrangement-notes-editor__meta-chip--scope.is-open{border-color:color-mix(in srgb,var(--accent-primary)45%,transparent);background:color-mix(in srgb,var(--accent-primary)14%,var(--surface-1));color:var(--text-primary)}.arrangement-notes-editor__meta-chip--scope.is-open .arrangement-notes-editor__meta-chip-caret{opacity:1;transform:rotate(180deg)}.arrangement-notes-editor__section-options{background:color-mix(in srgb,var(--surface-1)86%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-primary)25%,transparent);border-radius:10px;flex-wrap:wrap;gap:.35rem;margin-left:.35rem;padding:.35rem;display:flex;position:relative}.arrangement-notes-editor__section-options:before{content:"";border-top:1px solid color-mix(in srgb,var(--accent-primary)25%,transparent);border-left:1px solid color-mix(in srgb,var(--accent-primary)25%,transparent);background:color-mix(in srgb,var(--surface-1)86%,transparent);width:.45rem;height:.45rem;position:absolute;top:-.22rem;left:.8rem;transform:rotate(45deg)}.arrangement-notes-editor__section-options-hint{color:var(--text-muted);width:100%;margin:0 .1rem;font-size:.68rem}.arrangement-notes-editor__section-option{border:1px solid color-mix(in srgb,var(--border-color)70%,transparent);border-radius:var(--border-radius-pill);background:color-mix(in srgb,var(--surface-1)82%,transparent);color:var(--text-secondary);cursor:pointer;align-items:center;padding:.16rem .42rem;font-size:.72rem;line-height:1.2;display:inline-flex}.arrangement-notes-editor__section-option.is-active{border-color:color-mix(in srgb,var(--accent-primary)45%,transparent);background:color-mix(in srgb,var(--accent-primary)18%,var(--surface-1));color:var(--text-primary)}.arrangement-notes-editor__inline-row{align-items:center;gap:.4rem;display:flex}.arrangement-notes-editor__inline-row--stack{flex-direction:column;align-items:stretch}.arrangement-notes-editor__inline-control{width:100%;min-width:0}.arrangement-notes-list{flex-direction:column;gap:.55rem;min-height:0;padding-right:.15rem;display:flex;overflow:auto}.arrangement-note-card{background:color-mix(in srgb,var(--surface-2)85%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-color)65%,transparent);will-change:transform;border-radius:10px;flex-direction:column;gap:.4rem;padding:.6rem;transition:transform .14s,background-color .14s,box-shadow .14s;display:flex}.arrangement-note-card--editing{background:color-mix(in srgb,var(--surface-2)72%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-primary)32%,transparent)}.arrangement-note-card--new{animation:1.4s ease-out arrangement-note-card-new}.arrangement-note-card__inline-editor{flex-direction:column;gap:.45rem;display:flex}.arrangement-note-card__header{justify-content:space-between;align-items:flex-start;gap:.35rem;display:flex}.arrangement-note-card__meta{flex-wrap:wrap;flex:1;gap:.3rem;min-width:0;display:flex}.arrangement-note-card__meta .chip{border-radius:var(--border-radius-pill);color:var(--text-secondary);background:color-mix(in srgb,var(--surface-3)75%,transparent);align-items:center;padding:.16rem .42rem;font-size:.7rem;display:inline-flex}.arrangement-note-card__content{background:color-mix(in srgb,var(--surface-1)88%,transparent);color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:0;padding:.5rem;font-size:.8rem}.arrangement-note-card__content--expanded{max-height:min(58vh,560px);font-size:.86rem;line-height:1.45;overflow:hidden auto}.arrangement-note-card__actions{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.arrangement-note-card__action-btn{border-radius:8px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;padding:0;display:inline-flex}.arrangement-note-card__action-btn svg{width:14px;height:14px}.arrangement-note-card__action-btn--quiet{color:var(--text-muted);box-shadow:none;background:0 0;border-color:#0000}.arrangement-note-card__action-btn--quiet:hover:not(:disabled),.arrangement-note-card__action-btn--quiet:focus-visible{background:color-mix(in srgb,var(--surface-3)70%,transparent);color:var(--text-primary);border-color:#0000}.arrangement-note-card__action-btn--danger{color:color-mix(in srgb,var(--accent-danger,#c27f8c)85%,var(--text-secondary))}.arrangement-note-card__action-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--accent-danger,#c27f8c)14%,var(--surface-1));color:var(--accent-danger,#c27f8c)}.arrangement-note-modal{flex-direction:column;gap:.7rem;width:100%;min-width:0;max-width:100%;display:flex}.arrangement-note-modal__actions{justify-content:flex-end;gap:.45rem;display:flex}.arrangement-note-card__content--rich{flex-direction:column;gap:.55rem;display:flex}.arrangement-note-card__text-segment{font-size:inherit;line-height:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.arrangement-note-card__tab-segment{margin:0;overflow-x:auto}.tab-svg{flex-direction:column;align-items:flex-start;gap:.3rem;display:flex}.tab-svg__canvas{background:color-mix(in srgb,var(--surface-1)92%,transparent);width:auto;max-width:100%;height:auto;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-color)65%,transparent);border-radius:6px;align-self:flex-start;display:block}.tab-svg__string-line{stroke:color-mix(in srgb,var(--border-color)80%,transparent);stroke-width:.9px}.tab-svg__measure-bar{stroke:color-mix(in srgb,var(--text-primary)72%,transparent);stroke-width:1px}.tab-svg__label{fill:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:8px}.tab-svg__glyph{fill:color-mix(in srgb,var(--text-secondary)88%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:9px;font-weight:500}.tab-svg__glyph--fret{fill:color-mix(in srgb,var(--accent-primary)86%,var(--text-primary));font-weight:700}.tab-svg__glyph--technique{fill:color-mix(in srgb,var(--accent-warning,#c18f2f)84%,var(--text-primary))}.tab-svg__warnings{color:var(--text-muted);margin:0;padding-left:1rem;font-size:.72rem}.tab-svg__fallback{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tab-builder-modal .modal-body{padding-top:.5rem}.tab-builder{flex-direction:column;gap:.55rem;display:flex}.tab-builder__editor{flex-direction:column;gap:.35rem;display:flex}.tab-builder__label{color:var(--text-muted);font-size:.78rem}.tab-builder__textarea{resize:vertical;border:1px solid color-mix(in srgb,var(--border-color)70%,transparent);background:color-mix(in srgb,var(--surface-1)90%,transparent);width:100%;min-width:0;min-height:210px;color:var(--text-primary);white-space:pre;border-radius:8px;padding:.5rem .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.3}.tab-builder__hint{color:var(--text-muted);margin:0;font-size:.72rem}.tab-builder__toolbar{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.tab-builder__techniques{flex-wrap:wrap;align-items:center;gap:.3rem;margin-left:auto;display:inline-flex}.tab-builder__technique-btn{min-width:1.9rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tab-builder__preview{flex-direction:column;gap:.35rem;min-width:0;display:flex}.tab-builder__preview h4{color:var(--text-secondary);margin:0;font-size:.76rem;font-weight:600}.tab-builder__actions{justify-content:flex-end;gap:.4rem;display:flex}@keyframes arrangement-note-card-new{0%{background:color-mix(in srgb,var(--accent-primary)20%,var(--surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent-primary)50%,transparent)}to{background:color-mix(in srgb,var(--surface-2)85%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-color)65%,transparent)}}@media (prefers-reduced-motion:reduce){.arrangement-note-card{transition:none}.arrangement-note-card--new{animation:none}}@media (max-width:900px){.arrangement-notes-sidebar-shell--open{height:0}.arrangement-notes-sidebar__overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:calc(var(--z-modal) - 2);cursor:pointer;background:#00000073;border:none;margin:0;padding:0;display:block;position:fixed;inset:0}.arrangement-notes-panel--sidebar{border-top:1px solid var(--border-color);opacity:0;width:100%;min-width:0;max-height:min(80vh,620px);z-index:calc(var(--z-modal) - 1);border-radius:14px 14px 0 0;margin-left:0;transition:opacity .14s,transform .18s;position:fixed;bottom:0;left:0;right:0;transform:translateY(14px);box-shadow:0 -12px 32px #00000038}.arrangement-notes-panel--open{opacity:1;min-width:0;margin-left:0;transform:translateY(0)}.arrangement-notes-panel__filter-clear,.arrangement-notes-editor__meta-chip,.arrangement-notes-editor__section-option,.arrangement-note-card__actions .btn{min-height:44px}.arrangement-notes-panel__close{width:44px;height:44px}.arrangement-note-card__action-btn{width:44px;min-width:44px;height:44px}.arrangement-notes-editor__row{grid-template-columns:1fr}.arrangement-note-modal{width:100%;min-width:0;max-width:100%}.tab-builder__techniques{margin-left:0}.tab-builder__textarea{min-height:180px}.tab-builder__toolbar .btn{min-height:44px}}