.guitar-chart-dialog{width:min(1120px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:1px solid color-mix(in srgb,var(--phsp-accent) 30%,transparent);background:var(--phsp-surface);color:var(--phsp-text-primary);box-shadow:0 30px 100px color-mix(in srgb,var(--phsp-shadow) 55%,transparent)}
.guitar-chart-dialog:not([open]){display:none}.guitar-chart-dialog::backdrop{background:color-mix(in srgb,var(--phsp-stage-backdrop-bottom) 78%,transparent);backdrop-filter:blur(8px)}
.guitar-chart-sheet{display:grid;grid-template-rows:auto auto minmax(0,1fr);max-height:calc(100dvh - 26px)}
.guitar-chart-head{display:flex;justify-content:space-between;gap:24px;align-items:start;padding:22px 26px 18px;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);background:linear-gradient(115deg,color-mix(in srgb,var(--phsp-accent) 13%,transparent),transparent 42%)}
.guitar-chart-head span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--phsp-accent)}.guitar-chart-head h2{margin:5px 0 3px;font:500 clamp(25px,3vw,40px) Georgia,serif}.guitar-chart-head p{margin:0;color:var(--phsp-text-muted);font-size:12px}
.guitar-chart-close{width:40px;height:40px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:50%;background:transparent;color:inherit;font-size:24px;cursor:pointer}
.guitar-chart-toolbar{display:flex;align-items:center;gap:12px;padding:12px 26px;border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent);background:color-mix(in srgb,var(--phsp-surface) 92%,var(--phsp-ink))}
.guitar-chart-modes{display:flex}.guitar-chart-modes button,.guitar-chart-toolbar select{min-height:34px;padding:0 12px;border:1px solid color-mix(in srgb,currentColor 16%,transparent);background:transparent;color:inherit;font:600 10px Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}.guitar-chart-modes button[aria-pressed=true]{background:var(--phsp-accent);color:var(--phsp-ink)}.guitar-chart-toolbar label{display:flex;align-items:center;gap:7px;margin-left:auto;color:var(--phsp-text-muted);font-size:10px}.guitar-chart-toolbar select{max-width:210px;text-transform:none}.guitar-chart-toolbar option{color:var(--phsp-ink)}.guitar-chart-toolbar input{width:88px}
.guitar-chart-badges{display:flex;gap:7px;margin-left:4px}.guitar-chart-badges b{padding:6px 9px;border:1px solid color-mix(in srgb,var(--phsp-accent) 25%,transparent);color:var(--phsp-accent);font:600 10px Arial,sans-serif}
.guitar-chart-sections{--guitar-chart-scale:1;overflow:auto;padding:28px clamp(18px,6vw,76px) 60px;scroll-behavior:smooth;background:radial-gradient(circle at 85% 5%,color-mix(in srgb,var(--phsp-accent) 8%,transparent),transparent 22rem)}
.guitar-chart-section{max-width:900px;margin:0 auto 30px;scroll-margin-top:18px}.guitar-chart-section h3{display:flex;align-items:baseline;gap:10px;margin:0 0 16px;padding-bottom:7px;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);font:500 calc(21px * var(--guitar-chart-scale)) Georgia,serif}.guitar-chart-section h3 small{color:var(--phsp-accent);font:600 9px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.guitar-chart-line{display:flex;flex-wrap:wrap;align-items:end;margin:0 0 12px;line-height:1.45;font:calc(16px * var(--guitar-chart-scale))/1.45 system-ui,sans-serif}.guitar-chart-token{display:inline-grid;grid-template-rows:auto auto;align-items:end;white-space:pre}.guitar-chart-token>b{min-height:1.25em;color:var(--phsp-accent);font:800 calc(14px * var(--guitar-chart-scale))/1.1 ui-monospace,Consolas,monospace}.guitar-chart-token>span{white-space:pre-wrap}
.guitar-chart-bars{display:block;margin:0 0 12px;padding:10px 12px;border-left:3px solid var(--phsp-accent);background:color-mix(in srgb,var(--phsp-accent) 7%,transparent);color:inherit;font:700 calc(14px * var(--guitar-chart-scale))/1.6 ui-monospace,Consolas,monospace;white-space:pre-wrap}
@media(max-width:720px){.guitar-chart-dialog{width:calc(100vw - 8px);max-height:calc(100dvh - 8px)}.guitar-chart-sheet{max-height:calc(100dvh - 10px)}.guitar-chart-head{padding:16px}.guitar-chart-head p{max-width:75vw}.guitar-chart-toolbar{padding:10px;flex-wrap:wrap}.guitar-chart-toolbar label{margin-left:0}.guitar-chart-badges{order:4;width:100%}.guitar-chart-sections{padding:20px 14px 48px}.guitar-chart-line{font-size:calc(15px * var(--guitar-chart-scale))}}