@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.h-full{height:100%}.min-h-full{min-height:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.italic{font-style:italic}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root,[data-app-theme=light-gray]{--app-bg-start:#f5f7fa;--app-bg-end:#e8edf4;--background:#eef1f5;--foreground:#111827;--line:#c7d0db;--line-strong:#111827;--soft:#f7f9fc;--active:#d6e6ff;--surface-base:#fff;--surface-muted:#f8fafc;--surface-muted-strong:#edf2f7;--surface-panel:#ffffffbd;--surface-panel-strong:#fffffff0;--surface-toolbar:linear-gradient(180deg, #ffffffe0 0%, #e2e8f0d1 100%);--surface-toggle-rail:linear-gradient(180deg, #f8fafc 0%, #edf2f7 100%);--surface-preview:#eef2f7;--surface-palette:linear-gradient(180deg, #ffffffd6, #dbeafeb8), #dcf1ff47;--surface-settings:linear-gradient(180deg, #ffffffeb, #f1f5f9e6);--surface-subsection:#f8fafce6;--surface-scrim:#11182747;--text-primary:#111827;--text-secondary:#334155;--text-muted:#6b7280;--text-soft:#475569;--text-subtle:#94a3b8;--text-inverse:#fff;--brand-bg:#111827;--brand-text:#fff;--button-bg:#fff;--button-text:#111827;--button-hover-bg:#f8fafc;--button-disabled-bg:#f8fafc;--button-disabled-text:#94a3b8;--button-disabled-border:#d5dde7;--button-strong-bg:#111827;--button-strong-text:#fff;--button-danger-bg:#c62828;--button-danger-text:#fff;--icon-btn-border:#94a3b899;--icon-btn-bg:#fff;--icon-btn-text:#475569;--accent-primary:#2563eb;--accent-primary-soft:#d6e6ff;--border-soft:#94a3b847;--border-mid:#94a3b880;--border-strong:#94a3b8b3;--border-panel:#c7d0dbd9;--divider:#94a3b861;--tooltip-bg:#111827;--tooltip-text:#fff;--shadow-soft:0 8px 20px #0f172a1f;--shadow-medium:0 8px 24px #0f172a14;--shadow-strong:0 18px 36px #0f172a38;--shadow-active:0 8px 18px #0f172a29;--empty-border:#94a3b880}[data-app-theme=dark]{--app-bg-start:#0b1220;--app-bg-end:#111b2d;--background:#0f172a;--foreground:#e5edf8;--line:#314056;--line-strong:#e5edf8;--soft:#172235;--active:#4f8cff38;--surface-base:#111b2d;--surface-muted:#162235;--surface-muted-strong:#1b2940;--surface-panel:#111b2dc7;--surface-panel-strong:#111b2df5;--surface-toolbar:linear-gradient(180deg, #18253af5 0%, #101928f0 100%);--surface-toggle-rail:linear-gradient(180deg, #152236 0%, #0f172a 100%);--surface-preview:#0c1423;--surface-palette:linear-gradient(180deg, #1a263beb, #101928f5), #0b1220eb;--surface-settings:linear-gradient(180deg, #172235f5, #101928fa);--surface-subsection:#121d2ef5;--surface-scrim:#0206179e;--text-primary:#e5edf8;--text-secondary:#c0cde0;--text-muted:#8fa1bb;--text-soft:#9fb0c8;--text-subtle:#6f819c;--text-inverse:#08111f;--brand-bg:#dbe5f6;--brand-text:#08111f;--button-bg:#162235;--button-text:#e5edf8;--button-hover-bg:#20314b;--button-disabled-bg:#101827;--button-disabled-text:#667995;--button-disabled-border:#22314a;--button-strong-bg:#4f8cff;--button-strong-text:#f8fbff;--button-danger-bg:#cf4d5f;--button-danger-text:#fff4f5;--icon-btn-border:#63748db3;--icon-btn-bg:#162235;--icon-btn-text:#c3d1e5;--accent-primary:#66a2ff;--accent-primary-soft:#66a2ff38;--border-soft:#63748d52;--border-mid:#63748d8f;--border-strong:#63748dc7;--border-panel:#485a75d6;--divider:#63748d80;--tooltip-bg:#dbe5f6;--tooltip-text:#08111f;--shadow-soft:0 10px 24px #02061761;--shadow-medium:0 12px 28px #02061757;--shadow-strong:0 24px 48px #02061780;--shadow-active:0 10px 20px #0206176b;--empty-border:#63748d94}[data-app-theme=light]{--app-bg-start:#fafbfc;--app-bg-end:#edf1f5;--background:#f5f7fa;--foreground:#111827;--line:#d4dae2;--line-strong:#111827;--soft:#fbfcfd;--active:#deebff;--surface-base:#fff;--surface-muted:#fbfcfd;--surface-muted-strong:#f1f5f9;--surface-panel:#ffffffd1;--surface-panel-strong:#fffffffa;--surface-toolbar:linear-gradient(180deg, #fffffff5 0%, #f3f6f9f5 100%);--surface-toggle-rail:linear-gradient(180deg, #fff 0%, #f2f5f8 100%);--surface-preview:#f3f6fa;--surface-palette:linear-gradient(180deg, #ffffffeb, #f0f6ffd1), #f5f8fcd9;--surface-settings:linear-gradient(180deg, #fffffffa, #f5f7faf5);--surface-subsection:#fafbfdf5;--surface-scrim:#0f172a3d;--text-primary:#111827;--text-secondary:#334155;--text-muted:#667085;--text-soft:#475569;--text-subtle:#94a3b8;--text-inverse:#fff;--brand-bg:#111827;--brand-text:#fff;--button-bg:#fff;--button-text:#111827;--button-hover-bg:#f8fafc;--button-disabled-bg:#f7f9fb;--button-disabled-text:#98a2b3;--button-disabled-border:#d8dee6;--button-strong-bg:#111827;--button-strong-text:#fff;--button-danger-bg:#c62828;--button-danger-text:#fff;--icon-btn-border:#94a3b894;--icon-btn-bg:#fff;--icon-btn-text:#475569;--accent-primary:#2563eb;--accent-primary-soft:#deebff;--border-soft:#94a3b83d;--border-mid:#94a3b870;--border-strong:#94a3b8a6;--border-panel:#d5d9e0f0;--divider:#94a3b857;--tooltip-bg:#111827;--tooltip-text:#fff;--shadow-soft:0 8px 20px #0f172a1a;--shadow-medium:0 8px 24px #0f172a12;--shadow-strong:0 18px 36px #0f172a29;--shadow-active:0 8px 18px #0f172a1f;--empty-border:#94a3b86b}[data-app-theme=light-green]{--app-bg-start:#f4fbf6;--app-bg-end:#e5f3ea;--background:#eef9f2;--foreground:#183127;--line:#c8dece;--line-strong:#183127;--soft:#f8fcf9;--active:#d8efe0;--surface-base:#fff;--surface-muted:#f7fbf8;--surface-muted-strong:#edf6f0;--surface-panel:#fffc;--surface-panel-strong:#fffffff5;--surface-toolbar:linear-gradient(180deg, #fffffff0 0%, #e8f5ecf5 100%);--surface-toggle-rail:linear-gradient(180deg, #fbfefc 0%, #edf6f0 100%);--surface-preview:#edf7f0;--surface-palette:linear-gradient(180deg, #ffffffe0, #e1f3e8cc), #e6f5ecb8;--surface-settings:linear-gradient(180deg, #fffffff5, #edf6f0f2);--surface-subsection:#f8fcf9f5;--surface-scrim:#1831273d;--text-primary:#183127;--text-secondary:#2f5a48;--text-muted:#5d7c6d;--text-soft:#456756;--text-subtle:#8bafa0;--text-inverse:#fff;--brand-bg:#275f47;--brand-text:#fff;--button-bg:#fff;--button-text:#183127;--button-hover-bg:#f3faf5;--button-disabled-bg:#f6fbf8;--button-disabled-text:#8bafa0;--button-disabled-border:#d2e4d8;--button-strong-bg:#275f47;--button-strong-text:#fff;--button-danger-bg:#c84f55;--button-danger-text:#fff7f7;--icon-btn-border:#8bafa094;--icon-btn-bg:#fff;--icon-btn-text:#456756;--accent-primary:#3e8a65;--accent-primary-soft:#d8efe0;--border-soft:#8bafa03d;--border-mid:#8bafa06b;--border-strong:#8bafa0a8;--border-panel:#b9dec6eb;--divider:#8bafa057;--tooltip-bg:#183127;--tooltip-text:#fff;--shadow-soft:0 8px 20px #1831271a;--shadow-medium:0 8px 24px #18312714;--shadow-strong:0 18px 36px #18312729;--shadow-active:0 8px 18px #275f4724;--empty-border:#8bafa06b}[data-app-theme=pink]{--app-bg-start:#fff6fa;--app-bg-end:#f8e8ef;--background:#fff1f6;--foreground:#4a1d33;--line:#efc6d4;--line-strong:#4a1d33;--soft:#fff8fb;--active:#ffd9e7;--surface-base:#fff;--surface-muted:#fff8fb;--surface-muted-strong:#fdeef4;--surface-panel:#ffffffc7;--surface-panel-strong:#fffffff2;--surface-toolbar:linear-gradient(180deg, #ffffffeb 0%, #fce9f1eb 100%);--surface-toggle-rail:linear-gradient(180deg, #fffafb 0%, #fdebf3 100%);--surface-preview:#fff2f7;--surface-palette:linear-gradient(180deg, #ffffffe0, #ffe3efc7), #ffedf5c2;--surface-settings:linear-gradient(180deg, #fffffff5, #fdeef4f2);--surface-subsection:#fff7faf2;--surface-scrim:#4a1d333d;--text-primary:#4a1d33;--text-secondary:#7a3253;--text-muted:#9a5d78;--text-soft:#8c4e69;--text-subtle:#c0849e;--text-inverse:#fff;--brand-bg:#a5416b;--brand-text:#fff;--button-bg:#fff;--button-text:#4a1d33;--button-hover-bg:#fff4f8;--button-disabled-bg:#fff7fa;--button-disabled-text:#c0849e;--button-disabled-border:#f0cfdb;--button-strong-bg:#a5416b;--button-strong-text:#fff;--button-danger-bg:#cf4d5f;--button-danger-text:#fff7f8;--icon-btn-border:#cb8aa485;--icon-btn-bg:#fff;--icon-btn-text:#8c4e69;--accent-primary:#d35c87;--accent-primary-soft:#ffd9e7;--border-soft:#cb8aa43d;--border-mid:#cb8aa470;--border-strong:#cb8aa4ad;--border-panel:#f1b9cbeb;--divider:#cb8aa457;--tooltip-bg:#4a1d33;--tooltip-text:#fff;--shadow-soft:0 8px 20px #7a32531f;--shadow-medium:0 8px 24px #7a32531a;--shadow-strong:0 18px 36px #7a325333;--shadow-active:0 8px 18px #a3416b29;--empty-border:#cb8aa470}[data-app-theme=khaki]{--app-bg-start:#fbf4e8;--app-bg-end:#f4ebd8;--background:#f8f0e3;--foreground:#2f2418;--line:#dcc8aa;--line-strong:#2f2418;--soft:#fffaf2;--active:#e8d9c1;--surface-base:#fffaf2;--surface-muted:#fdf6eb;--surface-muted-strong:#f6ecdb;--surface-panel:#fffaf2cc;--surface-panel-strong:#fffaf2f5;--surface-toolbar:linear-gradient(180deg, #fffbf5f2 0%, #f6ebd9f5 100%);--surface-toggle-rail:linear-gradient(180deg, #fffaf2 0%, #f4ead8 100%);--surface-preview:#f6eee0;--surface-palette:linear-gradient(180deg, #fffbf5e6, #f3e6d0d1), #f7eddec2;--surface-settings:linear-gradient(180deg, #fffaf2fa, #f5ebdaf5);--surface-subsection:#fff9f0f5;--surface-scrim:#2f24183d;--text-primary:#2f2418;--text-secondary:#5b4831;--text-muted:#826b50;--text-soft:#735d45;--text-subtle:#af9a80;--text-inverse:#fffaf2;--brand-bg:#7b5b38;--brand-text:#fffaf2;--button-bg:#fffaf2;--button-text:#2f2418;--button-hover-bg:#f9f1e4;--button-disabled-bg:#fbf5eb;--button-disabled-text:#b69f84;--button-disabled-border:#e5d6c2;--button-strong-bg:#7b5b38;--button-strong-text:#fffaf2;--button-danger-bg:#c26457;--button-danger-text:#fffaf6;--icon-btn-border:#baa07e94;--icon-btn-bg:#fffaf2;--icon-btn-text:#735d45;--accent-primary:#9c7444;--accent-primary-soft:#eadcc6;--border-soft:#baa07e3d;--border-mid:#baa07e70;--border-strong:#baa07ead;--border-panel:#e0cdb3f0;--divider:#baa07e57;--tooltip-bg:#2f2418;--tooltip-text:#fffaf2;--shadow-soft:0 8px 20px #573f201a;--shadow-medium:0 8px 24px #573f2017;--shadow-strong:0 18px 36px #573f202e;--shadow-active:0 8px 18px #7b5b3829;--empty-border:#baa07e6b}:root{--paper-surface:var(--surface-base)}@supports (color:color-mix(in lab, red, red)){:root{--paper-surface:color-mix(in srgb, var(--surface-base) 96%, var(--surface-muted) 4%)}}:root{--workspace-surface:var(--surface-panel-strong)}@supports (color:color-mix(in lab, red, red)){:root{--workspace-surface:color-mix(in srgb, var(--surface-panel-strong) 78%, var(--surface-base) 22%)}}:root{--editor-panel-surface:var(--surface-panel)}@supports (color:color-mix(in lab, red, red)){:root{--editor-panel-surface:color-mix(in srgb, var(--surface-panel) 84%, var(--surface-muted) 16%)}}:root{--ui-gap-compact:6px;--ui-gap-section:8px;--ui-radius-shell:16px;--ui-radius-panel:12px;--ui-radius-card:10px;--ui-radius-control:8px;--ui-radius-pill:999px}*{box-sizing:border-box;scrollbar-width:none}::-webkit-scrollbar{width:0;height:0}html,body{height:100%;min-height:100%;margin:0;overflow:hidden}body{background:linear-gradient(180deg, var(--app-bg-start) 0%, var(--app-bg-end) 100%);color:var(--foreground);font-family:var(--font-geist-sans), "Segoe UI", sans-serif;font-size:12px;line-height:1.35}button,input,select,textarea{font:inherit}button{cursor:pointer}.compact-app{gap:var(--ui-gap-section);flex-direction:column;height:100vh;min-height:100vh;padding:8px;display:flex;overflow:hidden}.strip{border-radius:var(--ui-radius-shell);background:var(--surface-panel-strong);border:0;width:100%}@supports (color:color-mix(in lab, red, red)){.strip{background:color-mix(in srgb, var(--surface-panel-strong) 92%, white 8%)}}.strip{box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.toolbar{border-radius:var(--ui-radius-panel);z-index:80;flex:0 0 52px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;height:52px;min-height:52px;padding:7px 12px;display:grid;position:relative;overflow:visible}.toolbar-left,.toolbar-right{align-items:center;gap:8px;display:flex}.toolbar-right{gap:4px}.toolbar-spacer{min-width:0}.toolbar-menus{flex:none;align-items:center;gap:8px;display:flex}.tool-btn,.mini-btn,.unit-btn,.text-input,.color-box{border:1px solid var(--border-soft);background:var(--button-bg);color:var(--button-text)}.tool-btn{border-radius:var(--ui-radius-panel);min-width:28px;min-height:28px;padding:0 10px;transition:background-color .14s,color .14s,box-shadow .14s,transform .14s}.tool-btn:disabled,.mini-btn:disabled{cursor:default;color:var(--button-disabled-text);border-color:var(--button-disabled-border);background:var(--button-disabled-bg)}.tool-btn.strong,.score-row-badge-active{background:var(--button-strong-bg);color:var(--button-strong-text)}.tool-btn-danger{background:var(--button-danger-bg);color:var(--button-danger-text);border-color:var(--button-danger-bg)}.icon-btn{border-radius:var(--ui-radius-pill);width:30px;min-width:30px;height:30px;padding:0}.text-btn{min-width:38px}.mini-btn{border-radius:2px;min-width:16px;min-height:16px;padding:0}.toolbar .tool-btn{min-height:34px;color:var(--text-secondary);box-shadow:none;background:0 0;border:0;padding:0 12px}.toolbar .text-btn{min-width:40px}.toolbar-nav-btn{border-radius:var(--ui-radius-panel);min-width:0;padding:0 12px;font-size:12px;font-weight:600}.toolbar .tool-btn:hover:not(:disabled),.toolbar .tool-btn:focus-visible:not(:disabled){color:var(--text-primary);background:#94a3b829}.toolbar-nav-btn-strong{background:var(--button-strong-bg);color:var(--button-strong-text);box-shadow:var(--shadow-soft)}.toolbar-icon-btn{width:38px;height:38px;color:var(--icon-btn-text);border-radius:var(--ui-radius-pill);background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;transition:background-color .14s,color .14s,transform .14s;display:inline-flex;position:relative}.toolbar-top-icon-btn{width:40px;height:40px}.toolbar-top-action-btn{width:46px;height:46px}.toolbar-top-action-btn .toolbar-icon-glyph-top{width:28px;height:28px}.toolbar-home-btn{border-radius:var(--ui-radius-card);background:linear-gradient(145deg, var(--accent-primary) 0%, var(--button-strong-bg) 100%);width:48px;height:48px}@supports (color:color-mix(in lab, red, red)){.toolbar-home-btn{background:linear-gradient(145deg, color-mix(in srgb, var(--accent-primary) 70%, white 30%) 0%, color-mix(in srgb, var(--button-strong-bg) 78%, var(--accent-primary) 22%) 100%)}}.toolbar-home-btn{color:var(--text-inverse);box-shadow:0 14px 26px var(--accent-primary), inset 0 1px 0 #ffffff3d}@supports (color:color-mix(in lab, red, red)){.toolbar-home-btn{box-shadow:0 14px 26px color-mix(in srgb, var(--accent-primary) 24%, transparent), inset 0 1px 0 #ffffff3d}}.toolbar-home-btn:hover,.toolbar-home-btn:focus-visible{color:var(--text-inverse);box-shadow:0 18px 32px var(--accent-primary), inset 0 1px 0 #ffffff47}@supports (color:color-mix(in lab, red, red)){.toolbar-home-btn:hover,.toolbar-home-btn:focus-visible{box-shadow:0 18px 32px color-mix(in srgb, var(--accent-primary) 28%, transparent), inset 0 1px 0 #ffffff47}}.toolbar-media-btn{color:var(--accent-primary)}.toolbar-icon-btn:hover,.toolbar-icon-btn:focus-visible{color:var(--text-primary);background:#94a3b829}.toolbar-icon-btn:disabled{opacity:.45;cursor:default}.toolbar-media-btn-active{background:var(--accent-primary)}@supports (color:color-mix(in lab, red, red)){.toolbar-media-btn-active{background:color-mix(in srgb, var(--accent-primary) 18%, white 82%)}}.toolbar-media-btn-active{color:var(--accent-primary);box-shadow:inset 0 0 0 1px #2563eb1f}.toolbar-media-btn.toolbar-icon-btn:hover,.toolbar-media-btn.toolbar-icon-btn:focus-visible{color:var(--accent-primary)}.toolbar-icon-glyph{color:currentColor;pointer-events:none;width:20px;height:20px;display:block}.toolbar-icon-glyph-top{width:22px;height:22px}.toolbar-icon-glyph-home{width:26px;height:26px}.toolbar-icon-glyph-close{width:15px;height:15px}.toolbar [data-tooltip]:before,.toolbar [data-tooltip]:after,.editor-score-toolbar [data-tooltip]:before,.editor-score-toolbar [data-tooltip]:after{pointer-events:none;opacity:0;z-index:20;transition:opacity .12s,transform .12s;position:absolute;left:50%}.toolbar [data-tooltip]:before,.editor-score-toolbar [data-tooltip]:before{content:"";border:5px solid #0000;border-top-color:var(--tooltip-bg)}.toolbar [data-tooltip]:after,.editor-score-toolbar [data-tooltip]:after{content:attr(data-tooltip);background:var(--tooltip-bg);color:var(--tooltip-text);white-space:nowrap;box-shadow:var(--shadow-soft);padding:5px 8px;font-size:11px;line-height:1}.toolbar [data-tooltip]:before,.toolbar [data-tooltip]:after,.editor-score-toolbar [data-tooltip]:before,.editor-score-toolbar [data-tooltip]:after{top:calc(100% + 6px);bottom:auto;transform:translate(-50%)translateY(-4px)}.toolbar [data-tooltip]:before,.editor-score-toolbar [data-tooltip]:before{border-top-color:#0000;border-bottom-color:var(--tooltip-bg)}.toolbar [data-tooltip]:after,.editor-score-toolbar [data-tooltip]:after{top:calc(100% + 14px)}.toolbar [data-tooltip]:hover:before,.toolbar [data-tooltip]:hover:after,.toolbar [data-tooltip]:focus-visible:before,.toolbar [data-tooltip]:focus-visible:after,.editor-score-toolbar [data-tooltip]:hover:before,.editor-score-toolbar [data-tooltip]:hover:after,.editor-score-toolbar [data-tooltip]:focus-visible:before,.editor-score-toolbar [data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)translateY(0)}.layout-grid{gap:var(--ui-gap-section);flex:auto;grid-template-columns:minmax(0,1fr) minmax(232px,272px);min-height:0;display:grid;overflow:hidden}.side-panel,.center-panel{min-width:0;padding:0}.side-panel{overflow:hidden}.side-panel-collapsed{padding:0;overflow:hidden}.side-panel-body{height:100%;padding:10px 12px 12px;overflow:auto}.settings-panel-fieldset{border:0;min-width:0;margin:0;padding:0}.side-panel-toggle-rail{background:var(--surface-toggle-rail);width:100%;height:100%;color:var(--text-soft);border-radius:var(--ui-radius-shell);border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px 4px;display:flex}.side-panel-toggle-rail-right{border-left:1px solid var(--line)}.side-panel-toggle-arrow{font-size:18px;line-height:1}.side-panel-toggle-text{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.08em;font-size:11px;font-weight:700}.side-panel-collapse-btn{width:22px;min-width:22px;padding:0}.center-panel{box-shadow:none;background:0 0;border-radius:0;overflow:hidden}.editor-tab-bar{z-index:1;background:0 0;flex-wrap:nowrap;flex:none;align-items:flex-end;gap:5px;height:32px;min-height:32px;margin-bottom:-1px;padding:0 0 0 6px;display:flex;position:relative;overflow:hidden}.editor-tab-item{min-width:0;max-width:230px;color:var(--text-muted);box-shadow:inset 0 1px 0 #ffffffa8, 0 1px 0 var(--foreground);background:#f6f8f9;border:0;border-radius:12px 12px 0 0;flex:none;align-items:center;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.editor-tab-item{box-shadow:inset 0 1px 0 #ffffffa8, 0 1px 0 color-mix(in srgb, var(--foreground) 5%, transparent)}}.editor-tab-item{transition:background-color .14s,color .14s,transform .14s,box-shadow .14s}.editor-tab-item-active{color:var(--text-primary);box-shadow:0 -10px 24px var(--foreground), 0 1px 0 #fff;background:#fff;margin-bottom:-1px}@supports (color:color-mix(in lab, red, red)){.editor-tab-item-active{box-shadow:0 -10px 24px color-mix(in srgb, var(--foreground) 10%, transparent), 0 1px 0 #fff}}.editor-tab-item-active{z-index:1}.editor-tab-button{min-width:0;color:inherit;background:0 0;border:0;flex:auto;align-items:center;gap:8px;height:28px;padding:0 0 0 12px;font-size:12px;font-weight:600;display:flex}.editor-tab-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-tab-dirty-mark{background:var(--accent-primary);border-radius:999px;flex:none;width:11px;height:11px}.editor-tab-close{width:24px;height:28px;color:var(--text-muted);background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;margin:0 7px 0 4px;padding:0;line-height:1;display:inline-flex}.editor-tab-close:hover{color:var(--text-primary);background:#94a3b824}.editor-tab-add-btn{width:34px;height:28px;color:var(--text-soft);box-shadow:inset 0 1px 0 #ffffffa8, 0 1px 0 var(--foreground);background:#f6f8f9;border:0;border-radius:12px 12px 0 0;flex:none;padding:0;font-size:18px;font-weight:700;line-height:1}@supports (color:color-mix(in lab, red, red)){.editor-tab-add-btn{box-shadow:inset 0 1px 0 #ffffffa8, 0 1px 0 color-mix(in srgb, var(--foreground) 5%, transparent)}}.editor-tab-add-btn{transition:background-color .14s,color .14s,transform .14s}.editor-tab-add-btn:hover,.editor-tab-add-btn:focus-visible{background:var(--accent-primary)}@supports (color:color-mix(in lab, red, red)){.editor-tab-add-btn:hover,.editor-tab-add-btn:focus-visible{background:color-mix(in srgb, var(--accent-primary) 14%, var(--surface-base) 86%)}}.editor-tab-add-btn:hover,.editor-tab-add-btn:focus-visible{color:var(--accent-primary)}.panel-title-row{justify-content:space-between;align-items:flex-start;gap:4px;display:flex}.panel-inline-actions{gap:4px;display:flex}.panel-title{font-size:12px;font-weight:700}.panel-subtitle{color:var(--text-muted);font-size:11px}.sound-dot{width:24px;height:24px;color:var(--text-primary);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.color-box{width:32px;height:24px;padding:0}.picker-box,.picker-inline,.custom-form{border:1px solid var(--line);background:var(--soft);flex-direction:column;gap:4px;margin-top:4px;padding:4px;display:flex}.picker-inline{flex-flow:wrap}.picker-item{border:1px solid var(--line);background:var(--surface-base);align-items:center;gap:4px;min-height:24px;padding:0 6px;display:inline-flex}.picker-check{border:1px solid var(--line);background:var(--surface-base);align-items:center;gap:6px;min-height:24px;padding:0 6px;display:inline-flex}.picker-check input{margin:0}.picker-empty{color:var(--text-muted)}.editor-vertical{flex-direction:column;height:100%;min-height:0;display:flex}.editor-workspace-stack{min-height:0;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;flex:auto;gap:0;padding:0;display:flex;overflow:visible}.editor-tab-group,.sound-palette-pane{border:0;flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.sound-palette-pane{background:var(--editor-panel-surface);border-radius:var(--ui-radius-shell);min-height:176px;box-shadow:var(--shadow-soft)}.editor-tab-group{min-height:160px;box-shadow:none;background:0 0;border-radius:0;gap:0}.editor-tab-panel{background:var(--workspace-surface);border-radius:var(--ui-radius-panel) var(--ui-radius-shell) var(--ui-radius-shell) var(--ui-radius-shell);min-height:0;box-shadow:var(--shadow-soft);flex-direction:column;flex:auto;display:flex;overflow:hidden}.preview-scroll-region{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;background:0 0;flex:auto;min-height:0;padding:40px 18px 18px;display:flex;overflow:auto}.preview-scroll-viewport{flex:1 0 auto;justify-content:center;align-items:flex-start;min-width:100%;min-height:100%;display:flex}.editor-preview-stage{flex:none}.editor-preview-canvas{transform-origin:top}.editor-score-toolbar{background:var(--surface-panel-strong);border-bottom:0;flex-wrap:wrap;align-items:center;gap:4px 5px;padding:4px 8px;display:flex}@supports (color:color-mix(in lab, red, red)){.editor-score-toolbar{background:color-mix(in srgb, var(--surface-panel-strong) 88%, white 12%)}}.editor-score-toolbar{overflow:visible}.editor-score-toolbar-shared{border-radius:var(--ui-radius-panel);flex:none;margin-bottom:2px}.editor-score-toolbar-fieldset{border:0;flex-wrap:wrap;flex:auto;align-items:center;gap:4px 8px;min-width:0;margin:0;padding:0;display:flex}.editor-score-toolbar button:disabled,.editor-score-toolbar input:disabled{cursor:default;opacity:.45}.editor-score-toolbar-group{background:0 0;border:0;border-radius:0;flex-wrap:wrap;align-items:center;gap:2px;padding:0;display:inline-flex}.editor-score-toolbar-cluster{border:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0;padding:2px 6px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.editor-score-toolbar-cluster{border:1px solid color-mix(in srgb, var(--border-soft) 88%, transparent 12%)}}.editor-score-toolbar-cluster{background:var(--surface-panel);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.editor-score-toolbar-cluster{background:color-mix(in srgb, var(--surface-panel) 72%, white 28%)}}.editor-score-toolbar-cluster{box-shadow:inset 0 0 0 1px #ffffff59}.editor-score-toolbar-cluster-measure{gap:6px 8px}.editor-score-toolbar-group-icons{gap:2px}.editor-score-toolbar-group-icons-media{margin-right:1px}.editor-score-toolbar-group-icons-history{margin-right:2px}.editor-score-toolbar-label{color:var(--text-soft);white-space:nowrap;font-size:11px;font-weight:700}.editor-score-toolbar-btn{min-width:0;color:var(--text-muted);box-shadow:none;background:0 0;border:0}.editor-score-toolbar .editor-score-toolbar-btn:hover:not(:disabled),.editor-score-toolbar .editor-score-toolbar-btn:focus-visible:not(:disabled){color:var(--text-primary);background:#94a3b81f}.editor-score-toolbar .editor-score-toolbar-btn.strong{background:var(--accent-primary)}@supports (color:color-mix(in lab, red, red)){.editor-score-toolbar .editor-score-toolbar-btn.strong{background:color-mix(in srgb, var(--accent-primary) 14%, white 86%)}}.editor-score-toolbar .editor-score-toolbar-btn.strong{color:var(--accent-primary);box-shadow:none}.editor-score-toolbar .icon-btn.editor-score-toolbar-btn{border-radius:999px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;padding:0;display:inline-flex}.editor-score-toolbar .text-btn.editor-score-toolbar-btn{border-radius:999px;min-height:26px;padding:0 7px}.editor-score-toolbar .toolbar-icon-btn{width:30px;height:30px}.editor-score-toolbar .toolbar-icon-glyph{width:17px;height:17px}.editor-score-toolbar .repeat-input{background:#ffffffb8;border:0;border-radius:10px;box-shadow:inset 0 0 0 1px #94a3b82e}.preview-page-stack{flex-direction:column;align-items:flex-start;gap:14px;width:100%;display:flex}.preview-scroll-region .preview-page-stack{width:max-content;max-width:100%;margin:0 auto}.preview-page-measure{visibility:hidden;pointer-events:none;z-index:-1;position:absolute;top:0;left:-100000px}.preview-page-measure-surface{min-height:auto}.score-surface{--score-credit-width:220px;background:var(--paper-surface);box-sizing:border-box;border:0;min-width:640px;min-height:100%;margin:0 auto;box-shadow:0 26px 56px #0f172a33,0 8px 18px #0f172a1f,inset 0 1px #ffffffbf}.score-surface-header{flex-direction:column;gap:2px;margin-bottom:5px;display:flex}.score-surface-title-row{justify-content:center;align-items:center;min-height:0;display:flex}.score-title-center{justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.sheet-title-btn,.sheet-title-text,.sheet-title-input{text-align:center;border:0;justify-content:center;width:fit-content;max-width:100%;margin:0;padding:0;font-family:Times New Roman,serif;line-height:1.1;display:inline-flex}.sheet-title-text{background:0 0;padding:0}.sheet-title-input{field-sizing:content;background:0 0;outline:none;width:auto;min-width:0;max-width:100%}.sheet-title-input::placeholder{color:#9ca3af}.score-title-credit-fields{flex-direction:column;flex:none;justify-content:flex-start;align-items:stretch;gap:4px;width:100%;display:flex}.sheet-credit-input,.score-credit-line{appearance:none;color:#374151;text-align:right;width:100%;min-height:18px;box-shadow:none;border:0;border-radius:0;outline:none;padding:0;font-size:12px;line-height:1.2;display:block}.sheet-credit-input{field-sizing:content;background:0 0;align-self:flex-end;width:auto;min-width:0;max-width:100%}.score-credit-line{padding:2px 6px}.sheet-credit-input::placeholder{color:#9ca3af}.score-sheet-meta-row{justify-content:flex-start;align-items:flex-start;gap:5px;display:flex}.score-sheet-meta{flex-wrap:wrap;align-items:center;gap:5px;padding:2px 6px;font-size:18px;display:flex}.sheet-meta-btn{background:0 0;border:0;padding:0;font-size:18px}.preview-score-body{flex-direction:column;gap:4px;display:flex}.preview-score-layout{position:relative}.preview-system{flex-direction:column;gap:4px;display:flex}.preview-system-group{flex-direction:column;gap:0;display:flex}.preview-system-lyrics-line{align-items:stretch;margin-top:4px;display:flex;overflow:hidden}.preview-system-lyrics-text{white-space:pre-wrap;word-break:break-word;align-items:center;width:100%;padding:2px 0;line-height:1.2;display:flex}.preview-system-lyrics-input{background:0 0;border:0;outline:none;width:100%;padding:2px 0}.preview-system-lyrics-input::placeholder{color:#9ca3af}.preview-system-line,.preview-system-main-line{flex-wrap:nowrap;align-items:flex-start;gap:0;display:flex}.preview-system-line-body{flex-wrap:nowrap;align-items:stretch;gap:0;width:max-content;display:flex}.preview-measure-row{cursor:pointer;border-radius:10px;align-items:stretch;transition:background-color .12s,box-shadow .12s;display:flex}.preview-main-measure-wrap{cursor:pointer;border-radius:10px;align-items:stretch;gap:0;transition:background-color .12s,box-shadow .12s;display:flex}.preview-main-measure-content{flex:none;align-items:stretch;gap:0;width:max-content;display:flex}.preview-boundary-token,.preview-boundary-spacer-token,.preview-directive-spacer-token,.preview-directive-token{flex:none;min-width:0}.preview-boundary-token{pointer-events:none;background:#111}.preview-directive-token{align-items:stretch;display:flex}.preview-beat-slot{flex:none;justify-content:flex-start;align-items:stretch;gap:0;min-width:0;margin-right:1px;display:flex;position:relative}.preview-beat-slot:last-child{margin-right:0}.preview-beat-slot-main{display:block}.preview-inline-row-probe{visibility:hidden;-webkit-user-select:none;user-select:none;font-weight:700;line-height:1;display:block}.preview-segment-block{z-index:1;background:0 0;border:0;justify-content:flex-start;align-items:stretch;min-width:0;min-height:100%;padding:0;display:flex;position:relative;overflow:hidden}.preview-segment-block-main{min-height:0;overflow:visible}.preview-segment-text{text-align:left;color:#111827;justify-content:flex-start;align-items:stretch;width:100%;height:100%;min-height:100%;font-weight:700;line-height:1;display:inline-flex;position:relative}.preview-segment-text-plain{align-items:center;min-height:100%}.preview-segment-text-accent,.preview-inline-row-probe-accent{color:#7c5c00}.preview-segment-text-upper,.preview-inline-row-probe-upper{color:#1d4ed8}.preview-segment-text-hand,.preview-inline-row-probe-hand{color:#166534}.preview-segment-text-main{align-items:center;min-height:100%}.preview-segment-content{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;height:100%;display:inline-flex;position:relative}.preview-segment-content-main{justify-content:center}.preview-segment-content-main .preview-segment-glyph{height:auto;line-height:1;font-family:var(--font-geist-sans), "Segoe UI Symbol", "Segoe UI Historic", "Noto Music", "Bravura Text", sans-serif;align-items:center}.preview-segment-glyph{justify-content:flex-start;align-items:center;min-width:0;height:100%;display:inline-flex}.preview-main-beat-text-lane{z-index:1;width:100%;position:relative;overflow:hidden}.preview-main-lane{pointer-events:none;width:100%;position:absolute;left:0}.preview-main-segment-active{box-shadow:none;pointer-events:none;z-index:0;background:#60a5fa99;border-radius:1px;position:absolute;top:0}.preview-beat-underline-svg{pointer-events:none;width:100%;height:14px;display:block}.preview-beat-underline-line{stroke:currentColor;stroke-width:1.8px;stroke-linecap:butt;vector-effect:non-scaling-stroke;shape-rendering:geometricprecision}.preview-system-main-line{background:0 0}.preview-line-main{align-items:stretch;min-height:30px}.preview-measure-directive-tray{flex:none;justify-content:flex-start;align-items:stretch;gap:2px;padding:0;display:flex}.preview-measure-directive-slot{flex-direction:column;flex:none;justify-content:flex-start;align-items:center;min-width:0;display:flex}.preview-measure-directive-text{color:#111827;white-space:nowrap;justify-content:center;align-items:center;font-size:14px;font-weight:700;line-height:1;display:inline-flex}.preview-main-lane-tuplet{top:0}.preview-tuplet-layer{pointer-events:none;height:10px;position:absolute;top:0;left:0;right:0}.preview-tuplet-bracket{color:#1f2937;height:10px;position:absolute;top:0}.preview-tuplet-arc{width:100%;height:10px;display:block;overflow:visible}.preview-tuplet-arc-path{fill:none;stroke:#111827;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.preview-tuplet-label{color:#111827;background:0 0;justify-content:center;align-items:center;min-width:14px;padding:0 2px;font-size:10px;font-weight:800;line-height:1;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.pane-actions{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.sound-palette-toolbar{border-bottom:1px solid var(--border-soft);color:var(--text-secondary);background:var(--surface-panel);align-items:center;gap:6px;padding:4px 6px;font-size:11px;display:flex}.sound-palette-title{color:var(--text-primary);font-size:12px;font-weight:700}.sound-palette-scroll{background:var(--editor-panel-surface);flex:1;min-height:0;padding:8px 10px 6px;overflow:auto}@supports (color:color-mix(in lab, red, red)){.sound-palette-scroll{background:color-mix(in srgb, var(--editor-panel-surface) 88%, transparent)}}.palette-footer{border-top:1px solid var(--border-soft);background:var(--surface-panel);flex-wrap:wrap;flex:none;justify-content:flex-start;gap:4px 12px;padding:6px 10px 8px;display:flex}@supports (color:color-mix(in lab, red, red)){.palette-footer{background:color-mix(in srgb, var(--surface-panel) 78%, var(--editor-panel-surface) 22%)}}.palette-footer{color:var(--text-secondary);font-size:11px}.palette-footer span{white-space:nowrap}.sound-palette-empty{border:1px dashed var(--empty-border);background:var(--surface-panel);min-height:120px;color:var(--text-soft);text-align:center;border-radius:10px;justify-content:center;align-items:center;padding:16px;font-size:13px;display:flex}.sound-palette-table-wrap{vertical-align:top;max-width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;display:inline-block;overflow:auto}.sound-palette-table{border-collapse:separate;border-spacing:3px 2px;width:auto;display:inline-table}.sound-palette-table th,.sound-palette-table td{text-align:center;background:0 0;border:0;padding:0}.sound-palette-table thead th{z-index:1;background:0 0;position:sticky;top:0}.sound-palette-corner-header,.sound-palette-row-header{color:var(--text-secondary);white-space:nowrap;text-align:left;padding-inline:0 4px;font-size:12px;font-weight:800}.sound-palette-table-chip{width:58px;height:30px;color:var(--text-inverse);letter-spacing:.01em;text-shadow:0 1px 1px #0f172a38;box-shadow:none;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:25px;font-weight:900;line-height:1;display:inline-flex}.sound-palette-table-chip-header{margin:0 auto}.sound-palette-action-header{width:58px;min-width:58px}.sound-palette-table-chip-action{cursor:pointer;border:0}.sound-palette-table-chip-action:disabled{opacity:.45;cursor:not-allowed}.sound-palette-table-chip-add{color:#163020;background:#b7e4c7}.sound-palette-table-chip-remove{color:#4a1010;background:#f4b8b8}.sound-palette-table-spacer{width:58px;min-width:58px}.sound-palette-table-button{background:var(--border-soft);width:58px;height:28px;color:var(--text-soft);box-shadow:none;border:0;border-radius:3px;padding:0;font-size:25px;font-weight:900;line-height:1;transition:background-color .12s,box-shadow .12s,transform .12s,opacity .12s}.sound-palette-table-button:hover{background:var(--divider)}.sound-palette-table-button-active{box-shadow:var(--shadow-active)}.sound-palette-table th,.sound-palette-table td{line-height:0}.sound-palette-table thead th,.sound-palette-row-header{line-height:1}.check-row,.field-grid{justify-content:space-between;align-items:center;gap:4px;margin-top:4px;display:flex}.field-grid-stack{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;width:100%}.settings-form-vertical .field-grid{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px}.settings-form-vertical .field-grid>span:first-child{color:var(--text-secondary);font-weight:600;line-height:1.4}.field-grid-subsection{flex-direction:column;align-items:flex-start;gap:6px;width:100%;display:flex}.settings-form-vertical .font-stepper-row,.settings-form-vertical .slider-row{justify-content:flex-start;width:100%}.section-gap{margin-top:8px}.drag-divider{cursor:row-resize;background:0 0;height:8px;position:relative}.drag-divider:before{content:"";background:#94a3b847;border-radius:999px;width:92px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.slider-row{align-items:center;gap:4px;display:flex}.slider-row input{width:100px}.text-input{min-height:24px;padding:0 4px}.font-stepper-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.font-size-input,.settings-inline-input{width:100px}.repeat-input{text-align:center;width:36px}.panel-select{width:100px;min-width:100px}.panel-text-input{width:100%}.credit-lines-editor{flex-direction:column;gap:6px;width:100%;display:flex}.credit-lines-editor-row{flex-wrap:nowrap;align-items:center;gap:6px;width:100%;display:flex}.credit-lines-editor-input{flex:auto;width:auto;min-width:0}.credit-lines-editor-actions{flex:none;align-items:center;gap:6px;display:inline-flex}.credit-lines-editor-action,.credit-lines-editor-add{flex:none;min-width:28px;padding:0 8px}.panel-textarea{resize:vertical;width:100%;min-height:112px;padding:4px 6px}.settings-group{border:1px solid var(--border-strong);background:var(--surface-settings);border-radius:var(--ui-radius-panel);flex-direction:column;gap:8px;padding:10px;display:flex}.settings-group-header{color:var(--text-primary);font-size:12px;font-weight:700}.settings-group-body{flex-direction:column;gap:6px;display:flex}.settings-tab-list{flex-wrap:wrap;gap:6px;padding-right:2px;display:flex}.settings-tab-btn{border:1px solid var(--border-strong);background:var(--surface-panel-strong);color:var(--text-secondary);border-radius:var(--ui-radius-pill);white-space:nowrap;padding:5px 10px}.settings-tab-btn-active{background:var(--button-strong-bg);color:var(--button-strong-text);border-color:var(--button-strong-bg)}.settings-check-list{flex-flow:wrap;gap:8px 14px;display:flex}.settings-check-item{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.layout-grid-right-collapsed{grid-template-columns:minmax(0,1fr) 28px}.tips{color:var(--text-soft);text-align:right;flex-direction:column;gap:2px;display:flex}.footer{flex-wrap:wrap;justify-content:space-between;gap:6px;padding:4px 6px;display:flex}.toolbar-dropdown{flex:none;position:relative}.toolbar-dropdown-panel{border:1px solid var(--line);background:var(--surface-base);min-width:132px;box-shadow:var(--shadow-soft);z-index:40;flex-direction:column;display:flex;position:absolute;top:calc(100% + 6px);left:0}.toolbar-dropdown-panel-end{left:auto;right:0}.toolbar-dropdown-item{background:var(--surface-base);text-align:left;color:var(--text-primary);border:0;padding:8px 10px;font-size:12px;line-height:1.2}.toolbar-dropdown-item+.toolbar-dropdown-item{border-top:1px solid var(--border-panel)}.toolbar-dropdown-item:hover,.toolbar-dropdown-item:focus-visible{background:var(--button-hover-bg)}.modal-mask{background:var(--surface-scrim);z-index:1000;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--line);background:var(--surface-base);border-radius:var(--ui-radius-panel);width:min(360px,100%);box-shadow:var(--shadow-strong);z-index:1001;padding:8px;position:relative}.export-modal-card{flex-direction:column;width:min(840px,100vw - 32px);min-width:720px;min-height:420px;padding:12px 14px 14px;display:flex}.web-settings-modal-card{flex-direction:column;width:min(620px,100vw - 32px);max-height:calc(100vh - 32px);padding:14px 16px 16px;display:flex}.sound-library-modal-card{flex-direction:column;width:min(760px,100vw - 32px);height:min(560px,100vh - 32px);padding:12px 14px 14px;display:flex}.score-library-modal-card{flex-direction:column;width:min(720px,100vw - 32px);height:min(500px,100vh - 32px);padding:12px 14px 14px;display:flex}.score-upload-modal-card{flex-direction:column;width:min(680px,100vw - 32px);padding:12px 14px 14px;display:flex}.score-upload-success-message{text-align:center;color:#16a34a;padding:8px 0 4px;font-size:14px;font-weight:500}.feedback-modal-card{flex-direction:column;width:min(560px,100vw - 32px);max-height:80vh;padding:12px 14px 14px;display:flex}.feedback-modal-body{flex-direction:column;flex:auto;gap:10px;min-height:0;display:flex;overflow:hidden}.feedback-input-section{flex:none}.feedback-textarea{resize:vertical;min-height:100px;max-height:120px;overflow-y:auto}.feedback-history-section{border-top:1px solid var(--border-panel);flex-direction:column;flex:auto;min-height:0;padding-top:8px;display:flex}.feedback-history-title{color:var(--text-secondary,#6b7280);flex:none;margin-bottom:6px;font-size:13px;font-weight:600}.feedback-history-list{flex-direction:column;flex:auto;gap:6px;min-height:0;display:flex;overflow-y:auto}.feedback-history-item{background:var(--bg-subtle,#f9fafb);border-radius:6px;padding:6px 8px;font-size:13px;line-height:1.5}.feedback-history-message{color:var(--text-primary,#111827);word-break:break-word;white-space:pre-wrap}.feedback-history-meta{color:var(--text-muted,#9ca3af);margin-top:2px;font-size:11px}.feedback-history-empty{color:var(--text-muted,#9ca3af);text-align:center;padding:16px 0;font-size:13px}.modal-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.modal-copy{margin-top:6px}.modal-close-btn{border-radius:var(--ui-radius-control);background:var(--surface-muted-strong);width:28px;height:28px;color:var(--text-secondary);border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0;font-size:22px;line-height:1;display:inline-flex}.web-settings-form{flex-direction:column;gap:14px;margin-top:12px;display:flex;overflow:auto}.web-settings-group{gap:12px;padding:12px}.web-settings-theme-select{width:100%;min-width:0}.web-settings-theme-note{color:var(--text-muted);font-size:12px;line-height:1.4}.sound-library-modal-actions{align-items:center;gap:8px;display:inline-flex}.sound-library-filter-list{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.sound-library-filter-btn{border:1px solid var(--border-strong);background:var(--surface-panel-strong);color:var(--text-secondary);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.sound-library-filter-btn-active{background:var(--button-strong-bg);color:var(--button-strong-text);border-color:var(--button-strong-bg)}.score-library-filter-list{flex-direction:column;gap:6px;min-height:0;display:flex;overflow:auto}.score-library-shell{flex:auto;grid-template-columns:168px minmax(0,1fr);gap:12px;min-height:0;margin-top:10px;display:grid}.score-library-filter-btn{border:1px solid var(--border-strong);background:var(--surface-panel-strong);color:var(--text-secondary);text-align:left;border-radius:10px;width:100%;padding:8px 10px;font-size:11px;font-weight:700}.score-library-filter-btn-active{background:var(--button-strong-bg);color:var(--button-strong-text);border-color:var(--button-strong-bg)}.score-library-content{flex-direction:column;gap:8px;min-height:0;display:flex}.score-library-search-row{flex:none}.score-library-search-input{width:100%}.feedback-form{margin-top:8px}.feedback-textarea{min-height:100px}.sound-library-list{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;min-height:0;margin-top:10px;padding-right:2px;display:grid;overflow:auto}.sound-library-empty{border:1px solid var(--border-panel);background:var(--surface-subsection);color:var(--text-muted);border-radius:8px;grid-column:1/-1;padding:14px}.sound-library-row{border:1px solid var(--border-panel);background:var(--surface-subsection);border-radius:6px;grid-template-columns:28px minmax(0,1fr) 32px auto;align-items:center;gap:6px;min-height:56px;padding:6px;display:grid}.sound-library-row-dot{border-radius:3px;width:24px;height:24px}.sound-library-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.sound-library-copy-head{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.sound-library-copy-label{color:var(--text-primary);font-size:12px;font-weight:700}.sound-library-copy-badge{border:1px solid var(--border-mid);background:var(--surface-muted);min-height:18px;color:var(--text-soft);border-radius:999px;align-items:center;padding:0 6px;font-size:10px;font-weight:700;display:inline-flex}.sound-library-copy-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.35;overflow:hidden}.sound-library-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.sound-library-color-box{width:28px;height:22px}.score-library-list{flex:auto;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;min-height:0;padding-right:2px;display:grid;overflow:auto}.score-library-item{border:1px solid var(--border-panel);background:var(--surface-subsection);text-align:left;min-height:74px;color:var(--text-primary);flex-direction:column;align-items:flex-start;gap:4px;padding:8px 9px;display:flex}.score-library-item:hover,.score-library-item:focus-visible{background:var(--button-hover-bg);border-color:var(--accent-primary)}.score-library-item-header{justify-content:space-between;align-items:flex-start;gap:8px;width:100%;display:flex}.score-library-item-title{font-size:12px;font-weight:700;line-height:1.35}.score-library-item-badge{border:1px solid var(--border-mid);background:var(--surface-muted);min-height:18px;color:var(--text-soft);white-space:nowrap;border-radius:999px;align-items:center;padding:0 6px;font-size:10px;font-weight:700;display:inline-flex}.score-library-item-summary{color:var(--text-muted);font-size:11px;line-height:1.35}.score-library-item-meta{color:var(--text-muted);flex-wrap:wrap;gap:4px 10px;font-size:11px;line-height:1.35;display:flex}.score-library-item-remote{border-style:dashed}.score-library-empty{border:1px solid var(--border-panel);background:var(--surface-subsection);color:var(--text-muted);border-radius:8px;grid-column:1/-1;padding:14px}.share-link-box{align-items:center;gap:8px;margin-top:12px;display:flex}.share-link-input{flex:auto;min-width:0}.score-upload-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:10px;display:grid}.score-upload-field{min-width:0;color:var(--text-secondary);flex-direction:column;gap:4px;font-size:12px;display:flex}.score-upload-label{align-items:center;gap:4px;min-height:20px;display:inline-flex}.score-upload-required-mark{color:#dc2626;font-size:14px;font-weight:800;line-height:1}.score-upload-field-invalid .text-input{border-color:#dc2626}.score-upload-field-error{color:#dc2626;font-size:11px;line-height:1.2}.score-upload-field-wide{grid-column:1/-1}.score-upload-number-input,.score-upload-select{width:100%}.score-upload-textarea{min-height:110px}@media (max-width:760px){.score-library-modal-card{height:min(620px,100vh - 24px);padding:12px}.score-library-shell{grid-template-columns:minmax(0,1fr)}.score-library-filter-list{flex-flow:wrap;overflow:visible}.score-library-filter-btn{width:auto}.score-library-list,.score-upload-form{grid-template-columns:minmax(0,1fr)}.score-player-page{padding:10px}.score-player-toolbar{height:auto;min-height:70px}.score-player-toolbar-group,.score-player-toolbar-group-nav{width:100%}}.help-page{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:radial-gradient(circle at top left, #2563eb14, transparent 36%), linear-gradient(180deg, var(--app-bg-start), var(--app-bg-end));padding:28px 20px 36px;position:fixed;inset:0;overflow:hidden auto}.share-score-preview-shell{flex:auto;height:100%;min-height:0;display:flex;overflow:hidden}.share-score-preview-scroll{overscroll-behavior:contain;background:linear-gradient(180deg, var(--surface-panel-strong), var(--surface-preview));flex:auto;height:100%;min-height:0;padding:8px;overflow:auto}@supports (color:color-mix(in lab, red, red)){.share-score-preview-scroll{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-panel-strong) 84%, transparent 16%), color-mix(in srgb, var(--surface-preview) 92%, transparent 8%))}}.share-score-preview-scroll{border-radius:calc(var(--ui-radius-panel) - 2px);box-shadow:inset 0 0 0 1px var(--border-panel)}@supports (color:color-mix(in lab, red, red)){.share-score-preview-scroll{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border-panel) 78%, transparent 22%)}}.share-score-preview-viewport{justify-content:center;align-items:flex-start;width:100%;min-width:100%;min-height:100%;display:flex}.share-score-preview-viewport-wide{justify-content:flex-start;width:max-content}.share-score-preview-stage{flex:none;overflow:visible}.share-score-preview-canvas{transform-origin:0 0;width:max-content;display:inline-block}.share-score-preview-shell .preview-page-stack{flex-direction:column;align-items:flex-start;gap:14px;width:max-content;display:flex}.share-score-preview-shell[data-layout-mode=spread] .preview-page-stack{grid-template-columns:repeat(2,max-content);place-content:start center;display:grid}.score-browser-page{background:radial-gradient(circle at 14% 10%, var(--surface-base) 0%, transparent 18%), radial-gradient(circle at 88% 16%, var(--accent-primary) 0%, transparent 14%), linear-gradient(180deg, var(--app-bg-start) 0%, var(--app-bg-end) 100%);height:100vh;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.score-browser-page{background:radial-gradient(circle at 14% 10%, color-mix(in srgb, var(--surface-base) 92%, transparent) 0%, transparent 18%), radial-gradient(circle at 88% 16%, color-mix(in srgb, var(--accent-primary) 14%, transparent) 0%, transparent 14%), linear-gradient(180deg, var(--app-bg-start) 0%, var(--app-bg-end) 100%)}}.score-browser-page{color:var(--text-primary)}.score-browser-page:before,.score-browser-page:after{content:"";pointer-events:none;z-index:0;position:fixed;inset:0}.score-browser-page:before{background:radial-gradient(circle at 72% 18%, var(--surface-base) 0%, transparent 8%), radial-gradient(circle at 94% 40%, var(--button-strong-bg) 0%, transparent 10%), radial-gradient(circle at 8% 82%, var(--surface-base) 0%, transparent 10%)}@supports (color:color-mix(in lab, red, red)){.score-browser-page:before{background:radial-gradient(circle at 72% 18%, color-mix(in srgb, var(--surface-base) 86%, transparent) 0%, transparent 8%), radial-gradient(circle at 94% 40%, color-mix(in srgb, var(--button-strong-bg) 12%, transparent) 0%, transparent 10%), radial-gradient(circle at 8% 82%, color-mix(in srgb, var(--surface-base) 70%, transparent) 0%, transparent 10%)}}.score-browser-page:before{filter:blur(6px)}.score-browser-page:after{background:linear-gradient(145deg, transparent 0 83%, var(--button-strong-bg) 83% 85%, transparent 85% 100%)}@supports (color:color-mix(in lab, red, red)){.score-browser-page:after{background:linear-gradient(145deg, transparent 0 83%, color-mix(in srgb, var(--button-strong-bg) 12%, transparent) 83% 85%, transparent 85% 100%)}}.score-browser-page:after{opacity:.6}.score-browser-canvas{z-index:1;gap:var(--ui-gap-compact);grid-template-columns:92px minmax(0,1fr);width:100%;height:100%;padding:8px;display:grid;position:relative;overflow:hidden}.score-browser-nav-rail{align-self:start;gap:var(--ui-gap-compact);border-radius:var(--ui-radius-shell);border:1px solid var(--border-panel);background:linear-gradient(180deg, var(--surface-panel-strong), var(--surface-panel)), var(--surface-panel);flex-direction:column;height:100%;min-height:0;padding:4px 8px 8px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.score-browser-nav-rail{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-panel-strong) 92%, var(--surface-base) 8%), color-mix(in srgb, var(--surface-panel) 88%, var(--surface-muted) 12%)), var(--surface-panel)}}.score-browser-nav-rail{box-shadow:var(--shadow-soft), inset 0 1px 0 var(--surface-base)}@supports (color:color-mix(in lab, red, red)){.score-browser-nav-rail{box-shadow:var(--shadow-soft), inset 0 1px 0 color-mix(in srgb, var(--surface-base) 86%, transparent)}}.score-browser-nav-rail{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.score-browser-brand-hero{border-radius:var(--ui-radius-panel);flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;min-height:86px;padding-top:2px;padding-bottom:4px;display:flex}.score-browser-brand-logo{width:min(54px,100%);height:auto;display:block}.score-browser-brand-badge{color:#fff;white-space:nowrap;background:linear-gradient(#3b82f6,#2563eb);border-radius:999px;justify-content:center;align-items:center;min-width:0;max-width:100%;padding:3px 8px;font-size:9px;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 4px 10px #2563eb3d,inset 0 1px #ffffff42}.score-browser-nav{flex:auto;align-content:start;gap:8px;display:grid}.score-browser-nav-btn{border:1px solid var(--border-panel);background:linear-gradient(180deg, var(--surface-base), var(--surface-muted)), var(--surface-panel-strong);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:62px;padding:6px;display:flex}@supports (color:color-mix(in lab, red, red)){.score-browser-nav-btn{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-base) 92%, transparent), color-mix(in srgb, var(--surface-muted) 92%, transparent)), var(--surface-panel-strong)}}.score-browser-nav-btn{box-shadow:var(--shadow-soft), inset 0 1px 0 var(--surface-base)}@supports (color:color-mix(in lab, red, red)){.score-browser-nav-btn{box-shadow:var(--shadow-soft), inset 0 1px 0 color-mix(in srgb, var(--surface-base) 90%, transparent)}}.score-browser-nav-btn{color:var(--text-primary);text-align:center;font-size:13px;font-weight:900;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}.score-browser-nav-btn:hover,.score-browser-nav-btn:focus-visible{border-color:var(--accent-primary);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.score-browser-nav-btn:hover,.score-browser-nav-btn:focus-visible{border-color:color-mix(in srgb, var(--accent-primary) 34%, var(--border-panel) 66%)}}.score-browser-nav-btn:hover,.score-browser-nav-btn:focus-visible{box-shadow:var(--shadow-medium), inset 0 1px 0 var(--surface-base)}@supports (color:color-mix(in lab, red, red)){.score-browser-nav-btn:hover,.score-browser-nav-btn:focus-visible{box-shadow:var(--shadow-medium), inset 0 1px 0 color-mix(in srgb, var(--surface-base) 92%, transparent)}}.score-browser-nav-btn-active{border-color:var(--accent-primary)}@supports (color:color-mix(in lab, red, red)){.score-browser-nav-btn-active{border-color:color-mix(in srgb, var(--accent-primary) 46%, var(--border-panel) 54%)}}.score-browser-nav-btn-active{background:linear-gradient(180deg, var(--accent-primary), var(--accent-primary)), var(--surface-panel-strong)}@supports (color:color-mix(in lab, red, red)){.score-browser-nav-btn-active{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) 16%, var(--surface-base) 84%), color-mix(in srgb, var(--accent-primary) 12%, var(--surface-muted) 88%)), var(--surface-panel-strong)}}.score-browser-nav-btn-active{box-shadow:var(--shadow-medium), inset 0 1px 0 var(--surface-base)}@supports (color:color-mix(in lab, red, red)){.score-browser-nav-btn-active{box-shadow:var(--shadow-medium), inset 0 1px 0 color-mix(in srgb, var(--surface-base) 92%, transparent)}}.score-browser-nav-icon{border-radius:var(--ui-radius-card);background:var(--surface-base);flex:none;place-items:center;width:34px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.score-browser-nav-icon{background:color-mix(in srgb, var(--surface-base) 80%, transparent)}}.score-browser-nav-icon{box-shadow:inset 0 1px 0 var(--surface-base)}@supports (color:color-mix(in lab, red, red)){.score-browser-nav-icon{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface-base) 92%, transparent)}}.score-browser-nav-icon{color:var(--accent-primary)}.score-browser-nav-footer{gap:8px;margin-top:auto;display:grid}.score-browser-settings-btn{border:1px solid var(--border-panel);background:linear-gradient(180deg, var(--surface-base), var(--surface-muted)), var(--surface-panel-strong);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;min-height:54px;padding:6px;display:flex}@supports (color:color-mix(in lab, red, red)){.score-browser-settings-btn{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-base) 92%, transparent), color-mix(in srgb, var(--surface-muted) 92%, transparent)), var(--surface-panel-strong)}}.score-browser-settings-btn{box-shadow:var(--shadow-soft), inset 0 1px 0 var(--surface-base)}@supports (color:color-mix(in lab, red, red)){.score-browser-settings-btn{box-shadow:var(--shadow-soft), inset 0 1px 0 color-mix(in srgb, var(--surface-base) 90%, transparent)}}.score-browser-settings-btn{color:var(--text-primary);text-align:center;font-size:12px;font-weight:800}.score-browser-settings-btn:hover,.score-browser-settings-btn:focus-visible{border-color:var(--accent-primary)}@supports (color:color-mix(in lab, red, red)){.score-browser-settings-btn:hover,.score-browser-settings-btn:focus-visible{border-color:color-mix(in srgb, var(--accent-primary) 34%, var(--border-panel) 66%)}}.score-browser-donate-sidebar-btn{color:#dc2626;border-color:#ef4444;border-radius:10px;justify-self:center;gap:3px;width:min(54px,100%);min-height:50px;padding:5px 4px}@supports (color:color-mix(in lab, red, red)){.score-browser-donate-sidebar-btn{border-color:color-mix(in srgb, #ef4444 22%, var(--border-panel) 78%)}}.score-browser-donate-sidebar-btn{background:linear-gradient(180deg, #fff1f2, #ffe4e6), var(--surface-panel-strong)}@supports (color:color-mix(in lab, red, red)){.score-browser-donate-sidebar-btn{background:linear-gradient(180deg, color-mix(in srgb, #fff1f2 86%, var(--surface-base) 14%), color-mix(in srgb, #ffe4e6 72%, var(--surface-muted) 28%)), var(--surface-panel-strong)}}.score-browser-donate-sidebar-btn:hover,.score-browser-donate-sidebar-btn:focus-visible,.score-browser-donate-sidebar-btn .score-browser-nav-icon{color:#dc2626}.score-browser-workspace{gap:var(--ui-gap-compact);grid-template-rows:auto minmax(0,1fr);min-width:0;height:100%;min-height:0;padding:0;display:grid;overflow:hidden}.score-browser-toolbar-zone,.score-browser-list-zone{gap:var(--ui-gap-compact);border-radius:var(--ui-radius-shell);border:1px solid var(--border-panel);background:linear-gradient(180deg, var(--surface-panel-strong), var(--surface-panel)), var(--surface-panel);flex-direction:column;min-width:0;min-height:0;padding:2px 4px;display:flex}@supports (color:color-mix(in lab, red, red)){.score-browser-toolbar-zone,.score-browser-list-zone{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-panel-strong) 74%, transparent), color-mix(in srgb, var(--surface-panel) 88%, transparent)), var(--surface-panel)}}.score-browser-toolbar-zone,.score-browser-list-zone{box-shadow:var(--shadow-soft), inset 0 1px 0 var(--surface-base)}@supports (color:color-mix(in lab, red, red)){.score-browser-toolbar-zone,.score-browser-list-zone{box-shadow:var(--shadow-soft), inset 0 1px 0 color-mix(in srgb, var(--surface-base) 88%, transparent)}}.score-browser-toolbar-zone,.score-browser-list-zone{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.score-browser-list-zone{position:relative}.score-browser-list-zone:after{content:"";z-index:0;aspect-ratio:105.833/135.467;pointer-events:none;opacity:.28;background-image:url(/point-editor/score-browser/cajon-watermark.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;height:clamp(210px,51%,480px);position:absolute;bottom:clamp(10px,3vh,38px);right:clamp(14px,4vw,56px)}.score-browser-list-zone>*{z-index:1;position:relative}.score-browser-toolbar-zone{justify-content:flex-start;overflow:visible}.score-browser-toolbar-flow{flex-direction:column;align-items:stretch;gap:1px;display:flex}.score-browser-search-box{border:1px solid var(--border-panel);background:linear-gradient(180deg, var(--surface-base), var(--surface-muted)), var(--surface-base);border-radius:999px;align-items:center;gap:6px;width:min(540px,100%);padding:6px 11px;display:flex}@supports (color:color-mix(in lab, red, red)){.score-browser-search-box{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-base) 96%, transparent), color-mix(in srgb, var(--surface-muted) 92%, transparent)), var(--surface-base)}}.score-browser-search-box{box-shadow:var(--shadow-soft), inset 0 1px 0 var(--surface-base)}@supports (color:color-mix(in lab, red, red)){.score-browser-search-box{box-shadow:var(--shadow-soft), inset 0 1px 0 color-mix(in srgb, var(--surface-base) 94%, transparent)}}.score-browser-search-box{color:var(--text-soft)}.score-browser-search-input{min-width:0;color:var(--text-primary);background:0 0;border:0;outline:none;flex:auto;font-size:11px;font-weight:700}.score-browser-search-input::placeholder{color:var(--text-muted);font-weight:600}.score-browser-search-submit{background:var(--surface-base);border:0;border-radius:999px;flex:0 0 26px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.score-browser-search-submit{background:color-mix(in srgb, var(--surface-base) 90%, transparent)}}.score-browser-search-submit{color:var(--text-soft);box-shadow:0 1px 2px var(--foreground), inset 0 1px 0 #ffffffd1}@supports (color:color-mix(in lab, red, red)){.score-browser-search-submit{box-shadow:0 1px 2px color-mix(in srgb, var(--foreground) 10%, transparent), inset 0 1px 0 #ffffffd1}}.score-browser-search-row{justify-content:center;align-items:center;width:100%;display:flex}.score-browser-search-form{width:min(540px,100%);min-width:0;display:flex}.score-browser-donate-modal-card{flex-direction:column;width:min(700px,100vw - 32px);max-height:calc(100vh - 32px);padding:8px 10px 10px;display:flex}.score-browser-donate-modal-card .modal-card-header{gap:4px}.score-browser-donate-modal-card .panel-title{line-height:1.15}.score-browser-donate-modal-body{grid-template-columns:minmax(0,1fr) 148px;align-items:stretch;gap:12px;min-height:246px;margin-top:4px;display:grid}.score-browser-donate-copy{border:1px solid #ef4444;border-radius:8px;min-height:246px;padding:12px 14px;overflow:auto}@supports (color:color-mix(in lab, red, red)){.score-browser-donate-copy{border:1px solid color-mix(in srgb, #ef4444 18%, var(--border-panel) 82%)}}.score-browser-donate-copy{background:var(--surface-base)}@supports (color:color-mix(in lab, red, red)){.score-browser-donate-copy{background:color-mix(in srgb, var(--surface-base) 76%, transparent)}}.score-browser-donate-copy{color:var(--text-secondary);word-break:break-word;font-size:15px;line-height:1.65}.score-browser-donate-copy p,.score-browser-donate-copy ul,.score-browser-donate-copy ol{margin:0 0 10px}.score-browser-donate-copy p:last-child,.score-browser-donate-copy ul:last-child,.score-browser-donate-copy ol:last-child{margin-bottom:0}.score-browser-donate-copy ul,.score-browser-donate-copy ol{padding-left:20px}.score-browser-donate-copy strong{color:var(--text-primary)}.score-browser-donate-grid{grid-template-columns:1fr;align-content:start;gap:8px;width:148px;display:grid}.score-browser-donate-card{border:1px solid var(--border-panel);background:linear-gradient(180deg, var(--surface-base), var(--surface-muted)), var(--surface-panel-strong);border-radius:8px;flex-direction:column;align-items:center;gap:5px;padding:8px;display:flex}@supports (color:color-mix(in lab, red, red)){.score-browser-donate-card{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-base) 98%, transparent), color-mix(in srgb, var(--surface-muted) 92%, transparent)), var(--surface-panel-strong)}}.score-browser-donate-card{box-shadow:var(--shadow-soft)}.score-browser-donate-card-title{color:var(--text-primary);font-size:12px;font-weight:800;line-height:1.1}.score-browser-donate-qr{aspect-ratio:1;object-fit:contain;border:1px solid var(--border-panel);border-radius:8px;width:88px}@supports (color:color-mix(in lab, red, red)){.score-browser-donate-qr{border:1px solid color-mix(in srgb, var(--border-panel) 88%, white 12%)}}.score-browser-donate-qr{background:#fff;padding:3px}.score-browser-query-grid{grid-template-columns:max-content max-content minmax(24px,1fr) clamp(240px,24vw,360px);justify-content:flex-start;align-items:stretch;gap:8px 12px;width:100%;min-width:0;display:grid}.score-browser-query-panel{min-width:0;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0}.score-browser-filter-panel{border-radius:var(--ui-radius-panel);border:1px solid var(--border-panel);flex-direction:column;align-items:flex-start;gap:2px;width:fit-content;max-width:100%;padding:6px 8px;display:flex}@supports (color:color-mix(in lab, red, red)){.score-browser-filter-panel{border:1px solid color-mix(in srgb, var(--border-panel) 88%, transparent 12%)}}.score-browser-filter-panel{background:linear-gradient(180deg, var(--surface-base), var(--surface-muted)), var(--surface-panel-strong)}@supports (color:color-mix(in lab, red, red)){.score-browser-filter-panel{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-base) 90%, transparent), color-mix(in srgb, var(--surface-muted) 88%, transparent)), var(--surface-panel-strong)}}.score-browser-filter-panel{box-shadow:var(--shadow-soft), inset 0 1px 0 var(--surface-base)}@supports (color:color-mix(in lab, red, red)){.score-browser-filter-panel{box-shadow:var(--shadow-soft), inset 0 1px 0 color-mix(in srgb, var(--surface-base) 92%, transparent)}}.score-browser-filter-row{flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:1px;width:100%;min-width:0;display:flex}.score-browser-filter-label{white-space:nowrap;color:var(--text-soft);flex:none;font-size:12px;font-weight:800}.score-browser-chip-row{flex-wrap:wrap;flex:0 auto;justify-content:flex-start;gap:2px;min-width:0;display:flex;overflow-x:auto}.score-browser-rhythm-chip{background:linear-gradient(180deg, var(--surface-base), var(--surface-muted)), var(--surface-base);border:0;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:0 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.score-browser-rhythm-chip{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-base) 96%, transparent), color-mix(in srgb, var(--surface-muted) 90%, transparent)), var(--surface-base)}}.score-browser-rhythm-chip{color:var(--text-secondary);box-shadow:0 1px 2px var(--foreground), inset 0 1px 0 var(--surface-base);font-size:11px;font-weight:800}@supports (color:color-mix(in lab, red, red)){.score-browser-rhythm-chip{box-shadow:0 1px 2px color-mix(in srgb, var(--foreground) 12%, transparent), inset 0 1px 0 color-mix(in srgb, var(--surface-base) 92%, transparent)}}.score-browser-rhythm-chip-active{background:linear-gradient(180deg, var(--accent-primary), var(--accent-primary)), var(--surface-base);border:0}@supports (color:color-mix(in lab, red, red)){.score-browser-rhythm-chip-active{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) 18%, var(--surface-base) 82%), color-mix(in srgb, var(--accent-primary) 10%, var(--surface-muted) 90%)), var(--surface-base)}}.score-browser-rhythm-chip-active{color:var(--accent-primary);box-shadow:0 2px 5px var(--accent-primary), inset 0 1px 0 #ffffffa8}@supports (color:color-mix(in lab, red, red)){.score-browser-rhythm-chip-active{box-shadow:0 2px 5px color-mix(in srgb, var(--accent-primary) 16%, transparent), inset 0 1px 0 #ffffffa8}}.score-browser-shortcut-panel{flex-direction:row;justify-content:flex-start;align-self:stretch;align-items:center;gap:4px;width:fit-content;max-width:100%;height:100%;padding:0;display:flex}.score-browser-shortcut-card{border:1px solid var(--border-panel)}@supports (color:color-mix(in lab, red, red)){.score-browser-shortcut-card{border:1px solid color-mix(in srgb, var(--border-panel) 90%, transparent 10%)}}.score-browser-shortcut-card{border-radius:calc(var(--ui-radius-panel) - 2px);background:linear-gradient(180deg, var(--surface-base), var(--surface-muted)), var(--surface-base)}@supports (color:color-mix(in lab, red, red)){.score-browser-shortcut-card{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-base) 97%, transparent), color-mix(in srgb, var(--surface-muted) 92%, transparent)), var(--surface-base)}}.score-browser-shortcut-card{box-shadow:0 4px 10px var(--foreground), 0 1px 2px var(--foreground), inset 0 1px 0 var(--surface-base)}@supports (color:color-mix(in lab, red, red)){.score-browser-shortcut-card{box-shadow:0 4px 10px color-mix(in srgb, var(--foreground) 10%, transparent), 0 1px 2px color-mix(in srgb, var(--foreground) 12%, transparent), inset 0 1px 0 color-mix(in srgb, var(--surface-base) 94%, transparent)}}.score-browser-shortcut-card{color:var(--text-primary);text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;width:fit-content;min-width:152px;max-width:184px;min-height:84px;padding:10px 12px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.score-browser-shortcut-card:hover,.score-browser-shortcut-card:focus-visible{box-shadow:0 8px 18px var(--foreground), 0 2px 4px var(--foreground), inset 0 1px 0 var(--surface-base);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.score-browser-shortcut-card:hover,.score-browser-shortcut-card:focus-visible{box-shadow:0 8px 18px color-mix(in srgb, var(--foreground) 14%, transparent), 0 2px 4px color-mix(in srgb, var(--foreground) 12%, transparent), inset 0 1px 0 color-mix(in srgb, var(--surface-base) 96%, transparent)}}.score-browser-shortcut-card-active{border-color:var(--accent-primary)}@supports (color:color-mix(in lab, red, red)){.score-browser-shortcut-card-active{border-color:color-mix(in srgb, var(--accent-primary) 28%, var(--border-panel) 72%)}}.score-browser-shortcut-card-active{background:linear-gradient(180deg, var(--accent-primary), var(--accent-primary)), var(--surface-base)}@supports (color:color-mix(in lab, red, red)){.score-browser-shortcut-card-active{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) 16%, var(--surface-base) 84%), color-mix(in srgb, var(--accent-primary) 8%, var(--surface-muted) 92%)), var(--surface-base)}}.score-browser-shortcut-card-active{box-shadow:0 5px 12px var(--accent-primary), 0 1px 2px var(--foreground), inset 0 1px 0 #ffffffb3}@supports (color:color-mix(in lab, red, red)){.score-browser-shortcut-card-active{box-shadow:0 5px 12px color-mix(in srgb, var(--accent-primary) 16%, transparent), 0 1px 2px color-mix(in srgb, var(--foreground) 12%, transparent), inset 0 1px 0 #ffffffb3}}.score-browser-shortcut-icon-wrap{background:linear-gradient(180deg, var(--surface-base), var(--accent-primary));border-radius:999px;flex:0 0 42px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.score-browser-shortcut-icon-wrap{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-base) 86%, transparent), color-mix(in srgb, var(--accent-primary) 14%, var(--surface-muted) 86%))}}.score-browser-shortcut-icon-wrap{box-shadow:0 5px 12px var(--foreground), inset 0 1px 0 #ffffffd6}@supports (color:color-mix(in lab, red, red)){.score-browser-shortcut-icon-wrap{box-shadow:0 5px 12px color-mix(in srgb, var(--foreground) 10%, transparent), inset 0 1px 0 #ffffffd6}}.score-browser-shortcut-icon-wrap{color:var(--accent-primary)}@supports (color:color-mix(in lab, red, red)){.score-browser-shortcut-icon-wrap{color:color-mix(in srgb, var(--accent-primary) 72%, var(--text-primary) 28%)}}.score-browser-shortcut-copy{margin-top:0;padding-bottom:0;font-size:11px;font-weight:900;line-height:1.2}.score-browser-create-panel{grid-column:4;justify-content:flex-end;place-self:stretch end;align-items:center;width:100%;max-width:100%;height:100%;padding:0;display:flex}.score-browser-create-cta{border-radius:calc(var(--ui-radius-panel) - 2px);border:1px solid var(--border-panel);flex-direction:row;justify-content:flex-start;align-items:center;gap:18px;width:100%;min-width:0;max-width:none;min-height:84px;padding:14px 18px;display:flex}@supports (color:color-mix(in lab, red, red)){.score-browser-create-cta{border:1px solid color-mix(in srgb, var(--border-panel) 90%, transparent 10%)}}.score-browser-create-cta{background:linear-gradient(180deg, var(--surface-base), var(--surface-muted)), var(--surface-base)}@supports (color:color-mix(in lab, red, red)){.score-browser-create-cta{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-base) 96%, transparent), color-mix(in srgb, var(--surface-muted) 90%, transparent)), var(--surface-base)}}.score-browser-create-cta{box-shadow:0 22px 34px var(--foreground), 0 9px 14px var(--foreground), 0 2px 0 var(--foreground), inset 0 2px 0 var(--surface-base), inset 0 -2px 0 var(--foreground)}@supports (color:color-mix(in lab, red, red)){.score-browser-create-cta{box-shadow:0 22px 34px color-mix(in srgb, var(--foreground) 22%, transparent), 0 9px 14px color-mix(in srgb, var(--foreground) 18%, transparent), 0 2px 0 color-mix(in srgb, var(--foreground) 16%, transparent), inset 0 2px 0 color-mix(in srgb, var(--surface-base) 96%, transparent), inset 0 -2px 0 color-mix(in srgb, var(--foreground) 10%, transparent)}}.score-browser-create-cta{text-align:left;color:var(--text-primary);text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s}.score-browser-create-cta-icon{background:linear-gradient(180deg, var(--surface-base), var(--accent-primary));border-radius:999px;flex:0 0 50px;justify-content:center;align-items:center;width:50px;height:50px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.score-browser-create-cta-icon{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-base) 86%, transparent), color-mix(in srgb, var(--accent-primary) 14%, var(--surface-muted) 86%))}}.score-browser-create-cta-icon{box-shadow:0 10px 18px var(--foreground), inset 0 2px 0 #ffffffd6, inset 0 -2px 0 var(--foreground)}@supports (color:color-mix(in lab, red, red)){.score-browser-create-cta-icon{box-shadow:0 10px 18px color-mix(in srgb, var(--foreground) 18%, transparent), inset 0 2px 0 #ffffffd6, inset 0 -2px 0 color-mix(in srgb, var(--foreground) 10%, transparent)}}.score-browser-create-cta-icon{color:var(--accent-primary)}@supports (color:color-mix(in lab, red, red)){.score-browser-create-cta-icon{color:color-mix(in srgb, var(--accent-primary) 72%, var(--text-primary) 28%)}}.score-browser-create-cta-text{flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;min-width:0;display:flex}.score-browser-create-cta:hover,.score-browser-create-cta:focus-visible{box-shadow:0 28px 42px var(--foreground), 0 12px 18px var(--foreground), 0 3px 0 var(--foreground), inset 0 2px 0 var(--surface-base), inset 0 -2px 0 var(--foreground);transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.score-browser-create-cta:hover,.score-browser-create-cta:focus-visible{box-shadow:0 28px 42px color-mix(in srgb, var(--foreground) 26%, transparent), 0 12px 18px color-mix(in srgb, var(--foreground) 20%, transparent), 0 3px 0 color-mix(in srgb, var(--foreground) 18%, transparent), inset 0 2px 0 color-mix(in srgb, var(--surface-base) 98%, transparent), inset 0 -2px 0 color-mix(in srgb, var(--foreground) 10%, transparent)}}.score-browser-create-cta-label{font-size:24px;font-weight:900;line-height:1}.score-browser-create-cta-copy{color:var(--text-soft);font-size:15px;font-weight:900;line-height:1.05}.score-browser-list-heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.score-browser-list-title{color:var(--text-primary);font-size:18px;font-weight:900}.score-browser-list-meta{color:var(--text-soft);font-size:12px;font-weight:700}.score-browser-list-body{flex-direction:column;flex:auto;gap:10px;min-height:0;display:flex;overflow:hidden}.score-browser-table-shell{background:linear-gradient(180deg, var(--surface-base), var(--surface-muted));border-radius:16px;flex-direction:column;align-self:flex-start;width:fit-content;max-width:100%;min-height:0;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.score-browser-table-shell{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-base) 84%, transparent), color-mix(in srgb, var(--surface-muted) 78%, transparent))}}.score-browser-table-shell{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 var(--surface-base)}@supports (color:color-mix(in lab, red, red)){.score-browser-table-shell{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface-base) 60%, transparent)}}.score-browser-table-scroll{border-radius:16px;max-width:100%;min-height:0;max-height:100%;overflow:auto}.score-browser-table-grid{grid-template-columns:minmax(160px,260px) minmax(64px,90px) minmax(64px,90px) minmax(80px,112px) minmax(72px,108px) minmax(88px,128px) minmax(88px,128px) minmax(60px,92px);align-items:center;gap:6px;width:100%;min-width:680px;display:grid}.score-browser-table-header{z-index:2;box-sizing:border-box;border-bottom:1px solid var(--border-panel);height:42px;padding:4px 12px;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.score-browser-table-header{border-bottom:1px solid color-mix(in srgb, var(--border-panel) 68%, transparent)}}.score-browser-table-header{background:var(--surface-panel-strong)}@supports (color:color-mix(in lab, red, red)){.score-browser-table-header{background:color-mix(in srgb, var(--surface-panel-strong) 94%, transparent)}}.score-browser-table-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.score-browser-table-row{box-sizing:border-box;border-bottom:1px solid var(--border-panel);height:43px;padding:4px 12px}@supports (color:color-mix(in lab, red, red)){.score-browser-table-row{border-bottom:1px solid color-mix(in srgb, var(--border-panel) 42%, transparent)}}.score-browser-table-row{cursor:pointer;transition:background-color .14s,transform .14s}.score-browser-table-row:nth-child(odd){background:var(--surface-muted)}@supports (color:color-mix(in lab, red, red)){.score-browser-table-row:nth-child(odd){background:color-mix(in srgb, var(--surface-muted) 54%, transparent)}}.score-browser-table-row:hover{background:var(--accent-primary)}@supports (color:color-mix(in lab, red, red)){.score-browser-table-row:hover{background:color-mix(in srgb, var(--accent-primary) 12%, transparent)}}.score-browser-table-row:focus-visible{outline:2px solid var(--accent-primary)}@supports (color:color-mix(in lab, red, red)){.score-browser-table-row:focus-visible{outline:2px solid color-mix(in srgb, var(--accent-primary) 42%, transparent)}}.score-browser-table-row:focus-visible{outline-offset:-2px;background:var(--accent-primary)}@supports (color:color-mix(in lab, red, red)){.score-browser-table-row:focus-visible{background:color-mix(in srgb, var(--accent-primary) 16%, transparent)}}.score-browser-table-cell{min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.05;overflow:hidden}.score-browser-table-header .score-browser-table-cell{color:var(--text-soft);letter-spacing:0;font-size:13px;font-weight:900}.score-browser-table-title-cell{align-items:center;display:flex}.score-browser-table-title-link{color:var(--text-primary);font-weight:800;text-decoration:none}.score-browser-table-title-link:hover,.score-browser-table-title-link:focus-visible{color:var(--accent-primary)}.score-browser-rating{align-items:center;gap:2px;min-height:18px;display:inline-flex}.score-browser-rating-recommend{color:#e0a800}.score-browser-rating-difficulty{color:#e04343}.score-browser-rating-star-filled{opacity:1}.score-browser-like-btn{border:1px solid var(--border-panel);border-radius:999px;align-items:center;gap:5px;min-height:24px;padding:0 8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.score-browser-like-btn{border:1px solid color-mix(in srgb, var(--border-panel) 72%, transparent)}}.score-browser-like-btn{background:var(--surface-base)}@supports (color:color-mix(in lab, red, red)){.score-browser-like-btn{background:color-mix(in srgb, var(--surface-base) 86%, transparent)}}.score-browser-like-btn{color:var(--text-soft);font-size:12px;font-weight:800}.score-browser-like-btn-active{color:#d4a100;background:#ffd54a}@supports (color:color-mix(in lab, red, red)){.score-browser-like-btn-active{background:color-mix(in srgb, #ffd54a 16%, var(--surface-base) 84%)}}.score-browser-donate-qr-empty{color:var(--text-soft);border:1px dashed var(--border-panel);place-items:center;font-size:12px;font-weight:700;display:grid}@supports (color:color-mix(in lab, red, red)){.score-browser-donate-qr-empty{border:1px dashed color-mix(in srgb, var(--border-panel) 80%, transparent)}}.score-browser-donate-qr-empty{background:var(--surface-muted)}@supports (color:color-mix(in lab, red, red)){.score-browser-donate-qr-empty{background:color-mix(in srgb, var(--surface-muted) 68%, transparent)}}.score-browser-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:4px 0 2px;display:flex}.score-browser-page-btn{background:linear-gradient(180deg, var(--surface-base), var(--surface-muted)), var(--surface-base);border:0;border-radius:999px;min-width:34px;height:32px;padding:0 10px}@supports (color:color-mix(in lab, red, red)){.score-browser-page-btn{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-base) 96%, transparent), color-mix(in srgb, var(--surface-muted) 90%, transparent)), var(--surface-base)}}.score-browser-page-btn{color:var(--text-secondary);box-shadow:0 2px 6px var(--foreground), inset 0 1px 0 #ffffffb3;font-size:12px;font-weight:800}@supports (color:color-mix(in lab, red, red)){.score-browser-page-btn{box-shadow:0 2px 6px color-mix(in srgb, var(--foreground) 10%, transparent), inset 0 1px 0 #ffffffb3}}.score-browser-page-btn:hover:not(:disabled),.score-browser-page-btn:focus-visible:not(:disabled){box-shadow:0 6px 12px var(--foreground), inset 0 1px 0 #ffffffc7;transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.score-browser-page-btn:hover:not(:disabled),.score-browser-page-btn:focus-visible:not(:disabled){box-shadow:0 6px 12px color-mix(in srgb, var(--foreground) 12%, transparent), inset 0 1px 0 #ffffffc7}}.score-browser-page-btn:disabled{opacity:.42;cursor:default}.score-browser-page-btn-active{background:linear-gradient(180deg, var(--accent-primary), var(--accent-primary)), var(--surface-base)}@supports (color:color-mix(in lab, red, red)){.score-browser-page-btn-active{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) 18%, var(--surface-base) 82%), color-mix(in srgb, var(--accent-primary) 10%, var(--surface-muted) 90%)), var(--surface-base)}}.score-browser-page-btn-active{color:var(--accent-primary);box-shadow:0 5px 12px var(--accent-primary), inset 0 1px 0 #ffffffb8}@supports (color:color-mix(in lab, red, red)){.score-browser-page-btn-active{box-shadow:0 5px 12px color-mix(in srgb, var(--accent-primary) 16%, transparent), inset 0 1px 0 #ffffffb8}}.score-browser-page-ellipsis{text-align:center;min-width:18px;color:var(--text-soft);font-weight:800}.score-browser-empty{border-radius:var(--ui-radius-card);border:1px dashed var(--empty-border);width:100%;color:var(--text-secondary);background:var(--surface-base);padding:20px}@supports (color:color-mix(in lab, red, red)){.score-browser-empty{background:color-mix(in srgb, var(--surface-base) 80%, transparent)}}@media (max-width:1240px){.score-browser-canvas{grid-template-columns:92px minmax(0,1fr)}}@media (max-width:980px){.score-browser-page{overflow-y:auto}.score-browser-canvas{grid-template-columns:1fr;height:auto;padding:10px 12px 18px;overflow:visible}.score-browser-nav-rail{border-radius:16px;height:auto;position:relative}.score-browser-nav{grid-template-columns:1fr}.score-browser-workspace{grid-template-rows:auto;height:auto}.score-browser-query-grid{grid-template-columns:1fr;justify-content:stretch}.score-browser-shortcut-panel{align-self:auto;width:100%}.score-browser-create-panel{grid-column:auto;justify-content:center;align-self:auto;width:100%}.score-browser-create-cta{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center}.score-browser-table-grid{min-width:680px}.score-browser-toolbar-zone,.score-browser-list-zone{padding:14px 16px}.score-browser-donate-grid{grid-template-columns:1fr}}@media (max-width:720px){.score-browser-nav{grid-template-columns:1fr}.score-browser-nav-btn{min-height:58px;font-size:13px}.score-browser-filter-label{flex:none}.score-browser-search-box{width:100%}.score-browser-search-row{justify-content:center}.score-browser-search-form{width:100%}.score-browser-donate-modal-body{grid-template-columns:1fr;min-height:0}.score-browser-donate-copy{min-height:180px}.score-browser-donate-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.score-browser-shortcut-panel{grid-template-columns:1fr;width:100%}.score-browser-shortcut-card{min-height:84px}.score-browser-table-grid{min-width:860px}}.score-player-page{background:radial-gradient(circle at top left, var(--accent-primary), transparent 28%), linear-gradient(180deg, var(--app-bg-start), var(--app-bg-end));height:100vh;padding:10px;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.score-player-page{background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent-primary) 12%, transparent 88%), transparent 28%), linear-gradient(180deg, var(--app-bg-start), var(--app-bg-end))}}.score-player-shell{flex-direction:column;gap:8px;width:100%;min-height:0;display:flex}.score-player-preview-panel,.score-player-toolbar{border-radius:calc(var(--ui-radius-shell) - 2px);border:1px solid var(--border-panel)}@supports (color:color-mix(in lab, red, red)){.score-player-preview-panel,.score-player-toolbar{border:1px solid color-mix(in srgb, var(--border-panel) 88%, transparent 12%)}}.score-player-preview-panel,.score-player-toolbar{background:var(--surface-panel-strong)}@supports (color:color-mix(in lab, red, red)){.score-player-preview-panel,.score-player-toolbar{background:color-mix(in srgb, var(--surface-panel-strong) 94%, transparent 6%)}}.score-player-preview-panel,.score-player-toolbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.score-player-preview-panel{flex-direction:column;flex:auto;min-height:0;padding:6px;display:flex;overflow:hidden}.score-player-toolbar{flex-wrap:nowrap;align-items:center;gap:6px 8px;height:50px;min-height:50px;padding:5px 8px;display:flex;overflow:hidden}.score-player-toolbar-group{flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;display:flex}.score-player-toolbar-group-nav{justify-content:flex-end;margin-left:auto}.score-player-toolbar .toolbar-icon-btn{color:var(--text-primary);box-shadow:none;background:0 0;border:0;border-radius:0}.score-player-toolbar .toolbar-icon-btn:hover:not(:disabled),.score-player-toolbar .toolbar-icon-btn:focus-visible:not(:disabled){color:var(--accent-primary);background:0 0}.score-player-toolbar .toolbar-icon-btn:disabled{opacity:.5;cursor:default}.score-player-toolbar-icon-btn-active,.score-player-toolbar-icon-btn-strong{color:var(--accent-primary)!important;background:0 0!important;border-color:#0000!important}.score-player-rate-field{min-height:32px;box-shadow:none;color:var(--text-secondary);background:0 0;border:0;border-radius:0;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.score-player-rate-icon{color:var(--accent-primary)}.score-player-rate-input{text-align:center;width:64px;min-width:64px;min-height:28px;padding:0 6px}.score-player-rate-step{width:26px;min-width:26px;height:26px;color:var(--text-primary);background:0 0;border:0;border-radius:0;padding:0}.score-player-rate-step:hover:not(:disabled),.score-player-rate-step:focus-visible:not(:disabled){color:var(--accent-primary)}.score-player-zoom-field{border-radius:calc(var(--ui-radius-pill) - 2px);border:1px solid var(--border-soft);align-items:center;gap:6px;min-height:32px;padding:0 8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.score-player-zoom-field{border:1px solid color-mix(in srgb, var(--border-soft) 90%, transparent 10%)}}.score-player-zoom-field{background:var(--surface-panel)}@supports (color:color-mix(in lab, red, red)){.score-player-zoom-field{background:color-mix(in srgb, var(--surface-panel) 84%, white 16%)}}.score-player-zoom-field{box-shadow:var(--shadow-soft);color:var(--text-secondary)}.editor-preview-zoom-field{flex-wrap:nowrap;align-items:center;gap:2px;display:inline-flex}.editor-preview-zoom-btn{width:20px;height:20px}.editor-preview-zoom-btn .toolbar-icon-glyph{width:12px;height:12px}.editor-preview-zoom-slider{width:62px;height:16px;accent-color:var(--accent-primary)}.editor-preview-zoom-value{min-width:30px;color:var(--text-primary);text-align:right;font-size:11px;font-weight:800}.score-player-zoom-btn{width:28px!important;height:28px!important}.score-player-zoom-slider{width:116px;accent-color:var(--accent-primary)}.score-player-zoom-value{min-width:42px;color:var(--text-primary);text-align:right;font-size:12px;font-weight:800}.score-player-notice{border-radius:calc(var(--ui-radius-panel) - 3px);border:1px solid var(--accent-primary);padding:8px 12px}@supports (color:color-mix(in lab, red, red)){.score-player-notice{border:1px solid color-mix(in srgb, var(--accent-primary) 20%, transparent 80%)}}.score-player-notice{background:var(--surface-panel)}@supports (color:color-mix(in lab, red, red)){.score-player-notice{background:color-mix(in srgb, var(--surface-panel) 88%, white 12%)}}.score-player-notice{color:var(--text-primary);font-size:12px;line-height:1.35}.score-player-notice-error{color:#b91c1c;border-color:#dc26262e}.score-player-share-modal{flex-direction:column;gap:10px;width:min(620px,100vw - 32px);padding:12px 14px 14px;display:flex}.score-player-share-link-row{align-items:center}.help-page-shell{border:1px solid var(--border-panel);background:var(--surface-panel-strong);width:min(920px,100%);box-shadow:var(--shadow-medium);border-radius:16px;margin:0 auto 16px;padding:20px 22px 24px}.help-page-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.help-page-kicker{letter-spacing:.08em;color:var(--text-soft);text-transform:uppercase;font-size:11px;font-weight:700}.help-page-title{color:var(--text-primary);margin-top:4px;font-size:28px;font-weight:800;line-height:1.1}.help-page-back-btn{flex:none}.help-page-content{margin-top:18px}.help-markdown{color:var(--text-primary);flex-direction:column;gap:10px;display:flex}.help-markdown-h1,.help-markdown-h2,.help-markdown-h3{margin:0;line-height:1.35}.help-markdown-h1{font-size:22px}.help-markdown-h2{margin-top:6px;font-size:16px}.help-markdown-h3{color:var(--text-secondary);font-size:13px}.help-markdown-paragraph{color:var(--text-secondary);margin:0;line-height:1.6}.help-markdown-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.help-markdown-list-item{color:var(--text-secondary);line-height:1.6}.help-markdown-link{color:var(--accent-primary);text-underline-offset:2px;text-decoration:underline}.web-settings-group-placeholder{background:var(--surface-subsection)}.web-settings-placeholder-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.web-settings-placeholder-badge{border:1px solid var(--border-mid);background:var(--surface-muted);color:var(--text-soft);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.web-settings-placeholder-copy{color:var(--text-muted);font-size:12px;line-height:1.4}.export-form{flex-direction:column;flex:auto;gap:12px;min-height:0;margin-top:10px;display:flex}.export-subsection{border:1px solid var(--border-panel);background:var(--surface-subsection);border-radius:8px;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.export-note{color:var(--text-soft);font-size:12px;line-height:1.35}.export-setting-row,.export-location-row{flex-wrap:nowrap;align-items:center;gap:10px;min-width:0;display:flex}.export-setting-label{white-space:nowrap;width:72px;color:var(--text-secondary);flex:0 0 72px;font-weight:600;display:inline-flex}.export-select{min-width:160px;max-width:100%}.export-location-path{flex:auto;min-width:0}.export-color-row{justify-content:flex-start}.export-radio-group{flex-wrap:nowrap;align-items:center;gap:10px;display:flex}.export-radio-item,.export-check-item{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.export-number-input{width:100px}.export-modal-actions{margin-top:auto;padding-top:12px}.modal-actions{justify-content:flex-end;gap:4px;margin-top:8px;display:flex}@media (max-width:1400px){.layout-grid{grid-template-columns:minmax(0,1fr) minmax(210px,240px)}.score-browser-query-grid{grid-template-columns:max-content minmax(24px,1fr) clamp(220px,22vw,320px)}.score-browser-shortcut-panel{display:none}.score-browser-create-panel{grid-column:3}}@media (max-width:1200px){.layout-grid{grid-template-columns:1fr;min-height:auto}.editor-vertical{height:auto;min-height:540px}.score-surface{padding:28px 22px 36px}.score-surface-title-row{min-height:0}.score-title-credit-fields{align-self:flex-end;width:min(100%,280px)}.score-title-center{justify-content:flex-start}.score-sheet-meta-row{flex-direction:column;align-items:flex-start}.score-title-credit-fields{align-self:flex-end}}@media print{body{background:#fff}.toolbar,.side-panel,.edit-pane,.footer{display:none!important}.layout-grid{min-height:auto;display:block}.center-panel,.editor-tab-group,.editor-tab-panel,.strip{background:#fff;border:0;padding:0}.score-surface{width:100%;min-height:auto;box-shadow:none;page-break-after:always;border:0;margin:0}.score-surface:last-child{page-break-after:auto}}@media (max-width:700px){.preview-score-body{gap:14px}}.editor-export-notice-stack{z-index:60;width:min(420px,100vw - 24px);position:fixed;top:18px;right:18px}.editor-export-notice{border:1px solid var(--border-panel);background:var(--surface-panel-strong);box-shadow:var(--shadow-strong);color:var(--text-primary);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.editor-export-notice-success{border-color:#22c55e6b}.editor-export-notice-error{border-color:#ef44446b}.editor-export-notice-close{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:0;font-size:13px}.admin-login-page{background:radial-gradient(circle at 0 0,#94a3b833,#0000 34%),linear-gradient(#f8fafc 0%,#eef2f7 100%);place-items:center;min-height:100vh;padding:32px;display:grid}.admin-login-card,.admin-panel,.admin-sidebar,.admin-content{background:#fffffff0;border:1px solid #cbd5e1e6;box-shadow:0 18px 44px #0f172a14}.admin-login-card{border-radius:20px;width:min(420px,100%);padding:28px}.admin-login-title,.admin-page-title,.admin-sidebar-title{color:#0f172a;font-size:22px;font-weight:700}.admin-login-form,.admin-form-stack,.admin-nav{gap:16px;display:grid}.admin-field{gap:8px;display:grid}.admin-field-inline{flex-direction:row;align-items:center;gap:6px;display:inline-flex}.admin-field-label,.admin-page-meta,.admin-form-error,.admin-form-success{font-size:13px}.admin-field-label,.admin-page-meta{color:#475569}.admin-form-error{color:#b91c1c}.admin-form-success{color:#166534}.admin-input,.admin-textarea{color:#0f172a;background:#fff;border:1px solid #94a3b894;border-radius:12px;width:100%;padding:11px 12px}.admin-textarea{min-height:420px;font-family:var(--font-geist-mono), monospace;resize:vertical}.admin-rich-text-field{background:#fff;border:1px solid #94a3b894;border-radius:10px;overflow:hidden}.admin-rich-text-toolbar{background:#f8fafc;border-bottom:1px solid #94a3b857;flex-wrap:wrap;gap:3px;padding:4px;display:flex}.admin-rich-text-tool{color:#334155;background:0 0;border:0;border-radius:7px;place-items:center;width:26px;height:26px;display:inline-grid}.admin-rich-text-tool:hover,.admin-rich-text-tool:focus-visible{color:#0f172a;background:#e2e8f0}.admin-rich-text-tool svg{width:16px;height:16px}.admin-rich-text-editor{color:#0f172a;outline:none;width:100%;min-height:150px;padding:8px 10px;font-size:14px;line-height:1.55;overflow:auto}.admin-rich-text-editor:focus-visible{box-shadow:inset 0 0 0 2px #2563eb38}.admin-rich-text-editor p,.admin-rich-text-editor ul,.admin-rich-text-editor ol{margin:0 0 7px}.admin-rich-text-editor p:last-child,.admin-rich-text-editor ul:last-child,.admin-rich-text-editor ol:last-child{margin-bottom:0}.admin-rich-text-editor ul,.admin-rich-text-editor ol{padding-left:18px}.admin-submit-btn,.admin-logout-btn{width:fit-content}.admin-shell{background:#f1f5f9;grid-template-columns:240px minmax(0,1fr);gap:18px;height:100vh;padding:18px;display:grid;overflow:hidden}.admin-sidebar{border-radius:18px;align-content:start;gap:18px;min-height:0;padding:22px 18px;display:grid;overflow-y:auto}.admin-nav-link{color:#0f172a;background:#f8fafc;border-radius:12px;padding:10px 12px;text-decoration:none;display:block}.admin-nav-link:hover{background:#e2e8f0}.admin-content{border-radius:18px;min-height:0;padding:22px;overflow:hidden auto}.admin-page{gap:16px;min-height:0;display:grid}.admin-inline-form{flex-wrap:wrap;gap:10px;display:flex}.admin-section-title{color:#0f172a;font-size:14px;font-weight:700}.admin-section-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-rating-batch-form{gap:10px;display:grid}.admin-detached-forms{display:none}.admin-row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-sound-form{grid-template-columns:repeat(4,minmax(120px,1fr));align-items:start;gap:10px;display:grid}.admin-sound-description{resize:vertical;grid-column:span 3;min-height:44px}.admin-color-input{width:64px;min-width:64px;padding:4px}.admin-sound-symbol-input{width:72px}.admin-sound-table-description{resize:vertical;min-width:180px;min-height:58px}.admin-table audio{width:180px;max-width:100%;margin-bottom:6px;display:block}.admin-page-header,.admin-form-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-panel{border-radius:16px;padding:16px}.admin-toolbar-panel,.admin-table-panel{min-height:0}.admin-feedback-toolbar{gap:10px;display:grid}.admin-feedback-toolbar-row{flex-wrap:nowrap;align-items:center;gap:10px;min-width:0;display:flex;overflow:auto hidden}.admin-feedback-toolbar-row-filters,.admin-feedback-toolbar-row-actions{justify-content:flex-start}.admin-feedback-toolbar-form{flex:none;align-items:center;gap:8px;display:inline-flex}.admin-feedback-toolbar-query{gap:10px}.admin-feedback-toolbar-query .admin-input{width:124px}.admin-feedback-toolbar-query .admin-field-label{white-space:nowrap}.admin-table-scroll{min-height:0;max-height:62vh;overflow:auto}.admin-file-input{width:min(360px,100%)}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;vertical-align:top;color:#0f172a;border-bottom:1px solid #e2e8f0eb;padding:12px 10px;font-size:14px}.admin-table th{color:#475569;font-weight:600}.admin-table-message-cell{white-space:pre-wrap;min-width:320px}.admin-table-link{color:#2563eb;font-weight:500;text-decoration:none}.admin-table-link:hover{color:#1d4ed8;text-decoration:underline}.admin-table .admin-inline-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-table .admin-rating-input{text-align:center;border-radius:8px;width:62px;min-height:32px;padding:6px 8px}.admin-site-visits-summary{grid-template-columns:repeat(2,minmax(0,220px));gap:12px;display:grid}.admin-site-visits-summary-card{gap:8px;display:grid}.admin-site-visits-summary-label{color:#475569;font-size:13px}.admin-site-visits-summary-value{color:#0f172a;font-size:26px;font-weight:800}.admin-site-settings-form{gap:10px;padding:12px}.admin-site-settings-form .admin-field{gap:5px}.admin-site-settings-form .admin-field-inline{min-height:22px}.admin-site-settings-form .admin-field-label{font-size:12px}.admin-site-settings-form .admin-input{border-radius:10px;min-height:34px;padding:8px 10px;font-size:13px}.admin-site-settings-rich-text-editor{min-height:150px;max-height:220px}.admin-site-settings-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.admin-site-settings-image,.admin-site-settings-empty{background:#f8fafc;border:1px solid #94a3b86b;border-radius:10px;width:min(112px,100%);min-height:112px}.admin-site-settings-image{object-fit:contain;padding:5px}.admin-site-settings-empty{color:#64748b;place-items:center;font-size:13px;font-weight:700;display:grid}@media (max-width:960px){.admin-shell{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.admin-content{overflow:auto}.admin-table{min-width:760px}.admin-sound-form{grid-template-columns:1fr}.admin-sound-description{grid-column:auto}.admin-site-visits-summary,.admin-site-settings-upload-grid{grid-template-columns:1fr}}.score-browser-brand-logo{width:min(46px,100%)}.score-browser-create-cta .score-browser-create-cta-label{font-size:24px;line-height:1}.score-browser-create-cta .score-browser-create-cta-copy{font-size:15px;font-weight:900;line-height:1.05}.sound-palette-table{border-spacing:2px}.sound-palette-table .sound-palette-table-chip{width:72px;height:36px;font-size:31px;line-height:1}.sound-palette-table .sound-palette-action-header,.sound-palette-table .sound-palette-table-spacer{width:72px;min-width:72px}.sound-palette-table .sound-palette-table-button{width:72px;height:34px;padding:0;font-size:31px;line-height:1}@media (max-height:920px){.compact-app{gap:4px;padding:4px}.toolbar{flex:0 0 44px;height:44px;min-height:44px;padding:4px 8px}.editor-score-toolbar{gap:3px 4px;padding:3px 6px}.editor-score-toolbar-shared{margin-bottom:2px}.editor-tab-bar{height:28px;min-height:28px}.editor-tab-group{min-height:140px}.sound-palette-pane{min-height:168px}.sound-palette-scroll{padding:6px 8px 4px}.palette-footer{gap:2px 10px;padding:4px 8px 6px}.sound-palette-table-chip{width:52px;height:28px;font-size:22px}.preview-scroll-region{padding:40px 10px 10px}}@media (max-height:800px){.toolbar{flex:0 0 40px;height:40px;min-height:40px}.editor-score-toolbar .text-btn.editor-score-toolbar-btn{min-height:24px;padding-inline:5px}.editor-score-toolbar .icon-btn.editor-score-toolbar-btn{width:26px;min-width:26px;height:26px}.editor-score-toolbar .toolbar-icon-btn{width:28px;height:28px}.editor-tab-group{min-height:120px}.sound-palette-pane{min-height:156px}.side-panel-body{padding:8px 10px 10px}}@media (max-width:1440px) and (max-height:920px){.layout-grid{grid-template-columns:minmax(0,1fr) minmax(210px,240px);gap:4px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}