.ds-checkbox{position:relative;display:inline-block;flex:0 0 24px;width:24px;height:24px;vertical-align:middle;color:var(--ds-ink,#292820)}.ds-checkbox>input[type=checkbox]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:24px;height:24px;margin:0;padding:0;opacity:0;cursor:pointer}.ds-checkbox-art{display:block;width:24px;height:24px;border-radius:6px;pointer-events:none}.ds-checkbox-art svg{display:block;width:24px;height:24px;overflow:visible}.ds-checkbox-box{fill:var(--ds-surface,#fffdf8);stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:fill .16s}.ds-checkbox-tick{stroke:#302719;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:18;stroke-dashoffset:18;opacity:0;transition:stroke-dashoffset .2s ease-out,opacity .12s}.ds-checkbox>input:checked+.ds-checkbox-art .ds-checkbox-box{fill:#edc367;stroke:#715629}.ds-checkbox>input:checked+.ds-checkbox-art .ds-checkbox-tick{stroke-dashoffset:0;opacity:1}.ds-checkbox>input:focus-visible+.ds-checkbox-art{outline:2px solid var(--ds-focus,#a77b2e);outline-offset:3px}.ds-checkbox>input:disabled{cursor:default}.ds-checkbox>input:disabled+.ds-checkbox-art{opacity:.55}@media(prefers-reduced-motion:reduce){.ds-checkbox-box,.ds-checkbox-tick{transition:none}}@media(forced-colors:active){.ds-checkbox>input[type=checkbox]{opacity:1;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.ds-checkbox-art{visibility:hidden}}.legal-links{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;font-size:12px;line-height:1.6;margin:18px 0;color:var(--muted,#777)}.legal-links a{text-decoration:underline;text-underline-offset:3px;color:inherit}.legal-onboarding{max-width:580px;margin:60px auto;padding:28px;color:var(--text,#292820)}.legal-onboarding>a:first-child{display:block;max-width:220px;margin-bottom:28px}.legal-onboarding h1{font-size:26px;line-height:1.4}.upload-consent-dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;box-sizing:border-box;border:1px solid #d5c9ae;border-radius:22px;padding:32px;background:var(--paper,#faf8f0);color:var(--text,#292820);box-shadow:6px 7px #ad956c40}.upload-consent-dialog::backdrop{background:#24231d66}.upload-consent-dialog h2{font-size:23px;margin:8px 26px 18px 0;line-height:1.4}.legal-close{position:absolute;top:12px;right:14px;border:0;background:transparent;font-size:24px}.legal-file{padding:12px 14px;border-radius:10px;background:#e8b34322;overflow-wrap:anywhere;font-size:14px}.legal-confirm{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.8;margin:18px 0;cursor:pointer}.legal-confirm span{min-width:0}.legal-notice{font-size:12px;line-height:1.8;color:var(--muted,#777)}.legal-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:24px}.legal-actions button{padding:12px 18px;border:1px solid #cec3aa;border-radius:12px;background:transparent;color:inherit}.legal-actions .legal-accept{background:#e8b343;border:1px solid #292820;color:#292820;box-shadow:2px 3px #292820;font-weight:700}.legal-actions button:disabled{opacity:.45;cursor:not-allowed}.legal-actions .legal-accept:not(:disabled):active{transform:translate(1px,2px);box-shadow:1px 1px #292820}.legal-page article{max-width:900px;margin:40px auto 90px;padding:0 24px;line-height:1.9;font-size:15px;color:var(--text,#292820)}.legal-page h1{font-size:30px;line-height:1.4}.legal-page h2{font-size:21px;margin-top:38px}.legal-draft{border-left:3px solid #d89d29;padding:12px 16px;background:#e8b34314;font-size:13px;line-height:1.8}.legal-table{overflow:auto}.legal-table table{border-collapse:collapse;min-width:580px;width:100%;font-size:13px}.legal-table td,.legal-table th{border:1px solid #b8b09f55;padding:10px;text-align:left;vertical-align:top}.legal-version{font-size:11px;color:var(--muted,#777)}@media(max-width:600px){.legal-onboarding{margin:20px auto;padding:22px}.upload-consent-dialog{padding:24px}.legal-page article{margin-top:24px;padding:0 18px}.legal-confirm{font-size:13px}}.legal-signup-background{min-height:100dvh;background:var(--paper,#faf8f0)}.legal-signup-dialog{position:fixed;width:min(440px,calc(100vw - 32px));padding:32px;box-sizing:border-box;max-height:calc(100dvh - 40px);overflow:auto;background:var(--ds-surface,#fffdf8);color:var(--ds-ink,#292820);border:1px solid var(--ds-line,#d9d1bf);border-radius:20px;box-shadow:0 18px 64px #25201526}.legal-signup-dialog::backdrop{background:#24231d55;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.legal-signup-dialog>.brand-wordmark{width:132px;margin:0 0 26px}.legal-signup-dialog h2{font-size:22px;line-height:1.4;letter-spacing:-.6px;margin:0 0 18px;padding-right:12px}.legal-signup-dialog .auth-close{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:32px;height:32px;padding:0;background:transparent;color:var(--ds-ink-muted,#777);border:0;border-radius:8px;box-shadow:none;font-size:22px}.legal-signup-dialog .legal-draft{font-size:11px;line-height:1.6;margin:0 0 20px;padding:10px 12px;border:0;border-radius:8px;background:#e8b34312;color:var(--ds-ink-muted,#777)}.legal-signup-dialog>p{font-size:12px;line-height:1.6;color:var(--ds-ink-muted,#777)}.legal-signup-options{border-block:1px solid var(--ds-line,#e4dfd3);padding:8px 0}.legal-signup-option{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:start;gap:8px;padding:12px 0}.legal-signup-dialog .legal-confirm{display:flex;align-items:flex-start;gap:11px;margin:0;font-size:13px;line-height:1.7;cursor:pointer}.legal-signup-dialog .legal-confirm span{min-width:0}.legal-signup-option>a{display:grid;place-items:center;width:28px;height:26px;color:var(--ds-ink-muted,#777);text-decoration:none;font-size:16px;border-radius:5px}.legal-signup-dialog .legal-actions{margin-top:24px}.legal-signup-dialog .legal-accept{width:100%;min-height:46px;border-radius:10px;font-size:14px;box-shadow:2px 3px #292820}.legal-signup-dialog .legal-accept:disabled{box-shadow:none;opacity:.5}.legal-signup-error{margin-top:16px;font-size:12px;line-height:1.6;color:#a34332}.legal-signup-error p{margin:0 0 8px}.legal-signup-error button{padding:7px 11px;border:1px solid var(--ds-line,#ddd);border-radius:7px;background:transparent;color:var(--ds-ink,#292820);font-size:12px;box-shadow:none}.legal-signup-dialog :is(button,a,input):focus-visible{outline:2px solid #c9952f;outline-offset:3px}@media(max-width:480px){.legal-signup-dialog{padding:28px 24px}.legal-signup-dialog h2{font-size:21px}}.signup-page{min-height:85dvh;display:grid;place-items:center;padding:40px 20px;box-sizing:border-box}.legal-signup-card{width:min(440px,100%);padding:32px;box-sizing:border-box;border:1px solid var(--ds-line,#e1dbcf);border-radius:18px;background:var(--ds-surface,#fffdf8);color:var(--ds-ink,#292820)}.signup-brand{display:block;width:145px;margin-bottom:28px}.signup-brand .brand-wordmark{width:100%}.legal-signup-card h1{font-size:25px;margin:0 0 8px}.signup-email{font-size:13px;color:var(--ds-ink-muted,#777);overflow-wrap:anywhere;margin-bottom:22px}.legal-signup-card .legal-draft{font-size:11px}:is(.legal-signup-card,.upload-consent-dialog) .legal-confirm{margin:0;font-size:13px}.legal-signup-card .legal-accept{width:100%;min-height:46px}@media(max-width:480px){.signup-page{padding:24px 16px;min-height:75dvh}.legal-signup-card{padding:26px 22px}}:is(.legal-signup-card,.upload-consent-dialog) .legal-confirm{gap:10px}.legal-signup-card .legal-signup-option{grid-template-columns:minmax(0,1fr) 32px;gap:10px}.legal-signup-card .legal-signup-option>a{width:32px;min-height:32px;height:32px;margin-top:-4px;color:var(--ds-ink-muted,#777);border-radius:8px;transition:background .15s,color .15s}.legal-document-arrow{display:block;width:23px;height:23px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.legal-signup-card .legal-signup-option>a:hover{background:var(--ds-accent-soft,#fbf0d6);color:var(--ds-accent-ink,#634718)}.legal-signup-card .legal-signup-option>a:focus-visible{outline:2px solid var(--ds-focus,#a77b2e);outline-offset:2px}@media(prefers-reduced-motion:reduce){.legal-signup-card .legal-signup-option>a{transition:none}}.upload-consent-dialog{width:min(460px,calc(100vw - 32px));padding:28px;border:1px solid var(--ds-line,#ded8cc);border-radius:20px;background:var(--ds-surface,#fffdf8);color:var(--ds-ink,#292820);box-shadow:0 18px 64px #25201520}.upload-consent-dialog h2{font-size:21px;line-height:1.4;letter-spacing:-.5px;margin:2px 32px 20px 0}.upload-consent-dialog .legal-close{display:grid;place-items:center;width:32px;height:32px;padding:0;top:17px;right:17px;border:0;border-radius:8px;background:transparent;color:var(--ds-ink-muted,#777);font-size:23px;line-height:1}.upload-consent-dialog .legal-file{display:flex;align-items:center;gap:10px;padding:12px;margin:0 0 22px;background:var(--ds-hover,#f4f0e5);border-radius:10px;font-size:12px;line-height:1.6;color:var(--ds-ink-muted,#777)}.upload-consent-dialog .legal-file svg{flex:0 0 20px;color:var(--ds-accent-ink,#715629)}.upload-consent-dialog .legal-file span{min-width:0;overflow-wrap:anywhere}.upload-consent-dialog .legal-confirm{margin:0;font-size:13px;line-height:1.85}.upload-consent-dialog .legal-notice{margin:14px 0 0;padding-left:34px;font-size:12px;line-height:1.8;color:var(--ds-ink-muted,#777)}.upload-consent-dialog .legal-actions{margin-top:24px}.upload-consent-dialog .legal-accept{width:100%;min-height:46px;font-size:13px}.upload-consent-dialog .legal-close:focus-visible{outline:2px solid var(--ds-focus,#a77b2e);outline-offset:2px}@media(max-width:480px){.upload-consent-dialog{padding:24px}.upload-consent-dialog h2{font-size:20px}}.app-header button:is(#library-toggle,#studio-toggle,#print,#theme-toggle,.language-trigger){display:grid;place-items:center;flex:0 0 40px;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;margin-block:0;border:0;border-radius:12px;line-height:1;position:relative;transition:background .16s,transform .16s}.app-header .header-actions,.app-header .language-switcher{align-items:center}.app-header .header-actions{flex-wrap:nowrap}.app-header :is(#library-toggle,#studio-toggle,#print,#theme-toggle):hover:not(:disabled),.language-trigger:hover{background:#e4ad471a}.app-header :is(#library-toggle,#studio-toggle,#print,#theme-toggle):active:not(:disabled),.language-trigger:active{transform:translateY(2px)}.app-header :is(#library-toggle,#studio-toggle,#print,#theme-toggle) .header-illustration,.language-trigger .header-illustration{display:block;width:32px;height:32px;flex-shrink:0;margin:0;color:#454033;transition:transform .18s}.app-header #studio-toggle .header-illustration{width:36px;height:32px}.app-header #studio-toggle .header-snare{translate:0 1.5px}.app-header #print .header-illustration{width:32px;height:32px}.app-header :is(#studio-toggle,#print):hover:not(:disabled) .header-illustration{transform:rotate(-4deg)}[data-theme=dark] .app-header :is(#library-toggle,#studio-toggle,#print,#theme-toggle) .header-illustration{filter:drop-shadow(0 1px 0 #fff3)}@media(max-width:700px){.app-header button:is(#library-toggle,#studio-toggle,#print,#theme-toggle,.language-trigger){width:34px;min-width:34px;flex-basis:34px}.app-header :is(#library-toggle,#studio-toggle,#print,#theme-toggle,.language-trigger) .header-illustration{width:30px;height:30px}.app-header #studio-toggle .header-illustration{width:34px;height:30px}}@media(prefers-reduced-motion:reduce){.app-header button,.language-trigger,.app-header .header-illustration{transition:none!important}.app-header :is(#studio-toggle,#print):hover:not(:disabled) .header-illustration{transform:none}}.account-icon{display:none}@media(max-width:600px){.app-header .brand-icon-link{min-width:36px;min-height:40px}.pricing-nav .brand-icon-link .brand-character{display:none}.app-header .brand-icon-link .brand-character{display:block;width:40px;height:40px}.app-header .brand-icon-link .brand-wordmark{display:none}.app-header .account-button{display:grid;place-items:center;width:34px;min-width:34px;height:40px;padding:0;border:0;background:transparent}.app-header .account-icon{display:block;width:28px;height:28px}.app-header .account-button-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app-header #result-actions button{padding-inline:5px}}.mobile-menu-toggle,.mobile-action-label{display:none}@media screen and (max-width:600px){.app-header .mobile-menu-toggle{display:grid;place-items:center;width:44px;height:44px;min-width:44px;margin-left:auto;padding:0;border:1px solid #b7a48255;border-radius:12px;background:#e4ad4718;color:inherit;box-shadow:none}.app-header .header-actions{display:none;position:absolute;top:calc(100% + 8px);right:10px;width:min(300px,calc(100vw - 20px));max-height:calc(100dvh - 145px);overflow-y:auto;margin:0;padding:10px;border:1px solid #b7a48266;border-radius:16px;background:#fffdf7;box-shadow:3px 5px #79572320,0 12px 30px #29282012;color:#292820}.app-header .header-actions[data-menu-open=true]{display:flex;flex-direction:column;align-items:stretch;gap:3px;animation:header-menu-in .16s ease-out}.app-header .header-actions #result-actions:not([hidden]),.app-header .header-actions .language-switcher{display:block;width:100%}.app-header .header-actions button:is(#library-toggle,#studio-toggle,#print,#theme-toggle,.language-trigger,.account-button,#new){display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-width:0;height:auto;min-height:46px;flex-basis:auto;padding:8px 12px;border-radius:10px;text-align:left;background:transparent;color:inherit;font-size:14px;line-height:1.4}.app-header .header-actions button:hover{background:#e4ad4718}.app-header .header-actions .mobile-action-label{display:inline}.app-header .header-actions #theme-toggle:after{content:attr(aria-label)}.app-header .header-actions .language-trigger:after{content:attr(aria-label)}.app-header .header-actions .account-button-label{position:static;width:auto;height:auto;clip-path:none;overflow:visible;white-space:normal}.app-header .header-actions .header-illustration,.app-header .header-actions .account-icon{width:28px;height:28px;flex-shrink:0}[data-theme=dark] .app-header .header-actions{background:#292824;color:#f5efdf;border-color:#625a49;box-shadow:3px 5px #0004,0 12px 30px #0003}}@keyframes header-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.app-header .header-actions[data-menu-open=true]{animation:none}}.app-header .header-score-return{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;padding:4px;border-radius:12px;color:inherit;text-decoration:none;box-sizing:border-box}.app-header .header-score-return:hover{background:var(--ds-hover)}.app-header .header-score-return:focus-visible{outline:2px solid var(--ds-focus);outline-offset:3px}@media(max-width:600px){.app-header .header-actions .header-score-return{justify-content:flex-start;gap:12px;width:100%;height:auto;min-height:46px;padding:8px 12px;font-size:14px}}.app-header .header-score-return .header-illustration{display:block;width:28px;height:28px;min-width:0;max-width:28px;max-height:28px;flex:0 0 28px}.app-header[data-page=promotion] .header-page-navigation>button{background:transparent;border:0;box-shadow:none;color:#292820;font-size:14px;font-weight:600;padding:10px 17px;min-height:44px;border-radius:8px}.app-header[data-page=promotion] .header-page-navigation>button:hover{background:#29282008}.app-header[data-page=promotion] .header-actions .account-button:not(.account-button-icon-only){display:inline-flex;align-items:center;justify-content:center;min-height:44px;width:auto;padding:10px 22px;border:0;border-radius:999px;background:#e6af43;color:#292820;font-size:14px;font-weight:600;box-shadow:none}.app-header[data-page=promotion] .account-button:not(.account-button-icon-only) .account-button-label{display:inline;position:static;width:auto;height:auto;clip-path:none;overflow:visible}.app-header[data-page=promotion] .account-button:not(.account-button-icon-only) .account-icon{display:none}@media(max-width:760px){.pricing-page.landing-page>.app-header{margin:-8px -8px 0}}.language-switcher{position:relative;display:inline-flex;align-items:center;color:inherit;flex-shrink:0}.language-trigger{display:grid;place-items:center;width:44px;height:44px;padding:6px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.language-trigger:focus-visible{outline:2px dashed #ad7c29;outline-offset:3px}.language-menu{position:fixed;z-index:10000;width:230px;max-width:calc(100vw - 32px);max-height:min(440px,70dvh);overflow-y:auto;padding:8px;background:#fffbf2;color:#383326;border:1.5px solid #695a40;border-radius:12px 16px 13px 15px;box-shadow:5px 6px #dbc8a2;animation:language-menu-in .14s ease-out;box-sizing:border-box}.language-menu>button{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;margin:0;padding:9px 10px;border:0;border-radius:7px;text-align:left;background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer;box-shadow:none}.language-menu>button:hover,.language-menu>button:focus-visible{background:#f5ead2;outline:none;transform:none}.language-menu>button[aria-checked=true]{background:#f4dcaa}.language-menu small{font-size:11px;color:#83745e}.language-check{margin-left:auto;color:#83601f}.pricing-nav>div{align-items:center;flex-wrap:wrap;justify-content:flex-end}@keyframes language-menu-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}@media(max-width:700px){.pricing-nav{gap:14px;flex-wrap:wrap}.pricing-nav>.brand-icon-link{flex-shrink:0}.header-actions{flex-wrap:wrap}.language-trigger{width:38px;height:42px}}html:not([lang=ko]) .landing-copy h1{word-break:normal;overflow-wrap:break-word;letter-spacing:-.04em}html:not([lang=ko]) .feature-copy h2,html:not([lang=ko]) .pricing-section-heading h2{word-break:normal;overflow-wrap:break-word}html:not([lang=ko]) .pricing-plan button{white-space:normal}@media(prefers-reduced-motion:reduce){.language-menu{animation:none}}@media print{.language-switcher{display:none}}.auth-dialog{position:fixed;box-sizing:border-box;border:1px solid var(--ds-line,#ddd);border-radius:28px;padding:36px;width:min(440px,calc(100vw - 32px));max-height:88dvh;overflow:auto;background:var(--ds-surface,#fff);color:var(--ds-ink,#222);box-shadow:0 28px 100px #0003}.auth-dialog::backdrop{background:#0005;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-dialog h2{font-size:26px;letter-spacing:-1px;margin:20px 0 10px}.auth-dialog p{line-height:1.7;color:var(--ds-ink-muted,#666);font-size:14px}.auth-dialog .auth-close{position:absolute;right:16px;top:16px;width:36px;height:36px;font-size:24px;padding:0;background:transparent;border:0}.auth-dialog label{display:block;margin:20px 0 0;font-size:13px}.auth-dialog input{display:block;width:100%;box-sizing:border-box;margin-top:8px;border:1px solid var(--ds-line,#ccc);border-radius:12px;padding:13px;background:var(--ds-surface,#fff);color:inherit;font:inherit;font-size:16px}.auth-dialog small{display:block;font-size:11px;color:var(--ds-ink-muted,#666);margin-top:6px}.auth-submit{width:100%;margin-top:24px;padding:14px!important}.auth-links{display:flex;justify-content:space-between;gap:8px;margin-top:24px}.auth-links button{border:0;background:none;padding:0;font-size:12px;color:var(--ds-ink-muted,#666)}.auth-dialog [role=alert]{color:#b44436}.account-email{overflow-wrap:anywhere}.account-balance{display:flex;align-items:baseline;gap:12px;padding:20px 0}.account-balance strong{font-size:48px}.account-balance span{font-size:13px}.account-ledger{padding:0;list-style:none;max-height:230px;overflow:auto}.account-ledger li{display:flex;justify-content:space-between;border-bottom:1px solid var(--ds-line,#ddd);padding:12px 0;font-size:13px}.account-plans{display:inline-block;margin:12px 0;color:inherit}.auth-gate{min-height:70dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding:32px}.auth-gate p{line-height:1.8}.auth-gate h1{font-size:32px}.account-button{white-space:nowrap;font-size:13px!important}.analysis-scope{display:flex;justify-content:center;gap:12px;margin-bottom:24px}.analysis-scope button[aria-pressed=true]{background:var(--ds-action,#333);color:var(--ds-on-action,#fff)}.analysis-access{text-align:center;max-width:660px;margin:0 auto 24px;padding:0 20px}.analysis-access p{font-size:14px;line-height:1.7;color:var(--ds-ink-muted)}.analysis-access a{color:inherit}.analysis-access .analysis-scope{margin-bottom:12px}.google-signin{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;margin-top:24px;border:1px solid #747775!important;border-radius:24px!important;background:#fff!important;color:#1f1f1f!important;font-size:14px!important;font-weight:500!important}.google-signin:hover:not(:disabled){background:#f2f2f2!important}.google-signin:disabled{opacity:.65}.auth-google-note{font-size:12px!important;text-align:center;word-break:keep-all}.auth-dialog.auth-signin-dialog{width:min(420px,calc(100vw - 32px));padding:42px 32px 30px;border:1px solid #ddd3c1;border-radius:22px;background:#faf7ef;color:#292820;text-align:center;box-shadow:0 18px 65px #29282026;font-family:var(--ds-font-sans)}.auth-signin-dialog .auth-signin-emblem{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 22px;background:#f2e8d0;border-radius:26px}.auth-dialog.auth-signin-dialog h2{font-size:25px;line-height:1.4;letter-spacing:-.8px;font-weight:650;margin:0 0 14px;color:inherit}.auth-dialog.auth-signin-dialog #auth-description{font-size:14px;line-height:1.8;margin:0;color:#7a7161}.auth-dialog.auth-signin-dialog .auth-close{display:grid;place-items:center;right:12px;top:12px;width:36px;height:36px;min-height:36px;padding:0;color:#777063;border-radius:50%;cursor:pointer}.auth-signin-dialog .auth-close:hover{background:#e8dfce}.auth-dialog.auth-signin-dialog .google-signin{margin-top:28px;min-height:52px;border-color:#cfc6b6!important;border-radius:13px!important;font-weight:550!important;box-shadow:0 2px #ded4bf;transition:background .15s,box-shadow .15s}.auth-signin-dialog .google-signin:active:not(:disabled){box-shadow:none}.auth-dialog.auth-signin-dialog .auth-google-note{margin:18px 0 0;font-size:12px!important;line-height:1.7;color:#8a8172}.auth-signin-dialog button:focus-visible{outline:2px solid #a77b27;outline-offset:4px}[data-theme=dark] .auth-dialog.auth-signin-dialog{background:#292722;color:#f5efe2;border-color:#504b40}[data-theme=dark] .auth-signin-dialog .auth-signin-emblem{background:#443b28}[data-theme=dark] .auth-dialog.auth-signin-dialog #auth-description,[data-theme=dark] .auth-dialog.auth-signin-dialog .auth-google-note,[data-theme=dark] .auth-dialog.auth-signin-dialog .auth-close{color:#beb4a2}[data-theme=dark] .auth-signin-dialog .auth-close:hover{background:#423d33}@media(max-width:400px){.auth-dialog.auth-signin-dialog{padding:38px 24px 26px}.auth-dialog.auth-signin-dialog h2{font-size:23px}}.auth-signin-dialog .temporary-signin{width:100%;margin-top:10px;min-height:44px;border:1px solid #d7c7a6;border-radius:999px;background:#f4ead4;color:#655135;font:inherit;font-size:14px;cursor:pointer;transition:background .15s,transform .15s}.auth-signin-dialog .temporary-signin:hover{background:#eeddb8}.auth-signin-dialog .temporary-signin:active{transform:translateY(1px)}.auth-signin-dialog .temporary-signin:disabled{opacity:.55;cursor:wait}.preview-signin{display:grid;gap:8px;margin-top:24px;text-align:left}.preview-signin label{font-size:13px;color:inherit}.preview-signin input{width:100%;box-sizing:border-box;min-height:46px;padding:10px 12px;border:1px solid #d5c9b4;border-radius:10px;background:#fffdf8;color:#292820;font:inherit;font-size:16px}.preview-signin label:not(:first-child){margin-top:6px}.preview-signin button{width:100%;min-height:46px;margin-top:12px}.preview-signin input:focus-visible{outline:2px solid #bc8c31;outline-offset:2px}[data-theme=dark] .preview-signin input{background:#24231f;color:#f5efe2;border-color:#625a48}.app-header .header-actions .account-button.account-button-icon-only{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:6px;border:0;background:transparent;border-radius:12px}.account-button.account-button-icon-only .account-icon{display:block;width:30px;height:30px}.app-header .header-actions .account-button.account-button-icon-only .account-button-label{display:none}.account-button.account-button-icon-only:focus-visible{outline:2px solid var(--ds-focus);outline-offset:3px}.account-menu-anchor{position:relative;display:flex;align-items:center;flex-shrink:0;isolation:isolate}.account-menu-anchor>.account-button{position:relative;z-index:2}.account-dropdown{position:absolute;right:0;top:0;z-index:1;width:176px;padding:60px 8px 8px;box-sizing:border-box;background:transparent;color:#302c24;filter:drop-shadow(0 6px 12px #24211818);pointer-events:none}.account-dropdown:before{content:"";position:absolute;z-index:-1;right:0;top:0;width:44px;height:64px;background:#fff;border-radius:22px 22px 0 0;transform-origin:22px 22px;pointer-events:none}.account-dropdown:after{content:"";position:absolute;z-index:-1;right:0;top:52px;width:100%;height:calc(100% - 52px);background:#fff;border-radius:12px;transform-origin:calc(100% - 22px) 0;pointer-events:none}.account-dropdown[data-open=true]:before{animation:account-bubble-grow .58s both}.account-dropdown[data-open=true]:after{animation:account-drop-grow .64s both}.account-dropdown[data-open=false]:before{animation:account-bubble-close .44s both}.account-dropdown[data-open=false]:after{animation:account-drop-close .44s both}.account-dropdown-items{display:flex;flex-direction:column;gap:2px;opacity:0;transform:translateY(-4px);transition:opacity .1s,transform .15s}.account-dropdown[data-open=true] .account-dropdown-items{pointer-events:auto;opacity:1;transform:translateY(0);transition:opacity .18s .3s,transform .24s .28s}.app-header .header-actions .account-dropdown a,.app-header .header-actions .account-dropdown button{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-width:0;height:42px;margin:0;line-height:20px;font-weight:500;box-sizing:border-box;text-decoration:none;padding:11px 14px;border:0;border-radius:11px;background:transparent;color:#302c24;box-shadow:none;font-size:13px;white-space:nowrap}.app-header .header-actions .account-dropdown a:hover,.app-header .header-actions .account-dropdown button:hover{background:#f6efdf}.account-dropdown button:focus-visible{outline:2px solid #d8a334;outline-offset:-2px}.account-dropdown [role=alert]{font-size:12px;line-height:1.5;margin:6px 12px;color:#a3392f}.app-header:has(.account-dropdown){z-index:120}@keyframes account-bubble-grow{0%{transform:scale(.35);border-radius:50%;height:44px;opacity:0}24%{transform:scale(1.08,.94);height:44px;opacity:1}48%{transform:scale(.94,1.06);height:64px}74%{transform:scale(1.025,.985)}to{transform:scale(1);height:64px}}@keyframes account-drop-grow{0%,16%{top:13px;right:13px;width:18px;height:18px;border-radius:50%;opacity:0}28%{top:7px;right:3px;width:38px;height:46px;border-radius:50%;opacity:1;animation-timing-function:cubic-bezier(.2,.7,.3,1)}48%{top:30px;right:0;width:64px;height:64px;border-radius:40%;animation-timing-function:cubic-bezier(.16,.8,.3,1)}70%{top:52px;width:180px;height:calc(100% - 48px);border-radius:15px}84%{top:52px;width:173px;height:calc(100% - 54px);border-radius:11px}to{top:52px;right:0;width:100%;height:calc(100% - 52px);border-radius:12px;opacity:1}}@keyframes account-drop-close{0%{top:52px;right:0;width:100%;height:calc(100% - 52px);border-radius:12px;opacity:1;transform:none;animation-timing-function:cubic-bezier(.3,0,.4,1)}40%{top:0;right:0;width:90px;height:90px;border-radius:22px 22px 28px 28px;opacity:1;transform:none;animation-timing-function:cubic-bezier(.2,.75,.3,1)}70%{top:0;right:0;width:44px;height:44px;border-radius:50%;opacity:1;transform:scale(1);transform-origin:22px 22px}84%{top:0;right:0;width:44px;height:44px;border-radius:50%;opacity:.75;transform:scale(1.035);transform-origin:22px 22px}to{top:0;right:0;width:44px;height:44px;border-radius:50%;opacity:0;transform:scale(.72);transform-origin:22px 22px}}@keyframes account-bubble-close{0%,36%{opacity:1;transform:none}40%,to{opacity:0;transform:none}}@media(prefers-reduced-motion:reduce){.account-dropdown:before,.account-dropdown:after,.account-dropdown-items{animation:none!important;transition:none!important}.account-dropdown[data-open=false]{visibility:hidden}}@media(max-width:600px){.account-menu-anchor{align-self:flex-end}.app-header .header-actions .account-menu-anchor>.account-button{width:44px;min-width:44px}.account-dropdown{max-width:calc(100vw - 32px)}}.account-page{max-width:760px;margin:48px auto 90px;padding:0 24px;color:var(--ds-ink)}.account-page h1{font-size:28px}.account-page section{padding:24px 0;border-bottom:1px solid var(--ds-line)}.account-page h2{font-size:17px}.account-page p,.account-page a{font-size:14px;line-height:1.8}.account-page a{color:inherit}.account-page small{display:block;margin-top:6px;color:var(--ds-ink-muted)}.account-page-balance{display:flex;align-items:center;gap:12px;font-size:32px}.account-dropdown a:focus-visible{outline:2px solid #d8a334;outline-offset:-2px}.auth-dialog .auth-consent-notice{margin-top:22px;padding-top:16px;border-top:1px solid var(--ds-line,#e3dfd6);text-align:center}.auth-dialog .auth-consent-notice p{font-size:11px;line-height:1.7;color:var(--ds-ink-muted,#777);margin:0 0 8px}.auth-consent-notice nav{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.auth-consent-notice a{font-size:12px;color:inherit;text-underline-offset:3px}.page-error{min-height:calc(100dvh - 84px);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:36px 24px 56px;background:var(--ds-canvas,#f4f0e5);color:var(--ds-ink,#292820)}.page-error-content{width:min(100%,400px);margin:auto;text-align:center;padding:48px 0;box-sizing:border-box}.page-error-art{position:relative;width:156px;height:148px;margin:0 auto 26px;color:#292820}.page-error-art:before{content:"";position:absolute;top:12px;right:0;bottom:0;left:0;border-radius:50%;background:var(--ds-action,#e4ad47);opacity:.12}.page-error-art svg{position:relative;display:block;width:142px;height:134px;transform:rotate(-7deg)}.page-error-art>span{position:absolute;right:0;bottom:8px;display:grid;place-items:center;width:36px;height:36px;border:2px solid #292820;border-radius:50%;background:var(--ds-action,#e4ad47);font-size:22px;font-weight:800}.page-error-content h1{margin:0 0 12px;font-size:clamp(23px,4vw,28px);line-height:1.4;letter-spacing:-.04em}.page-error-content p{margin:0 auto 28px;max-width:340px;font-size:14px;line-height:1.8;color:var(--ds-ink-muted,#777);overflow-wrap:anywhere}.page-error-retry{display:flex;align-items:center;justify-content:center;gap:8px;min-width:180px;min-height:48px;margin:0 auto;padding:12px 24px;border:1.5px solid #292820;border-radius:14px;background:var(--ds-action,#e4ad47);color:#292820;box-shadow:3px 4px #292820;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.page-error-retry:active{transform:translate(2px,3px);box-shadow:1px 1px #292820}.page-error-retry span{line-height:20px}.page-error-retry svg{flex:0 0 18px;display:block}.page-error-home{display:inline-block;margin-top:24px;padding:8px;font-size:12px;color:var(--ds-ink-muted,#777);text-underline-offset:4px}.page-error a:focus-visible,.page-error button:focus-visible{outline:3px solid var(--ds-action,#e4ad47);outline-offset:5px}@media(max-width:480px){.page-error{padding:28px 24px 40px}.page-error-content{padding:36px 0}}@media(prefers-reduced-motion:reduce){.page-error-retry{transition:none}}.page-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;background:#f4f0e5;color:#292820;--ds-action:#e4ad47}.page-loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.page-loading .page-loading-drum{display:block;width:136px;height:119px;transform-origin:50% 80%;animation:page-loading-tap 1.2s ease-in-out infinite}.page-loading-dots{display:flex;gap:7px}.page-loading-dots i{width:5px;height:5px;border-radius:50%;background:#b89143;animation:page-loading-pulse 1.2s ease-in-out infinite}.page-loading-dots i:nth-child(2){animation-delay:.15s}.page-loading-dots i:nth-child(3){animation-delay:.3s}@keyframes page-loading-tap{0%,to{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(3deg) translateY(-4px)}}@keyframes page-loading-pulse{0%,to{opacity:.3}50%{opacity:1}}[data-theme=dark] .page-loading{background:#24231f;color:#e8dfcd}@media(prefers-reduced-motion:reduce){.page-loading .page-loading-drum,.page-loading-dots i{animation:none}}.dev-login{position:fixed;right:20px;bottom:max(20px,env(safe-area-inset-bottom));z-index:150;display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid #d8ccb0;border-radius:999px;background:#fff9e9;color:#514a3b;box-shadow:0 6px 24px #30281816;font-size:13px;cursor:pointer}.dev-login small{font-size:10px;color:#8a806b}.dev-login:focus-visible{outline:3px solid #bba76a;outline-offset:3px}.dev-full-score{margin:20px auto;padding:20px;max-width:900px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;text-align:center;background:var(--ds-accent-soft);color:var(--ds-ink);border:1px solid var(--ds-line);border-radius:16px}.dev-full-score button{margin:0;background:var(--ds-action);color:var(--ds-on-action);border-color:var(--ds-accent-line)}.dev-full-score button:hover{background:var(--ds-action-hover)}@media print{.dev-login,.dev-full-score{display:none!important}}@font-face{font-family:Pretendard;src:url(/fonts/PretendardVariable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--ds-text-xs: 11px;--ds-text-sm: 13px;--ds-text-md: 15px;--ds-text-lg: 20px;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-radius-control: 10px;--ds-radius-panel: 18px;--ds-radius-card: 24px;--ds-canvas: #faf9f6;--ds-surface: #fff;--ds-surface-raised: #fff;--ds-glass: #faf9f6ed;--ds-ink: #1d1d1f;--ds-ink-muted: #6e6e73;--ds-line: #dedee3;--ds-hover: #ededf0;--ds-selection: #1d1d1f12;--ds-action: #1d1d1f;--ds-action-hover: #3a3a3c;--ds-on-action: #fff;--ds-focus: #626268;--ds-danger: #ba3535;--ds-shadow-panel: 0 2px 6px #00000004, 0 16px 40px #0000000d;--ds-shadow-float: 0 4px 12px #00000008, 0 20px 60px #00000020;--ds-shadow-paper: 0 1px 2px #00000008, 0 10px 30px -12px #00000024;--ds-motion-fast: .16s;--ds-motion-reveal: .7s;--ds-ease: cubic-bezier(.2,.7,.2,1)}[data-theme=dark]{--ds-canvas: #161618;--ds-surface: #232326;--ds-surface-raised: #2c2c2f;--ds-glass: #202023dc;--ds-ink: #f5f5f7;--ds-ink-muted: #a1a1a6;--ds-line: #3a3a3e;--ds-hover: #343438;--ds-selection: #ffffff18;--ds-action: #ececef;--ds-action-hover: #fff;--ds-on-action: #1d1d1f;--ds-focus: #bdbdc4;--ds-danger: #f08484;--ds-shadow-panel: 0 2px 6px #00000010, 0 16px 40px #00000024;--ds-shadow-float: 0 4px 12px #00000015, 0 20px 60px #00000050;--ds-shadow-paper: 0 1px 2px #00000010, 0 14px 36px -12px #00000070}:root{--ds-accent: #f0cf86;--ds-accent-ink: #634718;--ds-accent-soft: #fbf0d6;--ds-accent-line: #d4ad58;--ds-lavender: #e8e5f7;--ds-lavender-ink: #5b557d;--ds-apricot: #f8e9cf;--ds-apricot-ink: #7a5a30;--ds-action: #e4ad47;--ds-on-action: #302719;--ds-action-hover: #d69b32;--ds-brand-ink: #292820;--ds-focus: #292820}[data-theme=dark]{--ds-brand-ink: #f0cf86;--ds-accent: #f0cf86;--ds-accent-ink: #302719;--ds-accent-soft: #403523;--ds-accent-line: #b18b42;--ds-lavender: #383449;--ds-lavender-ink: #d5ccef;--ds-apricot: #463b2b;--ds-apricot-ink: #edc994;--ds-action: #f0cf86;--ds-action-hover: #f8e0a9;--ds-on-action: #302719;--ds-focus: #f0cf86}:root{font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif;color:#383838;background:#f7f7f7;font-synthesis:none;--green: #585858;--border: #e3e3e3;--app-header-height: 64px;--brand: #676767;--brand-soft: #f3f3f3;--brand-line: #c1c1c1;--brand-action: #6a6a6a;--brand-action-hover: #575757;--brand-selection: #a1a1a126}[data-theme=dark]{--brand: #cecece;--brand-soft: #363636;--brand-line: #767676;--brand-selection: #c0c0c02b}*{box-sizing:border-box}body{margin:0}@media screen{html{scrollbar-gutter:stable}}button{font:inherit;font-size:13px;font-weight:550;cursor:pointer;border:1px solid var(--border);border-radius:8px;padding:12px 20px;background:#fff;color:inherit;transition:background .15s}button:hover{background:#f2f2f2}button:disabled{opacity:.45;cursor:default}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#454545}button:focus-visible,a:focus-visible{outline:2px solid var(--brand);outline-offset:5px}[hidden]{display:none!important}.app-header{height:64px;padding:0 max(24px,calc((100vw - 1096px)/2));border-bottom:1px solid #ececec;display:flex;align-items:center;gap:24px;background:#fff}.brand{color:#1d1d1f;text-decoration:none;white-space:nowrap;font-size:20px;font-weight:600;letter-spacing:-.65px}.header-caption{font-size:11px;color:#a0a0a0;letter-spacing:1px;margin-left:auto}#result-actions{display:flex;gap:9px}main{min-height:calc(100vh - 157px)}.upload-screen{text-align:center;padding:85px 24px 60px;max-width:780px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:600;color:#8a8a8a;margin:0 0 18px}h1{font-size:38px;font-weight:600;letter-spacing:-1.8px;line-height:1.3;margin:0 0 16px}.lead{font-size:14px;line-height:1.8;color:#929292;margin:0}.dropzone{margin:45px auto 20px;border:1.5px dashed #d4d4d4;border-radius:15px;background:#fdfdfd;padding:43px 30px 32px;transition:background .2s,border-color .2s}.dropzone.dragging{background:#ededed;border-color:#686868}.music-icon{width:73px;height:73px;display:grid;place-items:center;margin:0 auto 24px;background:#f0f0f0;color:#8a8a8a;border-radius:20px;transform:rotate(-5deg)}.music-icon svg{width:40px;height:40px}.dropzone h2{font-size:17px;font-weight:550;letter-spacing:-.5px;margin:0 0 11px}.dropzone p{font-size:12px;color:#9c9c9c;margin:0 0 26px}.dropzone button{min-width:154px}.dropzone button span{margin-left:23px;font-size:17px}.file-help{display:block;font-size:10px;color:#a7a7a7;margin-top:24px}.scope{font-size:11px;color:#a2a2a2;margin-top:23px}.loading-screen,.error-screen{max-width:650px;text-align:center;margin:auto;padding:125px 25px 90px}.loading-screen h1,.error-screen h1{font-size:32px}.loading-screen .eyebrow{letter-spacing:.7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:36px}.loading-art{height:80px;display:flex;align-items:center;justify-content:center;gap:7px}.loading-art span{height:38px;width:6px;background:#7b7b7b;border-radius:5px;animation:pulse 1.2s ease-in-out infinite}.loading-art span:nth-child(2){animation-delay:.12s;height:61px}.loading-art span:nth-child(3){animation-delay:.24s;height:78px}.loading-art span:nth-child(4){animation-delay:.36s;height:54px}.loading-art span:nth-child(5){animation-delay:.48s;height:29px}@keyframes pulse{0%,to{transform:scaleY(.55);opacity:.4}50%{transform:scaleY(1);opacity:1}}.stages{list-style:none;display:flex;align-items:center;justify-content:center;gap:17px;margin:43px 0 26px;padding:0;color:#acacac;font-size:12px}.stages li{display:flex;align-items:center;gap:8px}.stages li span{width:24px;height:24px;border:1px solid #e1e1e1;border-radius:50%;display:grid;place-items:center;font-size:10px}.stages .active{color:var(--green);font-weight:600}.stages .active span,.stages .complete span{background:var(--green);color:#fff;border-color:var(--green)}.stages .complete{color:#7f7f7f}.stages .stage-line{width:55px;height:1px;background:#dcdcdc}.loading-hint{font-size:11px;color:#a7a7a7}.text-button{border:none;background:transparent;color:#949494;font-size:12px;margin-top:12px}.error-screen .lead{margin:20px 0 30px;overflow-wrap:anywhere}#result-screen{max-width:1110px;margin:auto;padding:40px 28px 20px}.result-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:24px}.result-heading .eyebrow{font-size:9px;margin-bottom:11px}.result-heading h1{font-size:26px;letter-spacing:-.7px;margin:0 0 12px;overflow-wrap:anywhere}.result-heading p:last-child{font-size:12px;color:#989898;margin:0}.draft-label{color:#8e8b6b;background:#eeedde;font-size:10px;padding:7px 11px;border-radius:5px;white-space:nowrap}.score-container{border:1px solid #e3e3e3;background:#ebebeb;padding:27px;border-radius:9px}.paper{background:#fff;width:100%;margin:0 auto 25px;padding:35px 35px 20px;box-shadow:0 3px 14px #2f2f2f09;color:#232323}.paper:last-child{margin-bottom:0}.paper-header{text-align:center}.paper-header p:first-child{font-size:8px;letter-spacing:2px;color:#8f958f}.paper-header h2{font-family:Georgia,Apple SD Gothic Neo,serif;font-size:26px;font-weight:600;letter-spacing:-.3px;margin:14px 0;overflow-wrap:anywhere}.paper-header p:last-child{font-size:11px;margin:0 0 8px}.score-row svg{display:block;width:100%;height:auto;overflow:visible}.score-section-marker{pointer-events:none}.score-section-marker rect{fill:#f1f1f1;stroke:#626262;stroke-width:1.2}.score-section-marker text{fill:#2f2f2f;stroke:none}@media screen{[data-theme=dark] .score-section-marker rect{fill:#d2d2d2;stroke:#545454}[data-theme=dark] .score-section-marker text{fill:#2c2c2c;stroke:none}}@media print{.score-section-marker rect{fill:#fff;stroke:#222}.score-section-marker text{fill:#111}}.legend{text-align:center;color:#888f88;font-size:9px;margin:15px 0 20px}.paper footer{border-top:1px solid #e7e7e7;padding-top:12px;color:#959595;font-size:8px;text-align:center}.result-note{text-align:center;color:#a1a1a1;font-size:11px;margin:22px 0 5px}.app-footer{font-size:9px;letter-spacing:1px;color:#adadad;text-align:center;padding:25px 20px}.app-footer span{padding:0 12px}.preparing{position:absolute;left:0;right:0;visibility:hidden;pointer-events:none}@media(max-width:700px){.app-header{height:74px;padding:0 21px;gap:12px}.brand{font-size:21px}.header-caption{display:none}#result-actions{margin-left:auto}#result-actions button{padding:9px 12px;font-size:11px}.upload-screen{padding:68px 22px 35px}h1{font-size:30px}.lead{font-size:12px}.dropzone{margin-top:33px;padding:33px 18px 28px}.loading-screen,.error-screen{padding-top:100px}#result-screen{padding:28px 14px}.result-heading h1{font-size:21px}.result-heading{gap:10px}.score-container{padding:10px;overflow:auto}.paper{min-width:580px;padding:25px 20px}.draft-label{font-size:9px}}@media(prefers-reduced-motion:reduce){.loading-art span{animation:none}}@page{size:A4 portrait;margin:0}@media print{body{background:#fff}.app-header,.app-footer,.result-heading,.result-note,#upload-screen,#loading-screen,#error-screen{display:none!important}main{min-height:0}#result-screen{padding:0;max-width:none;margin:0}.score-container{border:0;padding:0;background:#fff;overflow:visible}.paper{width:100%;max-width:none;min-width:0;box-shadow:none;margin:0;padding:8mm 3mm 0;break-after:page;break-inside:avoid}.paper:last-child{break-after:auto}.score-row{break-inside:avoid}.paper-header h2{font-size:24px}.paper-header p:first-child{font-size:8px}.paper footer{font-size:8px}}.score-transport{display:flex;align-items:center;gap:12px;background:#fbfbfb;border:1px solid var(--border);border-radius:9px;padding:13px 17px;margin-bottom:19px;position:sticky;top:10px;z-index:2;box-shadow:0 2px 9px #2f2f2f06}.score-transport button{padding:9px 14px;white-space:nowrap}.play-clock{font-size:11px;font-variant-numeric:tabular-nums;color:#8b8b8b;white-space:nowrap}.score-transport input[type=range]{accent-color:var(--green);cursor:pointer;min-width:50px}#score-seek{flex:1}.playing-bar{font-size:11px;color:#7b7b7b;white-space:nowrap;min-width:40px}.volume-label{display:flex;align-items:center;gap:6px;font-size:11px;color:#909090;white-space:nowrap}.volume-label input{width:65px}.playback-bar{fill:transparent;stroke:none;pointer-events:all;cursor:pointer;touch-action:manipulation}.playback-bar:focus{outline:none}.playback-bar:hover,.playback-bar:focus-visible{fill:#8686860c;stroke:#a8a8a8;stroke-width:1;outline:none}.playback-bar.playing{fill:none;stroke:#4a90e2;stroke-width:1.75;vector-effect:non-scaling-stroke}.playback-error{font-size:12px;color:#a1523d}.kit-preview{margin:0 auto 25px;max-width:650px;letter-spacing:0}.kit-preview summary{font-size:12px;cursor:pointer;color:var(--brand);list-style:none}.kit-preview summary:after{content:" ＋"}.kit-preview[open] summary:after{content:" −"}.kit-pads{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:18px 0}.kit-pads button{font-size:12px;padding:10px 15px}.kit-preview p{line-height:1.8;font-size:10px}.kit-preview a{color:#939393}.kit-preview #preview-status{min-height:18px;font-size:11px}@media(max-width:700px){.score-transport{gap:8px;flex-wrap:wrap;padding:10px}.volume-label{display:none}#score-seek{min-width:100px}.score-transport button{padding:9px 11px}.playing-bar{display:none}}@media print{.score-transport,.playback-error,.playback-bar{display:none!important}}.track-mixer{display:flex;gap:12px;align-items:center;border-left:1px solid var(--border);padding-left:12px}.track-volume{display:flex;align-items:center;gap:4px}.track-volume input{width:62px}.score-transport .mute-button{border:none;background:transparent;font-size:11px;padding:7px 4px;color:#6c6c6c;min-width:48px}.score-transport .mute-button[aria-pressed=true]{color:#a7a7a7;text-decoration:line-through}@media(max-width:700px){.track-mixer{width:100%;border-left:0;border-top:1px solid var(--border);padding:7px 0 0;justify-content:space-between}.track-volume{flex:1}.track-volume input{width:calc(100% - 60px);margin-right:10px}}#print-score{display:none}@media print{body:has(#print-score) #app{display:none!important}#print-score{display:block;color:#111}.print-sheet{box-sizing:border-box;height:296mm;padding:12mm;display:flex;flex-direction:column;break-after:page;break-inside:avoid}.print-sheet:last-child{break-after:auto}.print-sheet header{height:24mm;flex-shrink:0;text-align:center;padding-top:2mm}.print-sheet h2{font-family:Georgia,Apple SD Gothic Neo,serif;font-size:16pt;line-height:1.15;margin:0 0 2mm;overflow-wrap:anywhere}.print-sheet header p{margin:0;font-size:9pt}.print-row{height:29mm;flex-shrink:0;break-inside:avoid}.print-row svg{display:block;width:100%;height:100%;overflow:visible}.print-sheet footer{margin-top:auto;text-align:center;font-size:8pt;padding-bottom:2mm}}.score-lyric{fill:#5f5f5f;pointer-events:none}.lyrics-notice{color:#828282;font-size:12px;margin:-12px 0 18px}@media print{.score-lyric{fill:#222}}@media screen{:root{background:#fff;color:#292a29;--green: #343735;--border: #dededb}body{background:#fff}.app-header{background:#fffffff2;border-bottom-color:#ededeb}#result-actions{margin-left:auto}.brand{color:#303330;letter-spacing:-.7px}button{border:1px solid #e5e5e5;border-radius:8px;color:#1d1d1f;background:#f5f5f5;box-shadow:none;transition:background .15s ease,color .15s ease}button:hover:not(:disabled){background:#eaeaea;transform:none}button:active:not(:disabled){background:#dedede;transform:none;box-shadow:none}button.primary{background:#1d1d1f;border-color:transparent;color:#fff}button.primary:hover:not(:disabled){background:#363638}button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.text-button,.text-button:hover:not(:disabled){background:transparent;box-shadow:none}.dropzone{background:#fff;border-color:#d7d7d7;box-shadow:0 12px 32px #2424240b}.music-icon{background:#f1f1f1}#result-screen{max-width:1160px;padding:32px 32px 28px}.result-heading h1{color:#323232}#result-meta{color:#878b84}.score-container{background:transparent;border:0;padding:26px 22px 32px}.paper{position:relative;background:#fff;border:1px solid #e9e9e6;border-radius:2px;padding:36px 36px 24px;margin-bottom:48px;box-shadow:0 1px 2px #29292910,0 8px 16px -7px #29292924,0 26px 45px -18px #29292929;transition:transform .35s ease,box-shadow .35s ease}.paper:after{content:"";position:absolute;top:5px;right:3px;bottom:-4px;left:3px;pointer-events:none;border-bottom:1px solid #dedede;box-shadow:0 2px 0 -1px #fff,0 3px 0 -1px #e3e3e3}.paper-header h2{color:#2a2a2a}.paper-header p{color:#737870}.paper footer{border-top:0;color:#999d96}.score-lyric{fill:#666}.score-transport{gap:18px;padding:18px 22px;margin-bottom:10px;border:1px solid #d5d5d5;border-radius:16px;background:linear-gradient(125deg,#efefef,#e0e0e0);box-shadow:inset 1px 1px 1px #fff,inset -1px -2px 2px #b7b7b7,0 3px 1px #c8c8c8,0 12px 25px -10px #29292938}.score-transport #score-play,.score-transport #score-stop{width:52px;height:52px;min-width:52px;padding:0;border-radius:50%;border:1px solid #d2d2d2;color:#262626;font-size:20px;background:linear-gradient(135deg,#f0f0ed,#cbcbcb);box-shadow:inset 1px 1px 2px #fff9,inset -1px -1px 2px #8d8d8d33,5px 6px 9px #57575740,-4px -4px 9px #fff}.score-transport #score-stop{color:#ad3e27;font-size:18px}.score-transport #score-play:active,.score-transport #score-stop:active,.score-transport #score-play[data-state=playing]{transform:translateY(2px);background:linear-gradient(135deg,#d4d4d4,#e2e2e2);box-shadow:inset 3px 3px 7px #5a5a5a40,inset -2px -2px 5px #fff9,1px 1px 2px #fff}.play-clock{color:#e4e4e4;background:#353535;border:1px solid #292929;font:11px var(--ds-font-sans);font-variant-numeric:tabular-nums;padding:13px 12px;border-radius:5px;box-shadow:inset 1px 2px 4px #0007,0 1px #fff}.playing-bar{color:#7a7a7a}.score-transport input[type=range]{accent-color:var(--brand);height:5px}.track-mixer{border-left-color:#c1c1c1;gap:16px}.score-transport .mute-button{min-height:34px;border-radius:18px;padding:8px 10px;color:#5b5b5b;font-size:10px;background:linear-gradient(145deg,#f1f1f1,#d3d3d3)}.score-transport .mute-button[aria-pressed=true]{color:#a24831;transform:translateY(2px);background:#d5d5d5;box-shadow:inset 2px 2px 4px #5553,inset -2px -2px 4px #fff9}.app-footer{color:#8e8e8e}@media(hover:hover){.paper:hover,.paper:has(.playing){transform:translateY(-2px);box-shadow:0 2px 3px #29292910,0 12px 22px -8px #29292924,0 32px 50px -18px #29292929}}@media(max-width:700px){.app-header{padding:0 20px}#result-screen{padding:26px 12px 20px}.score-container{padding:20px 8px}.paper{padding:24px 22px 20px;margin-bottom:32px}.score-transport{padding:15px;gap:12px;top:6px}.score-transport #score-play,.score-transport #score-stop{width:44px;height:44px;min-width:44px}.play-clock{padding:11px 8px;font-size:10px}#score-seek{flex:1 0 70px;min-width:50px}.track-mixer{padding-top:12px;border-top-color:#c4c4c4}}}@media(prefers-reduced-motion:reduce){.paper,button{transition:none}}.title-heading{position:relative;width:fit-content;max-width:100%;padding-right:32px;margin-bottom:12px}.result-heading .title-heading h1{margin:0;min-width:0;overflow-wrap:anywhere}#edit-title[hidden]{display:none}#edit-title{position:absolute;top:-5px;right:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0;padding:0;border:0;border-radius:6px;color:#8a8e87}#edit-title svg{display:block}#edit-title:hover:not(:disabled){color:#383838;background:#f2f2f2;transform:none;box-shadow:none}#edit-title:active:not(:disabled){background:#e9e9e9;transform:translateY(1px)}#title-error{color:#a24831;font-size:13px}#result-title[contenteditable=plaintext-only]{outline:none;box-shadow:0 1px #afafaf;cursor:text}#result-title[aria-busy=true]{opacity:.65}@media screen{.score-transport{background:#ffffffed;border:1px solid #eaeaea;box-shadow:0 4px 18px #26262606;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.play-clock{background:transparent;border:0;box-shadow:none;color:#595959;font-family:inherit;font-weight:400;font-size:12px;font-variant-numeric:tabular-nums}.playing-bar{color:#959595}.track-mixer{border-color:#e7e7e7}.score-transport input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e7e7e7;border:0;border-radius:3px;height:3px}.score-transport input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:var(--brand);cursor:pointer}.score-transport input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:var(--brand);cursor:pointer}}.result-heading>div{width:100%;min-width:0}.result-heading .title-heading h1{min-height:1.3em}#title-actions{position:absolute;right:-16px;top:-2px;display:flex;gap:0}#title-actions[hidden]{display:none}.title-heading{max-width:calc(100% - 16px)}#title-actions button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:28px;padding:0;margin:0;border:0;border-radius:5px;color:#6f6f6f;background:transparent;box-shadow:none}#title-actions button:hover:not(:disabled){background:#f0f0f0;color:#404040;box-shadow:none;transform:none}#title-actions #cancel-title{color:#949494}#result-title[contenteditable=plaintext-only]{white-space:nowrap;overflow-x:auto;overflow-wrap:normal;scrollbar-width:none}#result-title[contenteditable=plaintext-only]::-webkit-scrollbar{display:none}@media screen{.score-transport .mute-button,.score-transport .mute-button:hover:not(:disabled){background:transparent;border:0;border-radius:5px;box-shadow:none;transform:none;color:#6f6f6f;font-size:11px;font-weight:400}.score-transport .mute-button:hover:not(:disabled){background:#f4f4f4;color:#3f3f3f}.score-transport .mute-button[aria-pressed=true]{background:#f1f1f1;color:#979797;box-shadow:none;transform:none}}.edit-note{display:none}.score-editing .edit-note{display:block;fill:transparent;stroke:transparent;pointer-events:all;cursor:grab;touch-action:none}.score-editing .edit-note:hover,.score-editing .edit-note:focus-visible{fill:#81818126;stroke:#81818190;outline:none}.score-editing .edit-note.selected{fill:#78787838;stroke:#7c7c7c;stroke-width:1.5}.edit-ghost{fill:#8d8d8d66;stroke:#5e5e5e;pointer-events:none}.score-editing .playback-bar{cursor:crosshair}.score-editing .paper:hover{transform:none}.score-editing{padding-bottom:120px}.paper-artist:empty{display:none}.paper-header .paper-artist{font:13px Arial,sans-serif;margin:8px 0;color:#787878}.score-editing [data-score-field]{display:block;width:fit-content;max-width:100%;min-width:2ch;margin-left:auto;margin-right:auto;outline:none;overflow-wrap:anywhere;cursor:text}.score-editing [data-score-field]:focus{box-shadow:0 1px #929292}.score-editing .paper-artist:empty{display:block}.score-editing .paper-artist:empty:before{content:attr(data-placeholder);color:#b1b1b1;pointer-events:none}#edit-toolbar{position:fixed;z-index:30;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:9px;max-width:calc(100vw - 32px);padding:12px 16px;border:1px solid #e2e2e2;border-radius:14px;background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #32323220,0 2px 6px #3232320a}#edit-toolbar[hidden],#edit-toolbar [hidden]{display:none}#edit-toolbar button{white-space:nowrap;border:0;padding:8px;font-size:12px;border-radius:6px;box-shadow:none;background:transparent;color:#505050}#edit-toolbar button:hover:not(:disabled),#edit-toolbar button[aria-pressed=true]{background:#f0f0f0;transform:none}#edit-toolbar button:disabled{opacity:.3}#edit-toolbar select{max-width:135px;border:1px solid #e4e4e4;border-radius:6px;padding:8px;font:inherit;font-size:12px;color:#4e4e4e;background:#fff}.tool-divider{height:22px;width:1px;flex-shrink:0;background:#e9e9e9}#edit-status,#edit-selection{font-size:11px;color:#8f8f8f;min-width:34px;max-width:180px}#metadata-actions{display:flex}#edit-mode[aria-pressed=true]{background:#eaeaea;color:#4e4e4e}@media(max-width:700px){#edit-toolbar{bottom:12px;flex-wrap:wrap;justify-content:center;width:calc(100vw - 24px);gap:5px;padding:9px}#edit-selection{display:none}#edit-toolbar select{max-width:108px}.app-header{padding:0 12px;gap:10px}#result-actions{gap:6px}#result-actions button{padding:9px 10px;font-size:11px}}@media print{.edit-note,.edit-ghost,#edit-toolbar{display:none!important}}.print-engraving-source{position:absolute;left:-100000px;top:0;width:1120px;visibility:hidden;pointer-events:none}@media print{.print-engraving-source{display:none}.print-sheet.compact header{height:25mm;padding-top:0}.print-sheet.compact h2{font-size:14pt;margin-bottom:1mm}.print-sheet.compact header p{font-size:8pt}.print-sheet.compact .print-row{height:27mm}}@media screen{.app-header{background:#fff;border-bottom-color:#ececec}.app-header .brand{color:#1d1d1f;letter-spacing:-.65px}#result-actions{align-items:center;gap:8px}#result-actions button{min-height:36px;padding:8px 14px;border:0;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;background:transparent;color:#6e6e73;box-shadow:none}#result-actions button:hover:not(:disabled){background:#f5f5f5;color:#1d1d1f}#result-actions button:active:not(:disabled){background:#eaeaea;transform:none}#result-actions #print{margin-left:6px;background:#1d1d1f;color:#fff;border-radius:18px;padding-inline:18px}#result-actions #print:hover:not(:disabled){background:#363638}#result-actions #print:active:not(:disabled){background:#515154}#result-actions #edit-mode[aria-pressed=true]{background:#f0f0f0;color:#1d1d1f}@media(max-width:700px){.app-header{height:60px;padding:0 16px;gap:12px}.app-header .brand{font-size:18px}#result-actions{gap:2px}#result-actions button{font-size:12px;padding:8px 9px}#result-actions #print{padding-inline:12px;margin-left:4px}}}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}#theme-toggle{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:0;border:0;background:transparent;color:#6e6e73;box-shadow:none}#theme-toggle:hover:not(:disabled){background:#f0f0f0;transform:none}@media screen{:root[data-theme=dark]{color-scheme:dark;background:#141414;color:#ededed;--border: #363639;--green: #dadada}[data-theme=dark] body{background:#141414}[data-theme=dark] .app-header{background:#181818;border-color:#303033}[data-theme=dark] .app-header .brand{color:#f5f5f5}[data-theme=dark] button{background:#2b2b2e;color:#e7e7e7;border-color:#414145}[data-theme=dark] button:hover:not(:disabled){background:#38383c}[data-theme=dark] button.primary,[data-theme=dark] #result-actions #print{background:#ededed;color:#202020}[data-theme=dark] button.primary:hover:not(:disabled),[data-theme=dark] #result-actions #print:hover:not(:disabled){background:#d2d2d2}[data-theme=dark] #result-actions button,[data-theme=dark] #theme-toggle{background:transparent;color:#bebebe}[data-theme=dark] #result-actions button:hover:not(:disabled),[data-theme=dark] #theme-toggle:hover:not(:disabled),[data-theme=dark] #result-actions #edit-mode[aria-pressed=true]{background:#303030;color:#f5f5f5}[data-theme=dark] .dropzone{background:#202020;border-color:#484848;box-shadow:0 12px 32px #0002}[data-theme=dark] .dropzone.dragging{background:#303030;border-color:#b3b3b3}[data-theme=dark] .music-icon{background:var(--brand-soft);color:var(--brand)}[data-theme=dark] .lead,[data-theme=dark] .file-help,[data-theme=dark] .scope,[data-theme=dark] .eyebrow,[data-theme=dark] .loading-hint,[data-theme=dark] #result-meta,[data-theme=dark] .app-footer,[data-theme=dark] .lyrics-notice{color:#a7a7a7}[data-theme=dark] .dropzone p{color:#b7b7b7}[data-theme=dark] .stages{color:#9a9a9a}[data-theme=dark] .stages .active,[data-theme=dark] .stages .done{color:#dbdbdb}[data-theme=dark] .text-button{background:transparent;color:#c5c5c5}[data-theme=dark] .paper{background:linear-gradient(115deg,#e2e2e2,#dbdbdb 62%,#d7d7d7);color:#2b2b2b;border-color:#f4f4f455;box-shadow:inset 0 1px #ffffff80,0 3px 8px #0003,0 20px 48px -12px #0008}[data-theme=dark] .paper:after{border-color:#b4b4b4;box-shadow:0 2px 0 -1px #c5c5c5,0 3px 0 -1px #999}[data-theme=dark] .paper-header h2{color:#2b2b2b}[data-theme=dark] .paper-header p,[data-theme=dark] .paper footer{color:#595959}[data-theme=dark] #score .score-row svg{fill:#292929;stroke:#292929}[data-theme=dark] #score .vf-stave{stroke:#848c86}[data-theme=dark] #score .score-lyric{fill:#494949;stroke:none}[data-theme=dark] #score .playback-bar:hover,[data-theme=dark] #score .playback-bar:focus-visible{fill:#51515114;stroke:#616161}[data-theme=dark] #score .playback-bar.playing{fill:none;stroke:#78aff0}[data-theme=dark] #score .paper-artist:empty:before{color:#676767}[data-theme=dark] #score [data-score-field]:focus{box-shadow:0 1px #616161}@media(hover:hover){[data-theme=dark] .paper:hover,[data-theme=dark] .paper:has(.playing){box-shadow:inset 0 1px #ffffff90,0 6px 14px #0003,0 28px 56px -14px #0009}}[data-theme=dark] .score-transport{background:#202020f5;border-color:#3a3a3e;box-shadow:0 4px 18px #0002}[data-theme=dark] .play-clock,[data-theme=dark] .playing-bar{color:#bebebe}[data-theme=dark] .track-mixer{border-color:#3c3c3c}[data-theme=dark] .score-transport input[type=range]{background:#484848}[data-theme=dark] .score-transport input[type=range]::-webkit-slider-thumb{background:var(--brand)}[data-theme=dark] .score-transport input[type=range]::-moz-range-thumb{background:#c2c2c2}[data-theme=dark] .score-transport .mute-button{color:#c4c4c4;background:transparent}[data-theme=dark] .score-transport .mute-button:hover:not(:disabled){background:#383838}[data-theme=dark] .score-transport .mute-button[aria-pressed=true]{background:#303033;color:#969696}[data-theme=dark] .score-transport #score-play,[data-theme=dark] .score-transport #score-stop{color:#efefef;border-color:#585858;background:linear-gradient(135deg,#5a5a5a,#383838);box-shadow:inset 1px 1px 2px #ffffff20,inset -1px -1px 2px #0005,4px 5px 9px #0007,-2px -2px 5px #ffffff08}[data-theme=dark] .score-transport #score-stop{color:#ef8c75}[data-theme=dark] .score-transport #score-play[data-state=playing],[data-theme=dark] .score-transport #score-play:active,[data-theme=dark] .score-transport #score-stop:active{background:#3b3b3b;box-shadow:inset 3px 3px 7px #0007,inset -2px -2px 5px #ffffff15}[data-theme=dark] #edit-toolbar{background:#242424f5;border-color:#444;box-shadow:0 8px 32px #0006}[data-theme=dark] #edit-toolbar button,[data-theme=dark] #edit-toolbar select{color:#dedede;background:transparent}[data-theme=dark] #edit-toolbar select{border-color:#525252;background:#2d2d2d}[data-theme=dark] #edit-toolbar button:hover:not(:disabled),[data-theme=dark] #edit-toolbar button[aria-pressed=true]{background:#444}[data-theme=dark] #edit-status,[data-theme=dark] #edit-selection{color:#c2c2c2}[data-theme=dark] .tool-divider{background:#484848}[data-theme=dark] .playback-error,[data-theme=dark] #title-error{color:#f5a18e}}@media(max-width:700px){.header-actions{gap:4px}}@media(max-width:380px){.app-header{padding-inline:12px;gap:6px}.app-header .brand{font-size:16px}#result-actions button{font-size:11px;padding-inline:6px}#result-actions #print{padding-inline:9px;margin-left:2px}#theme-toggle{width:28px}}@media print{:root{color-scheme:light}}.paper-meta{display:flex;justify-content:space-between;align-items:baseline;gap:24px}.paper-header .paper-meta p{margin:0 0 8px;font-size:12px;letter-spacing:normal}.paper-meta .paper-tempo{text-align:left;flex:1}.paper-meta .paper-artist{text-align:right;max-width:55%;overflow-wrap:anywhere}@media print{.print-sheet .paper-meta{gap:8mm}.print-sheet .paper-meta p{margin:0}}.paper-meta .paper-tempo{white-space:pre-line;line-height:1.5}.brand{display:inline-flex;align-items:center;gap:8px}.brand-character{display:block;width:40px;height:40px;flex-shrink:0}@media screen and (max-width:700px){.brand{gap:5px}.brand-character{width:30px;height:30px}}@media screen and (max-width:480px){.app-header{padding-inline:10px;gap:5px}.app-header .brand{font-size:16px;gap:4px}.brand-character{width:28px;height:28px}#result-actions{gap:3px}#result-actions button{font-size:11px;padding-inline:6px}#result-actions #print{padding-inline:8px;margin-left:0}#theme-toggle{width:28px}#library-toggle{padding:6px}}@media screen and (min-width:1001px){.app-header{padding-inline:32px}}@media screen{#score{max-width:1280px;margin-inline:auto;padding:12px 12px 28px}#score>.paper{padding:26px 28px 18px;margin-bottom:32px}.score-view-options{display:flex;justify-content:flex-end;gap:4px;margin:10px auto 0;max-width:1280px}.score-view-options button{min-height:32px;padding:6px 12px;border:0;border-radius:8px;box-shadow:none;background:transparent;color:#818181;font-size:12px}.score-view-options button[aria-pressed=true]{background:#f0f0f0;color:#696969}[data-theme=dark] .score-view-options button{color:#b2b2b2}[data-theme=dark] .score-view-options button[aria-pressed=true]{background:#3b3b3b;color:#d7d7d7}}@media screen and (max-width:640px){#score{padding-inline:0}#score>.paper{padding:20px 12px 14px}}@media print{.score-view-options{display:none}}@media screen and (min-width:1280px){#result-screen{max-width:2200px;padding-inline:32px}[data-score-view=spread] #score:has(>.paper:nth-child(2)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px;max-width:none;padding-inline:0;align-items:start}[data-score-view=spread] #score:has(>.paper:nth-child(2))>.paper{min-width:0;margin:0}}@media screen{.app-header{position:sticky;top:0;z-index:50;height:var(--app-header-height);background:#ffffffed;border-bottom-color:#ececec;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}[data-theme=dark] .app-header{background:#181818ed;border-bottom-color:#303033}.score-transport{top:calc(var(--app-header-height) + 10px)}}@media screen and (max-width:700px){:root{--app-header-height: 60px}}#edit-toolbar{z-index:60;bottom:max(22px,env(safe-area-inset-bottom));gap:10px;padding:12px 14px;border-radius:24px;max-width:calc(100vw - 32px);width:max-content;color:#262626;background:linear-gradient(135deg,#fff6,#fbfbfb33 48%,#f2f2f247);border:1px solid #ffffffa6;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:inset 0 1px 1px #ffffffd9,inset 1px 0 1px #ffffff80,inset 0 -1px 1px #84848420,0 0 0 1px #38383810,0 16px 40px #23232320,0 3px 9px #23232310;animation:edit-dock-in .24s ease-out}.edit-tool-group{display:flex;align-items:center;gap:4px}#edit-toolbar button{min-width:36px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px;border-radius:12px;color:inherit;background:transparent;box-shadow:none;transform:none;transition:background .15s,color .15s}#edit-toolbar button:hover:not(:disabled){background:#2d2d2d0b;transform:none}#edit-toolbar button[aria-pressed=true]{background:var(--brand-soft);color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand-line)}#edit-toolbar button:focus-visible,#edit-toolbar select:focus-visible{outline:2px solid var(--brand);outline-offset:3px}#edit-toolbar kbd{align-self:flex-end;font:10px/1.2 var(--ds-font-sans);opacity:.5;padding-bottom:2px}#edit-toolbar .edit-durations button{min-width:46px}#edit-toolbar select{min-height:38px;max-width:105px;border:1px solid #52525218;background:#ffffff40;color:inherit;border-radius:10px}#edit-toolbar .tool-divider{height:28px;background:#5252521c}.edit-save-group{display:flex;flex-direction:column;align-items:center;gap:3px;margin-left:3px}#edit-toolbar #edit-save{min-width:68px;background:var(--brand-action);color:#fff;font-weight:600;padding:9px 16px}#edit-toolbar #edit-save:hover:not(:disabled){background:var(--brand-action-hover)}#edit-toolbar #edit-save:disabled{opacity:.45}#edit-status{color:#616161;font-size:10px;line-height:1.3;max-width:150px}#edit-status:empty{display:none}.score-editing #score{padding-bottom:100px}.score-editing[data-edit-tool=draw] #score .score-row{cursor:none}.score-editing[data-edit-tool=select] #score .score-row,.score-editing[data-edit-tool=select] #score .edit-note{cursor:grab}.score-editing[data-edit-tool=draw] #score .edit-note{cursor:none}.score-editing #score .edit-note{touch-action:none}body.note-dragging,body.note-dragging #score .score-row,body.note-dragging #score .edit-note{cursor:grabbing;-webkit-user-select:none;user-select:none}#score .edit-ghost{opacity:.36;pointer-events:none;fill:currentColor;stroke:none}#score .edit-ghost path{fill:currentColor}#score .edit-ghost path[fill=none]{fill:none;stroke:currentColor}#edit-discard-dialog{width:min(390px,calc(100vw - 40px));box-sizing:border-box;padding:28px;border:1px solid #ffffffa0;border-radius:24px;color:#1d1d1f;background:#fbfbfbf2;box-shadow:0 24px 80px #0003}#edit-discard-dialog::backdrop{background:#1f1f1f4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#edit-discard-dialog h2{font-size:20px;letter-spacing:-.5px;margin:0 0 10px}#edit-discard-dialog p{color:#6f6f6f;font-size:14px;line-height:1.6;margin:0 0 24px}.discard-actions{display:flex;justify-content:flex-end;gap:8px}#edit-discard-dialog button{border:0;border-radius:11px;padding:12px 14px;box-shadow:none;background:#ececec;font-size:13px}#edit-discard-dialog #edit-discard{background:#d33c37;color:#fff}[data-theme=dark] #edit-toolbar{color:#f5f5f5;background:linear-gradient(135deg,#39393999,#26262680 48%,#2f2f2f94);border-color:#ffffff38;box-shadow:inset 0 1px 1px #ffffff40,inset 1px 0 1px #ffffff18,inset 0 -1px 1px #00000030,0 0 0 1px #00000018,0 16px 40px #0005,0 3px 9px #0003}[data-theme=dark] #edit-toolbar button{color:inherit}[data-theme=dark] #edit-toolbar button:hover:not(:disabled){background:#ffffff0d}[data-theme=dark] #edit-toolbar button[aria-pressed=true]{color:var(--brand);background:var(--brand-soft)}[data-theme=dark] #edit-toolbar select{color:#eee;border-color:#ffffff20;background:#ffffff09}[data-theme=dark] #edit-toolbar select option{background:#323232}[data-theme=dark] #edit-toolbar .tool-divider{background:#ffffff20}[data-theme=dark] #edit-status{color:#c2c2c2}[data-theme=dark] #edit-discard-dialog{background:#2c2c2c;color:#f5f5f5;border-color:#ffffff25}[data-theme=dark] #edit-discard-dialog p{color:#c3c3c3}[data-theme=dark] #edit-discard-dialog button{background:#404040;color:#f0f0f0}@keyframes edit-dock-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@media(max-width:700px){#edit-toolbar{width:max-content;max-width:calc(100vw - 20px);bottom:max(10px,env(safe-area-inset-bottom));padding:9px 10px;gap:6px;border-radius:20px;flex-wrap:wrap;justify-content:center}#edit-toolbar .edit-durations button{min-width:39px;padding:5px}#edit-toolbar select{max-width:92px;padding:6px}#edit-toolbar .tool-divider,#edit-toolbar kbd{display:none}.score-editing #score{padding-bottom:140px}}@media(prefers-reduced-motion:reduce){#edit-toolbar{animation:none}}@media print{#edit-discard-dialog,#edit-toolbar,.edit-ghost{display:none!important}.score-editing #score{padding-bottom:0}}.score-editing[data-edit-tool=draw] #score .playback-bar{cursor:none}.score-editing[data-edit-tool=select] #score .playback-bar{cursor:grab}body.note-dragging #score .playback-bar{cursor:grabbing}.score-editing[data-edit-tool=marquee] #score .score-row,.score-editing[data-edit-tool=marquee] #score .playback-bar{cursor:crosshair;touch-action:none}.score-editing[data-edit-tool=marquee] #score .edit-note.selected{cursor:grab}.note-selecting{-webkit-user-select:none;user-select:none}.edit-marquee{position:fixed;z-index:80;pointer-events:none;border:1px solid var(--brand);background:var(--brand-selection);border-radius:3px}body.note-copying #score .score-row,body.note-copying #score .edit-note,body.note-copying #score .playback-bar{cursor:copy}#score .edit-ghost.invalid{color:#dd5a5a}.edit-selection-count{white-space:nowrap;font-size:11px;color:var(--muted);padding:0 5px}@media print{.edit-marquee{display:none!important}}.score-editing .edit-note:hover,.score-editing .edit-note:focus-visible{fill:var(--brand-selection);stroke:var(--brand-line)}.score-editing .edit-note.selected{fill:var(--brand-selection);stroke:var(--brand)}#edit-tools{display:flex;align-items:center;gap:10px}.edit-mode-actions{display:flex;align-items:center;gap:4px;padding:4px;border-radius:15px;background:#52525208}#edit-toolbar .edit-save-group{margin-left:0}#edit-toolbar #edit-mode{min-width:68px;padding:9px 16px;font-weight:600}[data-theme=dark] .edit-mode-actions{background:#ffffff08}body:not(.score-editing) #edit-toolbar{padding:7px;border-radius:20px}body:not(.score-editing) #edit-toolbar .edit-mode-actions{padding:0;background:transparent}body:not(.score-editing) #edit-toolbar #edit-mode{min-width:88px}@media(max-width:700px){#edit-tools:not([hidden]){display:contents}}@media screen{.music-icon{color:var(--brand);background:var(--brand-soft)}.upload-screen .eyebrow,.upload-screen .text-button{color:var(--brand)}.upload-screen :is(.lead,.dropzone p,.file-help,.scope){color:#838383}[data-theme=dark] .upload-screen :is(.lead,.dropzone p,.file-help,.scope){color:#aeaeae}.dropzone.dragging{background:var(--brand-soft);border-color:var(--brand-line)}.dropzone button.primary{background:var(--brand-action);color:#fff}.dropzone button.primary:hover:not(:disabled){background:var(--brand-action-hover)}}@media screen{.app-header{background:linear-gradient(110deg,#f5f5f5ef,#fafafaf2 55%,#fffffff2);border-bottom-color:#ebebeb}[data-theme=dark] .app-header{background:linear-gradient(110deg,#292929f2,#202020f2 60%,#181818f2);border-bottom-color:#3a3a3a}}@media screen{.header-transport{position:absolute;left:50%;transform:translate(-50%);width:min(440px,calc(100vw - 690px))}.app-header .score-transport{position:static;display:flex;flex-wrap:nowrap;width:100%;gap:10px;padding:0;margin:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.app-header .score-transport #score-play,.app-header .score-transport #score-stop{width:32px;height:32px;min-width:32px;padding:0;font-size:12px;box-shadow:inset 1px 1px 2px #fff6,1px 2px 4px #0002}.app-header .score-transport #score-play:active,.app-header .score-transport #score-stop:active{box-shadow:inset 1px 2px 4px #0003}.app-header #score-clock{padding:0;background:transparent;border:0;box-shadow:none;font:10px/1.4 ui-monospace,monospace;color:inherit;white-space:nowrap;min-width:72px}.app-header #score-seek{width:auto;flex:1;min-width:40px;height:3px}.app-header #playing-bar{display:none}.header-mixer{position:relative;flex-shrink:0}.header-mixer summary{width:32px;height:36px;display:grid;place-items:center;cursor:pointer;list-style:none;border-radius:8px;color:#838383}.header-mixer summary::-webkit-details-marker{display:none}.header-mixer summary:hover,.header-mixer[open] summary{background:#a1a1a11a}.app-header .header-mixer .track-mixer{position:absolute;top:44px;right:0;width:240px;display:flex;flex-direction:column;gap:16px;padding:20px;border:1px solid #e6e6e6;border-radius:16px;background:var(--mixer-surface, #ffffff);box-shadow:0 12px 32px #28282820}.app-header .header-mixer .track-volume{display:flex;width:100%;gap:12px}.app-header .header-mixer .mute-button{min-width:62px;font-size:11px}.app-header .header-mixer input[type=range]{flex:1;width:100px}.header-transport .playback-error:not([hidden]){position:absolute;top:42px;width:100%;padding:12px;border-radius:10px;background:var(--mixer-surface, white);box-shadow:0 5px 20px #0002;font-size:12px}[data-theme=dark] .header-transport{--mixer-surface: #303030}[data-theme=dark] .app-header .header-mixer .track-mixer{border-color:#4d4d4d}}@media screen and (max-width:1100px){:root:has(.header-transport){--app-header-height: 108px}.app-header:has(.header-transport){padding-bottom:48px}.header-transport{left:50%;bottom:10px;width:min(440px,calc(100vw - 32px))}}@media print{.header-transport{display:none}}.analysis-scope-choice{display:flex;justify-content:center;gap:6px;margin:24px auto 0}.analysis-scope-choice button{padding:9px 18px;border-radius:999px;background:transparent;color:var(--ds-ink-muted);box-shadow:none}.analysis-scope-choice button[aria-pressed=true]{background:var(--brand-soft);color:var(--ds-ink)}.playback-backdrop{fill:transparent;stroke:none;pointer-events:none}.playback-backdrop.playing{fill:#fbf8f0}[data-theme=dark] #score .playback-backdrop{fill:transparent;stroke:none}[data-theme=dark] #score .playback-backdrop.playing{fill:#fff5}@media print{.playback-backdrop{display:none!important}}.app-header .brand-icon-link,.pricing-nav .brand-icon-link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:52px;min-height:52px;padding:2px;gap:0;border-radius:14px;background:transparent;line-height:1}.app-header .brand-icon-link .brand-character,.pricing-nav .brand-icon-link .brand-character{width:48px;height:48px;object-fit:contain}.brand-icon-link:focus-visible{outline:2px solid var(--ds-ink);outline-offset:3px}@media(max-width:600px){.app-header .brand-icon-link,.pricing-nav .brand-icon-link{min-width:44px;min-height:44px}.app-header .brand-icon-link .brand-character,.pricing-nav .brand-icon-link .brand-character{width:40px;height:40px}}.app-header .brand-icon-link,.pricing-nav .brand-icon-link{gap:9px;white-space:nowrap}.brand-wordmark{display:block;width:184px;height:auto;aspect-ratio:336/90;flex-shrink:0;color:var(--ds-brand-ink);overflow:visible}@media(max-width:700px){.brand-wordmark{width:144px}.app-header .brand-icon-link,.pricing-nav .brand-icon-link{gap:7px}}@media(max-width:480px){.app-header .brand-wordmark{width:100px}.pricing-nav .brand-wordmark{width:130px}.pricing-nav .brand-icon-link .brand-character{width:34px;height:34px}}.brand-icon-link>.brand-wordmark{transform:translateY(2px)}.edit-cursor-invalid{position:fixed;z-index:100;display:block;pointer-events:none;color:#c56666}.edit-cursor-invalid .edit-ghost{opacity:.42;fill:currentColor;stroke:none}.edit-cursor-invalid .edit-ghost path{fill:currentColor}.edit-cursor-invalid .edit-ghost path[fill=none]{fill:none;stroke:currentColor}[data-theme=dark] .edit-cursor-invalid{color:#e6aaaa}@media print{.edit-cursor-invalid{display:none!important}}[data-theme=dark] .app-header .brand-wordmark-image{filter:grayscale(1) brightness(0) invert(.92)}.edit-ghost *,.edit-cursor-invalid *{pointer-events:none!important}@media screen and (max-width:600px){#score>.paper{min-width:0;width:100%;padding:22px 12px 16px}#score .score-row{margin-block:8px}#score .paper-header h2{font-size:26px;margin:12px 0 18px}#score .paper-meta{font-size:12px}.score-view-options{display:none}#result-screen{padding-inline:8px}.app-header .score-transport #score-play,.app-header .score-transport #score-stop{width:44px;height:44px;min-width:44px}}.header-library-link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none;color:inherit;min-width:40px;min-height:40px;border-radius:10px}.header-library-link:hover{background:var(--ds-surface)}.header-library-link:focus-visible{outline:2px solid var(--ds-focus);outline-offset:3px}.pricing-page.landing-page>.app-header{margin:-16px -16px 0}.app-header[data-page=pricing],.app-header[data-page=promotion]{color:#302c24;background:#f4f0e5;border-bottom-color:#ddd5c4}.app-header[data-page=pricing] .header-actions,.app-header[data-page=promotion] .header-actions{color:#302c24}.header-page-navigation{display:contents}:root,[data-theme=dark]{--brand: var(--ds-ink);--brand-soft: var(--ds-hover);--brand-line: var(--ds-line);--brand-action: var(--ds-action);--brand-action-hover: var(--ds-action-hover);--brand-selection: var(--ds-selection);--border: var(--ds-line);--green: var(--ds-action);font-family:var(--ds-font-sans)}@media screen{:root,body{background:var(--ds-canvas);color:var(--ds-ink)}button{border-radius:var(--ds-radius-control);transition:background var(--ds-motion-fast),color var(--ds-motion-fast),box-shadow var(--ds-motion-fast)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--ds-focus);outline-offset:3px}.app-header,[data-theme=dark] .app-header{background:var(--ds-glass);border-bottom:1px solid var(--ds-line);box-shadow:none;-webkit-backdrop-filter:blur(22px) saturate(1.1);backdrop-filter:blur(22px) saturate(1.1)}.app-header .brand{color:var(--ds-ink);font-weight:650;letter-spacing:-.7px}.header-actions button:not(.primary),#library-toggle{color:var(--ds-ink-muted)}.header-actions button:hover:not(:disabled),#library-toggle:hover{background:var(--ds-hover)}#result-actions #print,.dropzone button.primary,.dropzone button.primary:hover:not(:disabled){background:var(--ds-action);color:var(--ds-on-action);border-color:transparent;box-shadow:none}.upload-screen h1{font-weight:650;letter-spacing:-2px;color:var(--ds-ink)}.upload-screen .lead,.upload-screen .scope,#result-meta{color:var(--ds-ink-muted)}.dropzone{background:var(--ds-surface);border-color:var(--ds-line);border-radius:var(--ds-radius-card);box-shadow:var(--ds-shadow-panel)}.music-icon{background:var(--ds-hover);color:var(--ds-ink);border-radius:18px}.paper{box-shadow:var(--ds-shadow-paper)}#score-library,[data-theme=dark] #score-library{background:var(--ds-glass);border-color:var(--ds-line);box-shadow:var(--ds-shadow-float);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:var(--ds-ink)}#score-library .library-item:hover,#score-library .library-more:hover{background:var(--ds-hover)}#score-library .library-item[aria-current=page],#score-library .library-item.is-selected{background:var(--ds-selection);color:var(--ds-ink)}#edit-toolbar{border-color:var(--ds-line);box-shadow:var(--ds-shadow-float)}.score-view-options button[aria-pressed=true],[data-theme=dark] .score-view-options button[aria-pressed=true]{background:var(--ds-selection);color:var(--ds-ink)}.app-header .score-transport input[type=range]{accent-color:var(--ds-ink-muted)}.app-header .header-mixer .track-mixer{background:var(--ds-surface-raised);border-color:var(--ds-line);box-shadow:var(--ds-shadow-float)}.header-mixer{--mixer-surface: var(--ds-surface-raised)}.pro-scroll-offer .pro-offer-character{filter:none;mask:none;-webkit-mask:none}.pricing-page .pricing-art img{filter:drop-shadow(8px 18px 14px #00000020);mask:none;-webkit-mask:none}.pricing-page,[data-theme=dark] .pricing-page{--price-ink: var(--ds-ink);--price-muted: var(--ds-ink-muted);--price-surface: var(--ds-surface);--price-line: var(--ds-line)}.pricing-page .pricing-hero,[data-theme=dark] .pricing-page .pricing-hero{background:radial-gradient(ellipse at 50% 65%,var(--ds-surface),transparent 68%)}.pricing-page .pricing-hero em{color:var(--ds-ink-muted)}.pricing-page .pricing-eyebrow,.pricing-page .pricing-benefits article>span,.pricing-page .pricing-billing span{color:var(--ds-ink-muted)}#app .pricing-page .pricing-primary,#app .pricing-order .pricing-primary,#app .pricing-page .pricing-primary:hover{background:var(--ds-action);border-color:var(--ds-action);color:var(--ds-on-action)}.pricing-page .pricing-plan{border-radius:var(--ds-radius-card);box-shadow:none}.pricing-page .pricing-plan.is-pro{background:var(--ds-surface);border-color:var(--ds-ink-muted);box-shadow:var(--ds-shadow-panel)}.pricing-page .plan-label>span{background:var(--ds-selection);color:var(--ds-ink)}.pricing-page .pricing-plan li:before{color:var(--ds-ink-muted)}.pricing-order{background:var(--ds-surface-raised);color:var(--ds-ink);border-color:var(--ds-line);box-shadow:var(--ds-shadow-float)}.pricing-order p,.pricing-order .pricing-eyebrow{color:var(--ds-ink-muted)}.pricing-order .order-total{border-color:var(--ds-line)}}@media(prefers-reduced-motion:reduce){button{transition:none}}@media screen{#edit-toolbar,[data-theme=dark] #edit-toolbar{background:var(--ds-glass);color:var(--ds-ink);border-color:var(--ds-line)}#edit-toolbar button,[data-theme=dark] #edit-toolbar button{color:var(--ds-ink)}#edit-toolbar button[aria-pressed=true]{background:var(--ds-selection)}#edit-toolbar #edit-save{background:var(--ds-action);color:var(--ds-on-action)}}@media screen{:root,[data-theme=dark]{--brand-soft: var(--ds-accent-soft);--brand-line: var(--ds-accent-line);--brand-selection: var(--ds-accent-soft)}#score-library .library-item[aria-current=page],#score-library .library-item.is-selected{background:var(--ds-accent-soft);color:var(--ds-ink)}.score-view-options button[aria-pressed=true],[data-theme=dark] .score-view-options button[aria-pressed=true],#edit-toolbar button[aria-pressed=true]{background:var(--ds-accent);color:var(--ds-accent-ink)}.music-icon{background:var(--ds-accent-soft);color:var(--ds-accent-ink)}.pro-offer-bubble strong{color:var(--ds-ink);background:linear-gradient(transparent 62%,var(--ds-accent) 62%)}[data-theme=dark] .pro-offer-bubble strong{background:none;color:var(--ds-accent)}#app .pricing-page .plan-label>span,#app .pricing-page .pricing-billing button[aria-pressed=true]{background:var(--ds-accent);color:var(--ds-accent-ink)}#app .pricing-page .pricing-plan.is-pro{border-color:var(--ds-accent-line);background:linear-gradient(160deg,var(--ds-accent-soft),var(--ds-surface) 45%)}#app .pricing-page .pricing-plan:first-child .plan-label h3{background:var(--ds-lavender);color:var(--ds-lavender-ink)}#app .pricing-page .pricing-plan:last-child .plan-label h3{background:var(--ds-apricot);color:var(--ds-apricot-ink)}#app .pricing-page .pricing-plan:not(.is-pro) .plan-label h3{padding:5px 10px;border-radius:9px;font-size:22px}#app .pricing-page .pricing-billing span{color:inherit}}@media screen{:root{--app-header-height: 80px}:root:not([data-theme=dark]) #score>.paper{background:#fff}.app-header{padding-inline:24px;gap:16px}.app-header .brand{font-size:25px;gap:10px;letter-spacing:-.9px}.app-header .brand-character{width:50px;height:50px}.app-header .header-actions{gap:12px}.app-header :is(#library-toggle,#studio-toggle,#print,#theme-toggle){width:48px;height:48px;min-width:48px;padding:11px;display:grid;place-items:center;border-radius:50%;color:var(--ds-ink)}.app-header :is(#library-toggle,#studio-toggle,#print,#theme-toggle) svg{width:25px;height:25px}.app-header #library-toggle{background:var(--ds-hover)}.app-header #result-actions{gap:10px}.app-header #result-actions button{height:46px;padding-inline:18px;font-size:14px;font-weight:600}.app-header #result-actions #print{border-radius:24px;padding-inline:24px;margin-left:0}.app-header .header-transport{width:min(520px,calc(100vw - 880px))}.app-header .score-transport{padding:7px 12px;gap:12px;border-radius:32px;background:var(--ds-hover)}.app-header .score-transport :is(#score-play,#score-stop){width:40px;height:40px;min-width:40px;font-size:15px}.app-header #score-clock{font-size:12px;min-width:84px}.header-mixer summary{width:36px;height:40px}.header-mixer summary svg{width:22px;height:22px}.app-header .header-mixer .track-mixer{top:52px}}@media screen and (max-width:1279px){:root:has(.header-transport){--app-header-height: 142px}.app-header:has(.header-transport){padding-bottom:64px}.app-header .header-transport{bottom:8px;width:min(520px,calc(100vw - 32px))}}@media screen and (max-width:700px){:root{--app-header-height: 68px}:root:has(.header-transport){--app-header-height: 130px}.app-header{padding-inline:12px;gap:8px}.app-header .brand{font-size:20px;gap:6px}.app-header .brand-character{width:40px;height:40px}.app-header .header-actions{gap:4px}.app-header #result-actions button{padding-inline:10px;font-size:12px;height:42px}.app-header #result-actions #print{padding-inline:14px}.app-header :is(#library-toggle,#studio-toggle,#print,#theme-toggle){width:44px;min-width:44px;height:44px;padding:10px}}@media screen and (max-width:600px){.app-header:has(.header-transport) .brand span{display:none}}@media screen and (max-width:480px){.app-header{padding-inline:8px;gap:4px}.app-header .header-actions{gap:2px}.app-header .brand{font-size:18px;gap:5px}.app-header .brand-character{width:34px;height:34px}.app-header #result-actions{gap:2px}.app-header :is(#library-toggle,#studio-toggle,#print,#theme-toggle){width:40px;min-width:40px;height:44px;padding:8px}.app-header :is(#library-toggle,#studio-toggle,#print,#theme-toggle) svg{width:24px;height:24px}}@media screen and (max-width:360px){.app-header{padding-inline:6px;gap:2px}.app-header .brand-character{width:30px;height:30px}.app-header :is(#library-toggle,#studio-toggle,#print,#theme-toggle){width:36px;min-width:36px}.app-header #result-actions button{padding-inline:6px}.app-header #result-actions #print{padding-inline:10px}}.pro-scroll-offer .pro-offer-character,.pricing-page .pricing-art img{mask:url(/brand/drum-paper-peek-mask.svg) center / 100% 100% no-repeat;-webkit-mask:url(/brand/drum-paper-peek-mask.svg) center / 100% 100% no-repeat}@media screen and (min-width:1001px){.app-workspace #score-library,[data-theme=dark] .app-workspace #score-library{background:var(--ds-surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}.score-transport :is(#score-play,#score-stop){display:grid;place-items:center;padding:0;line-height:1}.score-transport .transport-control-icon{display:block;width:18px;height:18px;margin:0;flex-shrink:0}.app-header .score-transport{align-items:center}.app-header #score-clock{display:flex;align-items:center;height:40px;line-height:1;font-family:var(--ds-font-sans);font-variant-numeric:tabular-nums}.score-transport #score-play[data-state=playing]:not(:active){transform:none}@font-face{font-family:LINE Seed EN;src:url(/fonts/LINESeed-EN-Rg.woff2) format("woff2");font-weight:100 500;font-style:normal;font-display:swap}@font-face{font-family:LINE Seed EN;src:url(/fonts/LINESeed-EN-Bd.woff2) format("woff2");font-weight:501 900;font-style:normal;font-display:swap}@font-face{font-family:LINE Seed KR;src:url(/fonts/LINESeed-KR-Rg.woff2) format("woff2");font-weight:100 500;font-style:normal;font-display:swap}@font-face{font-family:LINE Seed KR;src:url(/fonts/LINESeed-KR-Bd.woff2) format("woff2");font-weight:501 900;font-style:normal;font-display:swap}@font-face{font-family:Drum Paper UI JP;src:url(/fonts/DrumPaperUI-JP-Rg.woff) format("woff");font-weight:100 500;font-style:normal;font-display:swap}@font-face{font-family:Drum Paper UI JP;src:url(/fonts/DrumPaperUI-JP-Bd.woff) format("woff");font-weight:501 900;font-style:normal;font-display:swap}@font-face{font-family:Drum Paper UI TW;src:url(/fonts/DrumPaperUI-TW-Rg.woff) format("woff");font-weight:100 500;font-style:normal;font-display:swap}@font-face{font-family:Drum Paper UI TW;src:url(/fonts/DrumPaperUI-TW-Bd.woff) format("woff");font-weight:501 900;font-style:normal;font-display:swap}@font-face{font-family:Drum Paper UI SC;src:url(/fonts/DrumPaperUI-SC-Rg.woff) format("woff");font-weight:100 500;font-style:normal;font-display:swap}@font-face{font-family:Drum Paper UI SC;src:url(/fonts/DrumPaperUI-SC-Bd.woff) format("woff");font-weight:501 900;font-style:normal;font-display:swap}:root{--ds-font-sans: "LINE Seed EN", "LINE Seed KR", -apple-system, BlinkMacSystemFont, sans-serif;--ds-font-score: "Pretendard", -apple-system, BlinkMacSystemFont, sans-serif}:root:lang(ja){--ds-font-sans: "LINE Seed EN", "Drum Paper UI JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif}:root:lang(zh-TW){--ds-font-sans: "LINE Seed EN", "Drum Paper UI TW", "PingFang TC", "Microsoft JhengHei", sans-serif}:root:lang(zh-CN){--ds-font-sans: "LINE Seed EN", "Drum Paper UI SC", "PingFang SC", "Microsoft YaHei", sans-serif}input,textarea,select,optgroup,option,kbd{font-family:inherit}.paper,#print-score,.workflow-sheet,.landing-score-paper,.practice-preview-paper,.editor-demo-stage .editor-demo-score-text{font-family:var(--ds-font-score)}.paper :is(button,input,textarea,select){font-family:var(--ds-font-sans)}