.gb-diagram-frame{background:var(--gb-diagram-surface);border:1px solid var(--gb-border);border-radius:16px;padding:16px}.gb-diagram-block{background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg);padding:var(--gb-space-4)}@media (max-width:640px){.gb-diagram-block{padding:var(--gb-space-3);border-radius:var(--gb-radius-sm)}}.gb-diagram-label{font-family:var(--font-roboto-flex,"Roboto Flex"),system-ui,sans-serif;font-size:13px;line-height:20px;font-weight:500;fill:var(--gb-diagram-text)}.gb-pos-thumb{flex-shrink:0;border:1px solid var(--gb-border);border-radius:6px;padding:8px 4px 4px;background:var(--gb-surface);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:80px;transition:background .15s,border-color .15s}.gb-pos-thumb.is-active{border-color:var(--gb-accent);background:var(--gb-accent-soft)}.gb-pos-thumb:hover:not(.is-active){background:var(--gb-surface-muted);border-color:var(--gb-border-strong)}.gb-pos-card-diagram{display:flex;justify-content:center;width:100%}.gb-pos-card-badges{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.gb-pos-nav-card{border:1px solid var(--gb-border);border-radius:8px;padding:8px 6px;background:var(--gb-surface);display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;opacity:.7;transition:background .15s,border-color .15s,opacity .15s}button:hover>.gb-pos-nav-card{opacity:1;background:var(--gb-surface-muted);border-color:var(--gb-border-strong)}.gb-chord-thumb{transition:border-color .15s,background .15s}.gb-chord-thumb:not(.is-selected):hover{border-color:var(--gb-accent)!important;background:color-mix(in srgb,var(--gb-accent) 8%,transparent)!important}.gb-swipe-stage{position:relative;touch-action:pan-y pinch-zoom;-moz-user-select:none;user-select:none;-webkit-user-select:none}.gb-swipe-stage__content{transition:transform .2s ease,opacity .15s ease}.gb-swipe-stage__content.is-swiping-left{transform:translateX(-12px);opacity:.7}.gb-swipe-stage__content.is-swiping-right{transform:translateX(12px);opacity:.7}.gb-swipe-stage__hint{position:absolute;top:50%;transform:translateY(-50%);font-size:18px;color:var(--gb-text-tertiary,#bbb);pointer-events:none;opacity:.5;transition:opacity .2s}.gb-swipe-stage__hint--left{left:4px}.gb-swipe-stage__hint--right{right:4px}.gb-position-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:var(--gb-surface-muted,#f5f5f5);border:1px solid var(--gb-border,#e0e0e0);font-size:13px;color:var(--gb-text-secondary);line-height:1.3}.gb-position-badge__icon{font-size:14px;opacity:.6}.gb-rail{display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none;padding-inline:2px;padding-block:2px}.gb-rail::-webkit-scrollbar{display:none}.gb-rail>*{flex:0 0 auto}.gb-rail-wrapper{position:relative}.gb-rail-wrapper:after,.gb-rail-wrapper:before{content:"";position:absolute;top:0;bottom:0;width:28px;pointer-events:none;z-index:2;opacity:0;transition:opacity .2s ease}.gb-rail-wrapper:before{left:0;background:linear-gradient(to right,var(--gb-page-bg,#fff),transparent)}.gb-rail-wrapper:after{right:0;background:linear-gradient(to left,var(--gb-page-bg,#fff),transparent)}.gb-rail-wrapper.gb-rail--fade-left:before,.gb-rail-wrapper.gb-rail--fade-right:after{opacity:1}.gb-card-rail{scroll-snap-type:x mandatory}.gb-card-rail>*{scroll-snap-align:center}.gb-overflow-row{scroll-snap-type:x proximity}.gb-overflow-row>*{scroll-snap-align:start}.gb-diag-edit-section{display:flex;flex-direction:column;gap:10px}.gb-diag-edit-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--gb-text-secondary)}.gb-diag-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gb-space-6);align-items:stretch}.gb-diag-edit-touch-wrap{touch-action:none}.gb-diag-edit-canvas{padding:var(--gb-space-4);display:flex;flex-direction:column;align-items:center;min-height:300px;background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg)}.gb-diag-edit-canvas-inner{position:relative;display:inline-block;max-width:100%}.gb-diag-edit-alert-mt{margin-top:var(--gb-space-2)}.gb-diag-edit-settings-panel{padding:var(--gb-space-4);background:var(--gb-surface);border:1px solid var(--gb-border);border-radius:var(--gb-radius-lg)}.gb-diag-edit-settings-stack{display:flex;flex-direction:column;gap:var(--gb-space-4)}.gb-diag-edit-divider{margin:0}.gb-diag-edit-divider,.gb-diag-edit-divider--mid{border:none;border-top:1px solid var(--gb-divider)}.gb-diag-edit-divider--mid{margin:10px 0}.gb-diag-edit-help{font-size:12px;color:var(--gb-text-secondary)}.gb-diag-edit-finger-input{position:absolute;left:var(--diag-finger-x,0);top:var(--diag-finger-y,0);width:var(--diag-finger-size,30px);height:var(--diag-finger-size,30px);text-align:center;font-size:13px;font-weight:600;border:2px solid white;border-radius:50%;background:rgb(0 0 0/.75);color:white;padding:0;z-index:10;cursor:text;outline:none}.gb-diag-edit-finger-grid{display:grid;grid-template-columns:repeat(var(--diag-cols,5),1fr);gap:var(--gb-space-1)}.gb-diag-edit-finger-btn{width:100%;padding:var(--gb-space-2) 2px;font-size:14px}.gb-diag-edit-labels-grid{display:grid;grid-template-columns:repeat(var(--diag-cols,5),minmax(0,1fr));gap:var(--gb-space-1)}.gb-diag-edit-label-col{display:flex;flex-direction:column;align-items:center;gap:2px}.gb-diag-edit-mini{font-size:10px;color:var(--gb-text-secondary)}.gb-diag-edit-label-mb-1{margin-bottom:var(--gb-space-1);display:block}.gb-diag-edit-finger-label-input{width:100%;min-width:0;text-align:center;border:1px solid var(--gb-border);border-radius:var(--gb-space-1);padding:var(--gb-space-1) 2px;font-size:13px;font-weight:600;background:var(--gb-surface);color:var(--gb-text);box-sizing:border-box}.gb-diag-edit-color-input{width:100%;height:32px;border:none;cursor:pointer}.gb-diag-edit-dot-size-row{margin-bottom:var(--gb-space-1)}.gb-diag-edit-dot-size-btn{flex:1}.gb-diag-edit-shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gb-space-1)}.gb-diag-edit-shape-btn{width:100%}.gb-diag-edit-strings-grid{display:grid;grid-template-columns:repeat(var(--diag-cols,6),minmax(0,1fr));gap:var(--gb-space-1);margin-top:var(--gb-space-1)}.gb-diag-edit-barres-row{display:flex;gap:var(--gb-space-1);align-items:center;flex-wrap:wrap;margin-top:var(--gb-space-1)}.gb-diag-edit-barre-list{margin-top:6px}.gb-diag-edit-barre-row{display:flex;align-items:center;gap:var(--gb-space-2);font-size:13px}.gb-diag-edit-advanced-wrap{margin-top:var(--gb-space-4)}.gb-diag-edit-advanced-stack{display:flex;flex-direction:column;gap:14px;margin-top:var(--gb-space-4)}.gb-diag-edit-fret-numbers-wrap{display:flex;flex-direction:column;gap:var(--gb-space-2);padding-left:0;margin-top:var(--gb-space-1);margin-bottom:var(--gb-space-2)}.gb-diag-edit-form-row,.gb-diag-edit-format-radio-stack{display:flex;flex-direction:column;gap:var(--gb-space-1)}.gb-diag-edit-slider-row{display:flex;flex-direction:column;gap:2px}.gb-diag-edit-slider-label-line{font-size:14px;display:flex;justify-content:space-between}.gb-diag-edit-slider-val{opacity:.6}.gb-diag-edit-clear-btn{--g-button-background-color-hover:var(--g-color-base-danger)}.gb-diag-edit-clear-btn:hover,.gb-diag-edit-clear-btn:hover .g-button__text{color:#fff}.gb-diag-edit-bottom-grid{padding-block:var(--gb-space-3);border-top:1px solid var(--gb-divider);display:grid;grid-template-columns:1fr 1fr;gap:var(--gb-space-4);align-items:start}.gb-diag-edit-bottom-col{display:flex;flex-direction:column;gap:10px}.gb-diag-edit-bottom-col--gap-2{display:flex;flex-direction:column;gap:var(--gb-space-2)}.gb-diag-edit-section-h4{font-size:var(--gb-fs-h4);font-weight:600;color:var(--gb-text);margin:0}.gb-diag-edit-share-row{display:flex;gap:var(--gb-space-2)}.gb-diag-edit-share-btn-flex1{flex:1}.gb-diag-edit-share-btn-content{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;white-space:nowrap;font-size:15px}.gb-diag-edit-social-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--gb-space-2)}.gb-diag-edit-social-icon{flex-shrink:0}.gb-scale-diagram-wrap{padding:12px}.gb-scale-diagram-wrap>svg{height:auto}.gb-diagram-svg-root{font-family:var(--g-font-family-sans,"IBM Plex Sans",sans-serif);touch-action:auto;max-width:100%;height:auto;pointer-events:all}.gb-diagram-svg-root[data-interactive=true]{touch-action:none;cursor:pointer}.gb-diagram-hit{cursor:pointer}.gb-diagram-ghost-dot{pointer-events:none}.gb-diag-export-stack{display:flex;flex-direction:column;gap:10px}.gb-diag-export-btn-content-sm{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.gb-diag-export-btn-content-md{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;white-space:nowrap;font-size:15px}.gb-diag-export-note{font-size:12px;color:var(--gb-text-secondary);margin:0}.gb-diag-export-error{font-size:12px;color:var(--g-color-text-danger);margin:0}.gb-skel-gen-stack{display:flex;flex-direction:column;gap:var(--gb-space-6)}.gb-skel-gen-row{display:flex;gap:var(--gb-space-6);flex-wrap:wrap}.gb-skel-gen-side{flex:1;min-width:240px;display:flex;flex-direction:column;gap:var(--gb-space-3)}.gb-skel-gen-title{height:36px;width:30%}.gb-skel-gen-canvas{height:400px;width:320px}.gb-skel-gen-input{height:36px}