*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;interpolate-size:allow-keywords;scroll-behavior:smooth;scroll-padding-top:88px}body{min-height:100vh;color:var(--color-text);background-color:var(--color-bg);font:400 var(--text-base) / 1.7 var(--font-sans);font-feature-settings:"palt" 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .13 0 0 0 0 .2 0 0 0 0 .16 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");margin:0;overflow-x:clip}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--color-heading);font-weight:600;line-height:1.3}a{color:var(--color-accent-text);text-underline-offset:3px;text-decoration:none}a:hover{text-decoration:underline;text-decoration-thickness:1px}img,svg{display:block}svg.icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}button,a,select,label{touch-action:manipulation}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--green-100);color:var(--ink-900)}.tabular,time{font-variant-numeric:tabular-nums}.hidden,[hidden]{display:none!important}.a11y-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{top:var(--s-3);left:var(--s-3);z-index:100;padding:var(--s-2) var(--s-4);border-radius:var(--r-md);background:var(--color-accent);color:var(--color-on-accent);transition:transform var(--dur-2) var(--ease-out);position:fixed;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}.eyebrow{align-items:center;gap:var(--s-3);color:var(--color-accent-text);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;font-weight:500;display:flex}.eyebrow:before{content:"";background:var(--color-gilt);width:28px;height:1px}.small-label{color:var(--color-muted);font-size:var(--text-xs);letter-spacing:.04em}.primary,.secondary{justify-content:center;align-items:center;gap:var(--s-2);min-height:var(--control-md);padding:0 var(--s-5);border-radius:var(--r-md);font-size:var(--text-base);letter-spacing:.01em;white-space:nowrap;transition:background-color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-out);border:1px solid #0000;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.primary{background:var(--color-accent);color:var(--color-on-accent);box-shadow:var(--shadow-1), inset 0 1px 0 #ffffff14}.primary:hover:not(:disabled){background:var(--color-accent-hover);text-decoration:none}.primary:active:not(:disabled){background:var(--color-accent-press);transform:scale(.98)}.secondary{border-color:var(--color-line-strong);background:var(--color-raised);color:var(--color-heading);font-weight:500}.secondary:hover:not(:disabled){border-color:var(--green-300);background:var(--color-surface);text-decoration:none}.secondary:active:not(:disabled){background:var(--color-sunken);transform:scale(.98)}.primary:disabled,.secondary:disabled{opacity:.45;box-shadow:none}.primary.compact,.secondary.compact{min-height:var(--control-sm);padding:0 var(--s-4);font-size:var(--text-sm)}.primary .icon,.secondary .icon{width:18px;height:18px}.text-button{align-items:center;gap:var(--s-1);min-height:32px;padding:0 var(--s-1);border-radius:var(--r-sm);color:var(--color-accent-text);font-size:var(--text-sm);text-underline-offset:3px;transition:color var(--dur-1) var(--ease-out);background:0 0;border:0;font-weight:500;text-decoration:none;display:inline-flex}.text-button:hover:not(:disabled){color:var(--color-accent-hover);text-decoration:underline}.text-button:disabled{opacity:.45}.text-button .icon{width:16px;height:16px}.text-button.danger{color:var(--color-danger)}.icon-button{border-radius:var(--r-md);width:40px;height:40px;color:var(--color-heading);font-size:var(--text-lg);transition:background-color var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-out);background:0 0;border:0;flex:none;place-items:center;padding:0;line-height:1;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--color-sunken)}.icon-button:active:not(:disabled){transform:scale(.94)}.icon-button:disabled{opacity:.4}.play-button{background:var(--color-accent);width:44px;height:44px;color:var(--color-on-accent);box-shadow:var(--shadow-1);transition:background-color var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-out);border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.play-button:hover:not(:disabled){background:var(--color-accent-hover)}.play-button:active:not(:disabled){transform:scale(.94)}.play-button:disabled{opacity:.45}.play-button{position:relative}.play-button[aria-pressed=true]:after{content:"";box-shadow:0 0 0 0 var(--color-accent);animation:playing 1.8s var(--ease-out) infinite;pointer-events:none;border-radius:50%;position:absolute;inset:0}@keyframes playing{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 35%, transparent)}to{box-shadow:0 0 0 12px #0000}}.play-button .icon{fill:currentColor;stroke:none;width:18px;height:18px}.play-button .icon path[d^=m8]{transform:translate(1px)}select,input[type=text],input[type=number],input:not([type]),textarea{min-height:40px;padding:0 var(--s-3);border:1px solid var(--color-line-strong);border-radius:var(--r-md);background-color:var(--color-raised);color:var(--color-heading);font-size:var(--text-sm);transition:border-color var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out)}select{appearance:none;cursor:pointer;text-overflow:ellipsis;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23646b63' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:34px}select:hover,input:hover,textarea:hover{border-color:var(--green-300)}select:focus-visible,input:focus-visible,textarea:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus);outline:none}input[type=checkbox],input[type=radio]{accent-color:var(--color-accent)}.badge{min-height:22px;padding:0 var(--s-2);border-radius:var(--r-pill);background:var(--color-sunken);color:var(--color-text);font-size:var(--text-xs);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:6px;font-weight:600;line-height:1;display:inline-flex}.badge.beta{background:var(--gilt-50);color:var(--gilt-700);letter-spacing:.08em}.badge.success{background:var(--color-success-soft);color:var(--color-success)}.badge.warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge.danger{background:var(--color-danger-soft);color:var(--color-danger)}.badge.active{background:var(--color-accent-soft);color:var(--color-accent-text)}.segmented{border-radius:calc(var(--r-md) + 3px);background:var(--color-sunken);box-shadow:inset 0 0 0 1px var(--color-line);gap:2px;padding:3px;display:inline-flex}.segmented button{min-height:34px;padding:0 var(--s-4);border-radius:var(--r-md);color:var(--color-muted);font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);background:0 0;border:0;font-weight:500}.segmented button:hover:not(:disabled){color:var(--color-heading)}.segmented button[aria-pressed=true]{background:var(--color-raised);color:var(--color-heading);box-shadow:var(--shadow-1), 0 0 0 1px var(--color-line)}.segmented button:disabled{opacity:.4}.segmented.has-thumb{position:relative}.segmented.has-thumb button{z-index:1;position:relative}.segmented.has-thumb button[aria-pressed=true]{box-shadow:none;background:0 0}.segment-thumb{border-radius:var(--r-md);background:var(--color-raised);box-shadow:var(--shadow-1), 0 0 0 1px var(--color-line);opacity:0;pointer-events:none;transition:transform var(--dur-3) var(--ease-out), width var(--dur-3) var(--ease-out);position:absolute;top:0;left:0}.notice{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--color-sunken);color:var(--color-text);font-size:var(--text-sm);line-height:1.65}dialog{border-radius:var(--r-lg);background:var(--color-surface);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);color:var(--color-text);box-shadow:var(--shadow-3);border:0;padding:0}dialog::backdrop{background:var(--color-backdrop)}dialog[open]{animation:dialog-in var(--dur-2) var(--ease-out)}dialog[open]::backdrop{animation:fade-in var(--dur-2) var(--ease-out)}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}@keyframes fade-in{0%{opacity:0}}.dialog-head{justify-content:space-between;align-items:flex-start;gap:var(--s-4);padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--color-line);display:flex}.dialog-head h2{font-size:var(--text-lg);overflow-wrap:anywhere;line-height:1.35}.dialog-head p{color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:2px}.dialog-head .icon-button{margin:-6px -10px 0 0}.toast{inset:auto auto max(24px, env(safe-area-inset-bottom)) 50%;z-index:60;max-width:min(520px,100vw - 32px);padding:var(--s-3) var(--s-5);border-radius:var(--r-md);background:var(--ink-900);color:#f4f3ee;box-shadow:var(--shadow-3);font-size:var(--text-sm);opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out);border:0;margin:0;position:fixed;overflow:visible;transform:translate(-50%,12px)}.toast:empty{display:none}body:has(#workspace[open]) .toast{bottom:max(96px, env(safe-area-inset-bottom))}@media (max-width:760px){body:has(#workspace[open]) .toast{bottom:168px}}.toast:popover-open{display:block}.toast.show{opacity:1;transform:translate(-50%)}@media (pointer:coarse){.icon-button{width:44px;height:44px}.text-button{min-height:44px}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){.primary,.secondary,.segmented button[aria-pressed=true]{border:1px solid buttontext}}@property --ink-1{syntax:"<percentage>";inherits:false;initial-value:100%}@property --ink-2{syntax:"<percentage>";inherits:false;initial-value:100%}#workspace{background:var(--color-sunken);width:100vw;max-width:none;height:100dvh;max-height:none;box-shadow:none;border-radius:0;margin:0;overflow:hidden}#workspace[open]{animation:workspace-in var(--dur-3) var(--ease-out);flex-direction:column;display:flex}@keyframes workspace-in{0%{opacity:0;transform:translateY(12px)}}.ws-bar{align-items:center;gap:var(--s-3) var(--s-5);min-height:64px;padding:var(--s-2) var(--s-5);border-bottom:1px solid var(--color-line);background:var(--color-surface);flex:none;grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}.ws-heading{min-width:0}#workspace-title{font:500 var(--text-lg) / 1.3 var(--font-serif);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#workspace-subtitle{color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.view-toggle{flex-wrap:nowrap}.ws-actions{align-items:center;gap:var(--s-2);display:flex}.ws-actions .compact .icon{width:17px;height:17px}#show-download .icon:last-child{width:14px;height:14px;transition:transform var(--dur-1) var(--ease-out);margin-left:-2px}#show-download[aria-expanded=true] .icon:last-child{transform:rotate(180deg)}#edit-score[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-text)}.exporter{position:relative}.download-menu{z-index:5;width:320px;max-width:calc(100vw - 32px);padding:var(--s-2);border:1px solid var(--color-line);border-radius:var(--r-md);background:var(--color-surface);box-shadow:var(--shadow-3);transform-origin:100% 0;animation:menu-in var(--dur-1) var(--ease-out);gap:2px;display:grid;position:absolute;top:calc(100% + 8px);right:0}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}}.download-item{padding:var(--s-2) var(--s-3);border-radius:var(--r-sm);color:var(--color-heading);text-align:left;cursor:pointer;background:0 0;border:0;gap:1px;display:grid}.download-item:hover:not(:disabled){background:var(--color-accent-soft)}.download-item:disabled{opacity:.45;cursor:not-allowed}.download-item strong{font-size:var(--text-sm);font-weight:600}.download-item span{color:var(--color-muted);font-size:var(--text-xs);line-height:1.5}.download-option{align-items:center;gap:var(--s-2);padding:0 var(--s-3) var(--s-2);color:var(--color-muted);font-size:var(--text-xs);cursor:pointer;display:flex}.download-menu p{margin-top:var(--s-1);padding:var(--s-2) var(--s-3) var(--s-1);border-top:1px solid var(--color-line);color:var(--color-muted);font-size:var(--text-xs);line-height:1.5}.warning-list{max-height:120px;padding:var(--s-2) var(--s-6);border-bottom:1px solid var(--color-line);background:var(--color-warning-soft);color:var(--color-warning);font-size:var(--text-sm);flex:none;line-height:1.7;overflow:auto}.warning-list:not(:has(*)){display:none}.warning-list p{margin:2px 0}.warning-list .blocking{color:var(--color-danger);font-weight:500}.ws-main{flex:auto;min-height:0;display:flex;position:relative}.workspace-content{min-width:0;padding:var(--s-8);flex:auto;overflow:auto}.workspace-paper{max-width:1120px;padding:var(--s-6) var(--s-8);background:var(--score-paper);box-shadow:var(--shadow-2);border-radius:3px;margin:0 auto}.workspace-paper>:not(.hidden),.workspace-staff>div,.workspace-jianpu>svg{animation:view-in var(--dur-3) var(--ease-out)}@keyframes view-in{0%{opacity:0;transform:translateY(6px)}}.review-drawer.open .drawer-body,.review-drawer.open .revision-controls{animation:view-in var(--dur-3) var(--ease-out) 80ms both}.workspace-staff svg,.workspace-jianpu svg{width:100%;max-width:100%;height:auto}.workspace-source{color:var(--color-text);font-size:var(--text-sm);line-height:1.8}.workspace-source:not(.hidden){align-items:flex-start;gap:var(--s-3);flex-direction:column;display:flex}.workspace-source img{border:1px solid var(--color-line);max-width:100%;height:auto}.workspace-source iframe{border:1px solid var(--color-line);width:100%;height:520px}.workspace-paper.comparing{gap:var(--s-6);grid-template-columns:1fr 1fr;min-width:820px;display:grid}.comparing .workspace-source{padding-right:var(--s-5);border-right:1px solid var(--color-line);grid-area:1/1}.comparing .workspace-staff{grid-area:1/2;min-width:0}.compare-label{margin-bottom:var(--s-3);color:var(--color-muted);font-size:var(--text-xs);letter-spacing:.04em}.score-render-status{padding:var(--s-10) var(--s-6);color:var(--color-muted);font-size:var(--text-sm);text-align:center}.real-message{padding:var(--s-4) var(--s-5);color:var(--color-muted);font-size:var(--text-sm);line-height:1.8}.real-message.error{color:var(--color-danger)}.workspace-paper.has-render-message{width:100%!important;min-width:0!important}.workspace-paper.has-render-message p{overflow-wrap:anywhere}.workspace-player{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-6);border-top:1px solid var(--color-line);background:var(--color-surface);flex-wrap:wrap;flex:none;display:flex}.progress-wrap{flex:1;min-width:96px}.zoom{align-items:center;gap:2px;display:flex}#zoom-label{min-width:46px;color:var(--color-text);font-size:var(--text-xs);font-variant-numeric:tabular-nums;text-align:center}#workspace-voice{max-width:240px}.shortcuts{color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap}@media (max-width:1180px){.shortcuts{display:none}}.progress-track{border-radius:var(--r-pill);background:var(--color-line);height:4px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--color-accent);width:0;height:100%}.play-time{color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;display:flex}.repeat-toggle{align-items:center;gap:var(--s-2);min-height:38px;color:var(--color-text);font-size:var(--text-xs);white-space:nowrap;cursor:pointer;display:inline-flex}.repeat-toggle:has(input:disabled){opacity:.45;cursor:not-allowed}.speed-select{min-width:88px;min-height:38px}.picking .score-note{cursor:pointer}.picking .score-note:hover path,.score-note.is-selected path{fill:var(--color-accent);stroke:var(--color-accent)}.score-note.is-selected{filter:drop-shadow(0 0 3px var(--color-focus)) drop-shadow(0 0 1px var(--color-accent))}.reviewing .workspace-paper:not(.comparing){min-width:0!important}.review-drawer{background:var(--color-surface);width:0;transition:width var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);border-left:1px solid #0000;flex-direction:column;flex:none;display:flex;overflow:hidden}.review-drawer.open{border-left-color:var(--color-line);width:min(400px,42vw)}.drawer-head{justify-content:space-between;align-items:center;gap:var(--s-3);min-width:320px;padding:var(--s-4) var(--s-4) var(--s-4) var(--s-5);border-bottom:1px solid var(--color-line);flex:none;display:flex}.drawer-head h2{font:500 var(--text-md) / 1.3 var(--font-serif)}.drawer-body{flex:auto;min-width:320px;min-height:0;overflow:auto}.pick-hint{color:var(--color-muted);font-size:var(--text-xs)}#flow-dialog{width:min(560px,100vw - 32px)}.options-form{gap:var(--s-4);padding:var(--s-6);display:grid}.editor-form{padding:var(--s-5)}.options-form label{align-items:center;gap:var(--s-2) var(--s-3);color:var(--color-heading);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.options-form select,.options-form input:not([type=checkbox]){min-width:0}.options-form .field{gap:6px;display:grid}.options-form .field>span{color:var(--color-muted);font-size:var(--text-xs);font-weight:500}.track-list{gap:var(--s-2);max-height:200px;padding:var(--s-3);border:1px solid var(--color-line);border-radius:var(--r-md);background:var(--color-raised);display:grid;overflow:auto}.options-form>.primary{justify-self:start}.editor-grid{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.editor-form>.primary{justify-self:start}.editor-actions{align-items:flex-end;gap:var(--s-2) var(--s-3);flex-wrap:wrap;display:flex}.editor-actions .field{max-width:200px}.editor-form input[type=number]{width:88px}#edit-tempo{width:104px}#edit-note{width:100%}.review-range{padding-top:var(--s-2);border-top:1px solid var(--color-line)}.review-range summary{padding:var(--s-2) 0;color:var(--color-accent-text);cursor:pointer;font-weight:500}.review-range[open]{gap:var(--s-3);display:grid}.review-range>.field{gap:6px;display:grid}.review-range select{max-width:100%}.revision-controls{align-items:center;gap:var(--s-2);min-width:320px;padding:var(--s-3) var(--s-5);border-top:1px solid var(--color-line);background:var(--color-surface);flex-wrap:wrap;flex:none;display:flex}.revision-controls select{max-width:200px}@media (max-width:960px){.ws-bar{padding:var(--s-2) var(--s-4);grid-template-columns:auto minmax(0,1fr) auto}.view-toggle{grid-area:2/1/auto/-1;justify-self:start;max-width:100%;overflow-x:auto}#workspace-voice{max-width:180px}}@media (max-width:760px){.ws-bar{gap:var(--s-2) var(--s-3)}.ws-actions .compact span{display:none}.ws-actions .compact{padding:0 var(--s-3)}#show-download .icon:last-child{display:none}.view-toggle{width:100%}.view-toggle button{flex:1}.workspace-player,.warning-list{padding-left:var(--s-4);padding-right:var(--s-4)}.workspace-player .progress-wrap{flex-basis:100%;order:-1}.workspace-player #workspace-voice{flex:1;max-width:none}.zoom{margin-left:auto}.workspace-content{padding:var(--s-3)}.workspace-paper{padding:var(--s-4)}.workspace-paper.comparing{flex-direction:column;min-width:480px;display:flex}.comparing .workspace-source{padding:0 0 var(--s-4);border-right:0;border-bottom:1px solid var(--color-line);order:-1}.review-drawer{z-index:4;border-radius:var(--r-lg) var(--r-lg) 0 0;width:auto;height:0;box-shadow:var(--shadow-3);transition:height var(--dur-2) var(--ease-out);border-left:0;position:absolute;inset:auto 0 0}.review-drawer.open{width:auto;height:72%}.drawer-head,.drawer-body,.revision-controls{min-width:0}.options-form{padding:var(--s-5) var(--s-4)}.editor-grid{grid-template-columns:1fr}}.score-note path{transition:fill var(--dur-1) var(--ease-out), stroke var(--dur-1) var(--ease-out)}.score-note.is-sounding path{fill:var(--gilt-700);stroke:var(--gilt-700)}.score-note.is-sounding{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--color-gilt) 55%, transparent))}.benefits.svelte-11fix1q{--staff-top:22px;--staff-height:25px;padding:var(--s-16) 0 var(--s-12);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.measure.svelte-11fix1q{padding:calc(var(--staff-top) + var(--staff-height) + var(--s-5)) var(--s-6) 0;position:relative}.measure.svelte-11fix1q:before,.measure.svelte-11fix1q:after{content:"";top:var(--staff-top);height:var(--staff-height);position:absolute}.measure.svelte-11fix1q:before{background:repeating-linear-gradient(180deg, var(--green-300) 0 1px, transparent 1px 6px);opacity:.75;left:0;right:0}.measure.svelte-11fix1q:after{background:var(--green-300);width:1px;left:0}.measure.svelte-11fix1q:last-child:before{background:linear-gradient(90deg, transparent calc(100% - 7px), var(--green-500) calc(100% - 7px) calc(100% - 6px), transparent calc(100% - 6px) calc(100% - 3px), var(--green-500) calc(100% - 3px)), repeating-linear-gradient(180deg, var(--green-300) 0 1px, transparent 1px 6px)}.measure-number.svelte-11fix1q{color:var(--color-muted);font:italic 400 var(--text-sm) / 1 var(--font-serif);position:absolute;top:0;left:2px}h3.svelte-11fix1q{margin:0 0 var(--s-1);font:500 var(--text-lg) / 1.35 var(--font-serif)}p.svelte-11fix1q{color:var(--color-muted);font-size:var(--text-sm)}@supports (animation-timeline:view()){.measure.svelte-11fix1q{view-timeline:--measure block}.measure.svelte-11fix1q:before{animation:linear both svelte-11fix1q-engrave;animation-timeline:--measure;animation-range:entry entry 60%}.measure.svelte-11fix1q:nth-child(2):before{animation-range:entry 20% entry 80%}.measure.svelte-11fix1q:nth-child(3):before{animation-range:entry 40%}}@keyframes svelte-11fix1q-engrave{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.measure.svelte-11fix1q:before{animation:none}}@media (max-width:760px){.benefits.svelte-11fix1q{gap:var(--s-6);padding:var(--s-12) 0 var(--s-8);grid-template-columns:1fr}.measure.svelte-11fix1q{padding-right:0;padding-left:var(--s-5)}}.footer.svelte-whsn4t{align-items:center;gap:var(--s-4) var(--s-6);padding:var(--s-8) 0 var(--s-12);border-top:1px solid var(--color-line);color:var(--color-muted);font-size:var(--text-sm);grid-template-columns:1fr auto;display:grid}.footer-left.svelte-whsn4t{align-items:baseline;gap:var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.footer-brand.svelte-whsn4t{color:var(--color-heading);font:500 var(--text-lg) / 1 var(--font-serif);text-decoration:none}.footer-left.svelte-whsn4t span:where(.svelte-whsn4t){font-family:var(--font-serif);font-size:var(--text-base)}.footer-right.svelte-whsn4t{font-size:var(--text-xs);text-align:right}nav.svelte-whsn4t{align-items:center;gap:var(--s-1) var(--s-2);font-size:var(--text-xs);flex-wrap:wrap;grid-column:1/-1;display:flex}nav.svelte-whsn4t a:where(.svelte-whsn4t){color:var(--color-muted)}nav.svelte-whsn4t a:where(.svelte-whsn4t):hover{color:var(--color-heading)}@media (max-width:640px){.footer.svelte-whsn4t{grid-template-columns:1fr}.footer-right.svelte-whsn4t{text-align:left}}.guide.svelte-mmoj2u{gap:var(--s-12);padding:var(--s-12) 0 var(--s-16);border-top:1px solid var(--color-line);grid-template-columns:minmax(0,5fr) minmax(0,8fr);display:grid}.guide-header.svelte-mmoj2u h2:where(.svelte-mmoj2u){margin:var(--s-4) 0 var(--s-3);font:500 var(--text-2xl) / 1.25 var(--font-serif);letter-spacing:.02em}.guide-header.svelte-mmoj2u p:where(.svelte-mmoj2u){color:var(--color-muted)}.questions.svelte-mmoj2u{border-top:1px solid var(--color-line-strong)}details.svelte-mmoj2u{border-bottom:1px solid var(--color-line)}summary.svelte-mmoj2u{min-height:64px;padding:var(--s-4) var(--s-10) var(--s-4) 0;color:var(--color-heading);font-size:var(--text-md);cursor:pointer;transition:color var(--dur-1) var(--ease-out);align-items:center;font-weight:500;line-height:1.5;list-style:none;display:flex;position:relative}summary.svelte-mmoj2u::-webkit-details-marker{display:none}summary.svelte-mmoj2u:hover{color:var(--color-accent-text)}summary.svelte-mmoj2u:before,summary.svelte-mmoj2u:after{content:"";width:14px;height:1.5px;transition:transform var(--dur-2) var(--ease-out);background:currentColor;border-radius:1px;position:absolute;top:50%;right:6px}summary.svelte-mmoj2u:after{transform:rotate(90deg)}details[open].svelte-mmoj2u summary:where(.svelte-mmoj2u):after{transform:rotate(0)}details.svelte-mmoj2u::details-content{block-size:0;transition:block-size var(--dur-3) var(--ease-out), content-visibility var(--dur-3) allow-discrete;overflow:hidden}details[open].svelte-mmoj2u::details-content{block-size:auto}details.svelte-mmoj2u p:where(.svelte-mmoj2u){max-width:680px;padding:0 var(--s-10) var(--s-6) 0;color:var(--color-text);line-height:1.8}@media (max-width:860px){.guide.svelte-mmoj2u{gap:var(--s-6);padding:var(--s-10) 0 var(--s-12);grid-template-columns:1fr}.guide-header.svelte-mmoj2u h2:where(.svelte-mmoj2u){font-size:var(--text-xl)}summary.svelte-mmoj2u{font-size:var(--text-base)}}.header.svelte-1w56vvb{z-index:20;padding:0 max(var(--gutter), calc(50vw - var(--page-width) / 2));transition:background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);border-bottom:1px solid #0000;margin:0 calc(50% - 50vw);position:sticky;top:0}.header.compact.svelte-1w56vvb{border-bottom-color:var(--color-line);background:var(--color-bg)}.bar.svelte-1w56vvb{justify-content:space-between;align-items:center;gap:var(--s-4);height:80px;transition:height var(--dur-2) var(--ease-out);display:flex}.compact.svelte-1w56vvb .bar:where(.svelte-1w56vvb){height:64px}.brand.svelte-1w56vvb{align-items:center;gap:var(--s-3);color:var(--color-heading);text-decoration:none;display:inline-flex}.brand-mark.svelte-1w56vvb{width:30px;height:33px;color:var(--color-accent)}.brand-name.svelte-1w56vvb{font:500 26px/1 var(--font-serif);letter-spacing:-.01em}.brand-zh.svelte-1w56vvb{padding-left:var(--s-3);border-left:1px solid var(--color-line-strong);color:var(--color-text);font:500 17px/1 var(--font-serif);letter-spacing:.24em}.nav.svelte-1w56vvb{align-items:center;gap:var(--s-2);display:flex}.nav.svelte-1w56vvb a:where(.svelte-1w56vvb){min-height:40px;padding:0 var(--s-3);border-radius:var(--r-md);color:var(--color-muted);font-size:var(--text-sm);transition:color var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out);align-items:center;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.nav.svelte-1w56vvb a:where(.svelte-1w56vvb):hover,.nav.svelte-1w56vvb a.active:where(.svelte-1w56vvb){color:var(--color-heading)}.nav.svelte-1w56vvb a.active:where(.svelte-1w56vvb):after{content:"";background:var(--color-gilt);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:3px;left:50%}.nav.svelte-1w56vvb .lang:where(.svelte-1w56vvb){margin-left:var(--s-2);padding:0 var(--s-3);border:1px solid var(--color-line-strong);border-radius:var(--r-pill);color:var(--color-heading);font-size:var(--text-xs);letter-spacing:.04em;gap:6px;font-weight:600}.nav.svelte-1w56vvb .lang:where(.svelte-1w56vvb):hover{border-color:var(--green-300);background:var(--color-surface)}.nav.svelte-1w56vvb .lang:where(.svelte-1w56vvb) .icon{width:16px;height:16px}@media (max-width:640px){.bar.svelte-1w56vvb,.compact.svelte-1w56vvb .bar:where(.svelte-1w56vvb){height:60px}.brand-mark.svelte-1w56vvb{width:24px;height:27px}.brand-name.svelte-1w56vvb{font-size:22px}.brand-zh.svelte-1w56vvb{letter-spacing:.16em;padding-left:var(--s-2);font-size:15px}.nav.svelte-1w56vvb a.active:where(.svelte-1w56vvb){display:none}.nav.svelte-1w56vvb .lang:where(.svelte-1w56vvb){margin-left:0}}#jianpu-editor.svelte-cwwlpm{background:var(--color-sunken);border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden}#jianpu-editor[open].svelte-cwwlpm{animation:svelte-cwwlpm-editor-in var(--dur-3) var(--ease-out);flex-direction:column;display:flex}@keyframes svelte-cwwlpm-editor-in{0%{opacity:0;transform:translateY(12px)}}.je-bar.svelte-cwwlpm{align-items:center;gap:var(--s-3);min-height:60px;padding:var(--s-2) var(--s-4);border-bottom:1px solid var(--color-line);background:var(--color-surface);flex:none;display:flex}.je-title.svelte-cwwlpm{flex:1;min-width:0;display:grid}.je-title-input.svelte-cwwlpm{width:100%;min-width:0;color:var(--color-heading);font:500 var(--text-lg) / 1.3 var(--font-serif);background:0 0;border:0;border-bottom:1px dashed #0000;padding:2px 0}.je-title-input.svelte-cwwlpm:hover,.je-title-input.svelte-cwwlpm:focus{border-bottom-color:var(--color-line-strong);outline:none}.je-actions.svelte-cwwlpm{align-items:center;gap:var(--s-2);display:flex}.je-play.svelte-cwwlpm{width:40px;height:40px}#je-finish.svelte-cwwlpm .short:where(.svelte-cwwlpm){display:none}.je-meta.svelte-cwwlpm{border-bottom:1px solid var(--color-line);background:var(--color-surface);flex:none}.je-meta.svelte-cwwlpm summary:where(.svelte-cwwlpm){padding:var(--s-2) var(--s-4);color:var(--color-muted);font-size:var(--text-xs);cursor:pointer}.je-fields.svelte-cwwlpm{align-items:end;gap:var(--s-2) var(--s-4);padding:0 var(--s-4) var(--s-3);flex-wrap:wrap;display:flex}.je-field.svelte-cwwlpm{color:var(--color-muted);font-size:var(--text-xs);gap:2px;display:grid}.je-field.svelte-cwwlpm select:where(.svelte-cwwlpm),.je-field.svelte-cwwlpm input:where(.svelte-cwwlpm){min-height:var(--control-sm)}.je-field.svelte-cwwlpm input[type=number]:where(.svelte-cwwlpm){width:84px}.je-field.wide.svelte-cwwlpm input:where(.svelte-cwwlpm){width:160px}.je-banner.svelte-cwwlpm{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4);background:var(--color-accent-soft);color:var(--color-accent-text);font-size:var(--text-sm);flex:none;display:flex}.je-tabs.svelte-cwwlpm{margin:var(--s-2) var(--s-4) 0;flex:none;display:none}.je-main.svelte-cwwlpm{gap:var(--s-4);min-height:0;padding:var(--s-4);flex:1;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.je-main.has-reference.svelte-cwwlpm{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr) minmax(0,1fr)}.je-main.svelte-cwwlpm>section:where(.svelte-cwwlpm){gap:var(--s-3);flex-direction:column;min-height:0;display:flex;overflow:auto}.je-main.svelte-cwwlpm>section:where(.svelte-cwwlpm)>:where(.svelte-cwwlpm){flex:none}.je-reference.svelte-cwwlpm img:where(.svelte-cwwlpm){border:1px solid var(--color-line);border-radius:var(--r-sm);background:var(--score-paper);width:100%}.je-reference.svelte-cwwlpm iframe:where(.svelte-cwwlpm){border:1px solid var(--color-line);background:var(--score-paper);flex:1;min-height:480px}.je-modes.svelte-cwwlpm{align-items:center;gap:var(--s-3);display:flex}.je-updating.svelte-cwwlpm{color:var(--color-muted);font-size:var(--text-xs)}.je-paper.svelte-cwwlpm{min-height:220px;padding:var(--s-2) 4px;border:1px solid var(--color-line);border-radius:var(--r-md);background:var(--score-paper);box-shadow:var(--shadow-1);cursor:text;position:relative}.je-paper.svelte-cwwlpm:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.je-svg.svelte-cwwlpm svg{max-width:100%;height:auto;display:block}.je-svg.svelte-cwwlpm .jianpu-note{cursor:pointer}.je-svg.svelte-cwwlpm .jianpu-note.mark-info{color:#a06a00}.je-svg.svelte-cwwlpm .jianpu-note.mark-warning{color:var(--color-warning)}.je-svg.svelte-cwwlpm .jianpu-note.mark-error{color:var(--color-danger)}.je-svg.svelte-cwwlpm .jianpu-note.is-current{color:var(--gilt-700)}.je-svg.svelte-cwwlpm .jianpu-note.is-picked,.je-svg.svelte-cwwlpm .jianpu-note.is-playing{color:var(--color-accent)}.je-svg.svelte-cwwlpm .jianpu-note.is-picked .jianpu-digit,.je-svg.svelte-cwwlpm .jianpu-note.is-playing .jianpu-digit{font-weight:700}.je-caret.svelte-cwwlpm{background:var(--color-gilt);pointer-events:none;border-radius:1px;width:3px;animation:1.1s step-end infinite svelte-cwwlpm-blink;position:absolute}@keyframes svelte-cwwlpm-blink{50%{opacity:0}}.je-empty.svelte-cwwlpm{padding:var(--s-8) var(--s-4);color:var(--color-muted);font-size:var(--text-sm);text-align:center}.je-empty.svelte-cwwlpm .for-touch:where(.svelte-cwwlpm){display:none}@media (pointer:coarse){.je-empty.svelte-cwwlpm .for-keys:where(.svelte-cwwlpm){display:none}.je-empty.svelte-cwwlpm .for-touch:where(.svelte-cwwlpm){display:inline}}.je-staff-empty.svelte-cwwlpm{border:1px dashed var(--color-line-strong);border-radius:var(--r-md);background:var(--score-paper)}.je-summary-hint.svelte-cwwlpm{display:none}.je-dock.svelte-cwwlpm{gap:var(--s-2);display:grid}.je-parts.svelte-cwwlpm{align-items:center;gap:6px var(--s-2);flex-wrap:wrap;display:flex}.je-part-name.svelte-cwwlpm input:where(.svelte-cwwlpm){width:120px;min-height:32px}.je-banner.warn.svelte-cwwlpm{background:var(--color-warning-soft);color:var(--color-warning)}.je-structure.svelte-cwwlpm{padding:var(--s-3);border:1px solid var(--color-line);border-radius:var(--r-md);background:var(--color-surface);flex-wrap:wrap;gap:6px;display:flex}.je-structure.svelte-cwwlpm .je-note:where(.svelte-cwwlpm){width:100%}.je-before.svelte-cwwlpm{border-radius:var(--r-pill);background:var(--gilt-50);color:var(--gilt-700);font-size:var(--text-xs);padding:2px 8px}.je-help-row.svelte-cwwlpm{align-items:flex-start;gap:var(--s-3);display:flex}.je-help-row.svelte-cwwlpm .je-help:where(.svelte-cwwlpm){flex:1}.je-help-row.svelte-cwwlpm .text-button:where(.svelte-cwwlpm){font-size:var(--text-xs);flex:none}.je-key-card.svelte-cwwlpm{padding:var(--s-3) var(--s-4);border:1px solid var(--color-line);border-radius:var(--r-md);background:var(--color-surface)}.je-key-card.svelte-cwwlpm h3:where(.svelte-cwwlpm){margin-bottom:var(--s-2);color:var(--color-heading);font-size:var(--text-sm)}.je-key-card.svelte-cwwlpm dl:where(.svelte-cwwlpm){gap:6px var(--s-4);font-size:var(--text-xs);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin:0;display:grid}.je-key-card.svelte-cwwlpm dl:where(.svelte-cwwlpm)>div:where(.svelte-cwwlpm){align-items:baseline;gap:var(--s-2);grid-template-columns:92px 1fr;display:grid}.je-key-card.svelte-cwwlpm dd:where(.svelte-cwwlpm){color:var(--color-text);margin:0}.je-key-card.svelte-cwwlpm kbd:where(.svelte-cwwlpm){border:1px solid var(--color-line-strong);background:var(--color-raised);text-align:center;border-bottom-width:2px;border-radius:4px;min-width:22px;padding:1px 6px;font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;display:inline-block}@media (min-width:760px){.je-main.svelte-cwwlpm>.je-jianpu:where(.svelte-cwwlpm)>.je-paper:where(.svelte-cwwlpm){flex:auto;min-height:200px;overflow:auto}.je-checks.svelte-cwwlpm{max-height:160px;overflow:auto}}.je-empty.error.svelte-cwwlpm{color:var(--color-danger)}.je-inspector.svelte-cwwlpm{align-items:center;gap:var(--s-2) var(--s-4);min-height:32px;color:var(--color-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.je-current.svelte-cwwlpm strong:where(.svelte-cwwlpm){color:var(--color-heading);font-size:var(--text-md)}.je-chord.svelte-cwwlpm{align-items:center;gap:var(--s-2);display:flex}.je-chord.svelte-cwwlpm input:where(.svelte-cwwlpm){width:96px;min-height:30px}.je-time.svelte-cwwlpm{font-variant-numeric:tabular-nums;margin-left:auto}.je-keypad.svelte-cwwlpm{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:6px;display:grid}.je-keypad.svelte-cwwlpm button:where(.svelte-cwwlpm){border:1px solid var(--color-line);border-radius:var(--r-sm);background:var(--color-raised);min-height:46px;color:var(--color-heading);cursor:pointer;touch-action:manipulation;align-content:center;place-items:center;padding:2px;display:grid}.je-keypad.svelte-cwwlpm button:where(.svelte-cwwlpm):hover{border-color:var(--green-300)}.je-keypad.svelte-cwwlpm button:where(.svelte-cwwlpm):active{background:var(--color-accent-soft)}.je-keypad.svelte-cwwlpm b:where(.svelte-cwwlpm){font:600 18px / 1.1 var(--font-sans)}.je-keypad.svelte-cwwlpm .digit:where(.svelte-cwwlpm) b:where(.svelte-cwwlpm){font-size:21px}.je-keypad.svelte-cwwlpm small:where(.svelte-cwwlpm){color:var(--color-muted);font-size:10px}.je-help.svelte-cwwlpm{color:var(--color-muted);font-size:var(--text-xs);line-height:1.6}.je-checks.svelte-cwwlpm h3:where(.svelte-cwwlpm),.je-options.svelte-cwwlpm h3:where(.svelte-cwwlpm){margin-bottom:var(--s-1);color:var(--color-heading);font-size:var(--text-sm)}.je-checks.svelte-cwwlpm ul:where(.svelte-cwwlpm){gap:4px;padding:0;list-style:none;display:grid}.je-check.svelte-cwwlpm{border-radius:0 var(--r-sm) var(--r-sm) 0;width:100%;font-size:var(--text-sm);text-align:left;cursor:pointer;border:0;border-left:3px solid;padding:6px 10px}.je-check.error.svelte-cwwlpm{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}.je-check.warning.svelte-cwwlpm{border-color:var(--color-warning);background:var(--color-warning-soft);color:var(--color-warning)}.je-check.info.svelte-cwwlpm{color:#7a5600;background:#fbf3d9;border-color:#c8960c}.je-note.svelte-cwwlpm{color:var(--color-muted);font-size:var(--text-xs);line-height:1.6}.je-lyrics.svelte-cwwlpm{gap:var(--s-2);display:grid}.je-lyrics.svelte-cwwlpm textarea:where(.svelte-cwwlpm){width:100%;min-height:40px;font:var(--text-md) / 1.6 var(--font-serif);resize:vertical}.je-verse.svelte-cwwlpm{align-items:center;gap:var(--s-2);border-radius:var(--r-sm);grid-template-columns:4.5em minmax(0,1fr) auto;padding:4px 6px;display:grid}.je-verse.active.svelte-cwwlpm{background:var(--color-accent-soft)}.je-verse.svelte-cwwlpm label:where(.svelte-cwwlpm){color:var(--color-muted);font-size:var(--text-xs)}.je-verse.svelte-cwwlpm .je-note:where(.svelte-cwwlpm){grid-column:2/-1}.je-note.warn.svelte-cwwlpm{color:var(--color-warning)}.je-verses.svelte-cwwlpm,.je-lyric-tools.svelte-cwwlpm,.je-presets.svelte-cwwlpm{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.je-lyric-tools.svelte-cwwlpm .je-note:where(.svelte-cwwlpm){flex:1}.chip.svelte-cwwlpm{min-height:32px;padding:0 var(--s-3);border:1px solid var(--color-line-strong);border-radius:var(--r-pill);background:var(--color-raised);color:var(--color-text);font-size:var(--text-xs);cursor:pointer}.chip[aria-pressed=true].svelte-cwwlpm{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent-text)}.je-options.svelte-cwwlpm{align-items:end;gap:var(--s-2) var(--s-3);padding:var(--s-3);border:1px solid var(--color-line);border-radius:var(--r-md);background:var(--color-surface);flex-wrap:wrap;display:flex}.je-options.svelte-cwwlpm h3:where(.svelte-cwwlpm),.je-options.svelte-cwwlpm .je-note:where(.svelte-cwwlpm){width:100%}.je-staff-paper.svelte-cwwlpm{min-height:220px;padding:var(--s-2);border:1px solid var(--color-line);border-radius:var(--r-md);background:var(--score-paper);box-shadow:var(--shadow-1)}.je-staff-paper.svelte-cwwlpm svg{max-width:100%;height:auto}.je-warnings.svelte-cwwlpm p:where(.svelte-cwwlpm){color:var(--color-warning);font-size:var(--text-xs)}#jianpu-paste.svelte-cwwlpm textarea:where(.svelte-cwwlpm){width:100%;font:var(--text-sm) / 1.6 ui-monospace, Menlo, Consolas, monospace}@media (max-width:1199px){.je-main.svelte-cwwlpm,.je-main.has-reference.svelte-cwwlpm{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.je-tabs.svelte-cwwlpm{align-self:flex-end;display:inline-flex}.je-tab-jianpu.svelte-cwwlpm,.je-tabs.single.svelte-cwwlpm,.je-main[data-pane=reference].svelte-cwwlpm .je-staff:where(.svelte-cwwlpm),.je-main.svelte-cwwlpm:not([data-pane=reference]) .je-reference:where(.svelte-cwwlpm){display:none}.je-main.has-reference.svelte-cwwlpm .je-jianpu:where(.svelte-cwwlpm){grid-area:1/1}}@media (max-width:759px){.je-bar.svelte-cwwlpm{gap:var(--s-1) var(--s-2);padding:var(--s-2) var(--s-3);grid-template-columns:auto minmax(0,1fr);display:grid}.je-actions.svelte-cwwlpm{grid-column:1/-1;justify-content:flex-end}.je-actions.svelte-cwwlpm .secondary:where(.svelte-cwwlpm) span:where(.svelte-cwwlpm),#je-finish.svelte-cwwlpm .long:where(.svelte-cwwlpm){display:none}#je-finish.svelte-cwwlpm .short:where(.svelte-cwwlpm){display:inline}.je-tabs.svelte-cwwlpm{margin:var(--s-2) var(--s-3) 0;align-self:stretch}.je-tab-jianpu.svelte-cwwlpm,.je-tabs.single.svelte-cwwlpm{display:inline-flex}.je-tabs.svelte-cwwlpm button:where(.svelte-cwwlpm){flex:1}.je-main.svelte-cwwlpm,.je-main.has-reference.svelte-cwwlpm{padding:var(--s-3) var(--s-3) 0;display:block;overflow:auto}.je-main.svelte-cwwlpm>section:where(.svelte-cwwlpm){overflow:visible}.je-main[data-pane=jianpu].svelte-cwwlpm>:where(.svelte-cwwlpm):not(.je-jianpu),.je-main[data-pane=staff].svelte-cwwlpm>:where(.svelte-cwwlpm):not(.je-staff),.je-main[data-pane=reference].svelte-cwwlpm>:where(.svelte-cwwlpm):not(.je-reference){display:none}.je-main[data-pane=reference].svelte-cwwlpm .je-reference:where(.svelte-cwwlpm),.je-main[data-pane=staff].svelte-cwwlpm .je-staff:where(.svelte-cwwlpm){display:flex}.je-field.wide.svelte-cwwlpm input:where(.svelte-cwwlpm){width:140px}.je-dock.svelte-cwwlpm{z-index:2;margin:0 calc(var(--s-3) * -1);padding:var(--s-2) var(--s-3) calc(var(--s-2) + env(safe-area-inset-bottom));border-top:1px solid var(--color-line);background:var(--color-surface);order:10;position:sticky;bottom:0;box-shadow:0 -8px 20px -14px #1f382c66}.je-keypad.svelte-cwwlpm{grid-template-columns:repeat(6,1fr)}.je-structure.svelte-cwwlpm{max-height:34vh;padding:var(--s-2);overflow:auto}.je-keypad.svelte-cwwlpm button:where(.svelte-cwwlpm){min-height:50px}.je-keypad.svelte-cwwlpm .wide:where(.svelte-cwwlpm){grid-column:auto}.je-help.svelte-cwwlpm{display:none}.je-help-row.svelte-cwwlpm{justify-content:flex-end}.je-jianpu.lyrics.svelte-cwwlpm .je-dock:where(.svelte-cwwlpm){display:none}.je-parts.svelte-cwwlpm{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.je-parts.svelte-cwwlpm>:where(.svelte-cwwlpm){flex:none}.je-meta.svelte-cwwlpm summary:where(.svelte-cwwlpm){gap:2px var(--s-2);padding:var(--s-2) var(--s-3);color:var(--color-heading);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.je-summary-hint.svelte-cwwlpm{width:100%;color:var(--color-accent-text);font-size:var(--text-xs);order:2;display:block}.je-meta[open].svelte-cwwlpm .je-summary-hint:where(.svelte-cwwlpm){display:none}}.hero.svelte-qt65pm{justify-content:space-between;align-items:flex-end;gap:var(--s-8);padding:var(--s-10) 0 var(--s-8);display:flex}.copy.svelte-qt65pm{max-width:760px}h1.svelte-qt65pm{margin-top:var(--s-4);font:500 clamp(34px, 2rem + 1.6vw, 52px) / 1.18 var(--font-serif);letter-spacing:.02em;text-wrap:balance}html[lang=en] h1.svelte-qt65pm{letter-spacing:-.015em}h1.svelte-qt65pm em:where(.svelte-qt65pm){color:var(--color-accent);font-style:normal}html[lang=en] h1.svelte-qt65pm em:where(.svelte-qt65pm){font-style:italic}.staff.svelte-qt65pm{width:120px;height:17px;margin:var(--s-5) 0 var(--s-4);stroke:var(--green-300);stroke-width:1px;vector-effect:non-scaling-stroke}.staff.svelte-qt65pm line:where(.svelte-qt65pm){vector-effect:non-scaling-stroke;transform-box:view-box;transform-origin:0 0;animation:svelte-qt65pm-draw .9s var(--ease-out) both}@keyframes svelte-qt65pm-draw{0%{transform:scaleX(0)}}.copy.svelte-qt65pm>:where(.svelte-qt65pm),.free-label.svelte-qt65pm{animation:rise .7s var(--ease-out) both}.copy.svelte-qt65pm>:where(.svelte-qt65pm):nth-child(2){animation-delay:80ms}.copy.svelte-qt65pm>.staff:where(.svelte-qt65pm){animation:none}.copy.svelte-qt65pm>:where(.svelte-qt65pm):nth-child(4){animation-delay:.2s}.free-label.svelte-qt65pm{animation-delay:.32s}.hero-description.svelte-qt65pm{text-wrap:pretty;max-width:720px;color:var(--color-muted);font-size:var(--text-md);line-height:1.75}.free-label.svelte-qt65pm{align-items:center;gap:var(--s-2);min-height:36px;padding:0 var(--s-4) 0 var(--s-3);border:1px solid var(--color-accent-line);border-radius:var(--r-pill);background:var(--color-accent-soft);color:var(--color-accent-text);font-size:var(--text-sm);flex:none;font-weight:500;display:inline-flex}.free-label.svelte-qt65pm .icon{width:18px;height:18px}@media (max-width:760px){.hero.svelte-qt65pm{align-items:flex-start;gap:var(--s-5);padding:var(--s-6) 0 var(--s-6);flex-direction:column}h1.svelte-qt65pm{font-size:32px}.staff.svelte-qt65pm{margin:var(--s-4) 0 var(--s-3)}.hero-description.svelte-qt65pm{font-size:var(--text-base)}}.recent.svelte-1jsa59l{margin-top:var(--s-6);padding:var(--s-2) var(--s-6) var(--s-3);border:1px solid var(--color-line);border-radius:var(--r-lg);background:var(--color-surface);flex-direction:column;display:flex}.recent.svelte-1jsa59l:not(:has(*)){display:none}h2.svelte-1jsa59l{padding:var(--s-4) 0 var(--s-2);color:var(--color-muted);font-size:var(--text-xs);letter-spacing:.06em;font-weight:600}.recent-row.svelte-1jsa59l,.failure-sample-row.svelte-1jsa59l{align-items:center;gap:var(--s-3);border-top:1px solid var(--color-line);min-height:52px;display:flex}.name.svelte-1jsa59l{min-width:0;padding:var(--s-2) 0;color:var(--color-heading);font-size:var(--text-base);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;font-weight:500;overflow:hidden}.name.svelte-1jsa59l:hover{color:var(--color-accent-text);text-underline-offset:3px;text-decoration:underline}.failure-sample-row.svelte-1jsa59l>span:where(.svelte-1jsa59l){min-width:0;color:var(--color-text);font-size:var(--text-sm);flex:1}.failure-sample-row.svelte-1jsa59l small:where(.svelte-1jsa59l){color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}@media (max-width:480px){.recent.svelte-1jsa59l{padding:var(--s-2) var(--s-4) var(--s-3)}.failure-sample-row.svelte-1jsa59l{gap:0 var(--s-3);padding:var(--s-2) 0;flex-wrap:wrap}}.task.svelte-ygezsd{gap:var(--s-5);flex-direction:column;width:100%;display:flex}.task-head.svelte-ygezsd{align-items:center;gap:var(--s-3);display:flex}.task-icon.svelte-ygezsd{border-radius:var(--r-md);background:var(--color-accent-soft);width:44px;height:44px;color:var(--color-accent);flex:none;place-items:center;display:grid}.task-icon.svelte-ygezsd .icon{width:22px;height:22px}.task-file.svelte-ygezsd{flex:1;min-width:0}.file-name.svelte-ygezsd{color:var(--color-heading);font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.file-meta.svelte-ygezsd{color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.task-head.svelte-ygezsd .text-button:where(.svelte-ygezsd){font-size:var(--text-sm);flex:none}.steps.svelte-ygezsd{grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.steps.svelte-ygezsd li:where(.svelte-ygezsd){align-items:center;gap:var(--s-2);color:var(--color-muted);font-size:var(--text-xs);text-align:center;flex-direction:column;display:flex;position:relative}.steps.svelte-ygezsd li:where(.svelte-ygezsd)+li:where(.svelte-ygezsd):before,.steps.svelte-ygezsd li:where(.svelte-ygezsd)+li:where(.svelte-ygezsd):after{content:"";background:var(--color-line-strong);height:1px;position:absolute;top:9px;left:calc(14px - 50%);right:calc(50% + 14px)}.steps.svelte-ygezsd li:where(.svelte-ygezsd)+li:where(.svelte-ygezsd):after{background:var(--color-accent);transform-origin:0;transition:transform var(--dur-3) var(--ease-out);transform:scaleX(0)}.steps.svelte-ygezsd li.done:where(.svelte-ygezsd)+li:where(.svelte-ygezsd):after{transform:none}.steps.svelte-ygezsd i:where(.svelte-ygezsd){transition:background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out)}.steps.svelte-ygezsd .current:where(.svelte-ygezsd):not(.halted) i:where(.svelte-ygezsd){animation:svelte-ygezsd-working 1.6s var(--ease-out) infinite}@keyframes svelte-ygezsd-working{50%{box-shadow:0 0 0 7px var(--color-focus)}}.steps.svelte-ygezsd i:where(.svelte-ygezsd){border:1.5px solid var(--color-line-strong);background:var(--color-surface);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.steps.svelte-ygezsd i:where(.svelte-ygezsd) .icon{width:20px;height:20px}.steps.svelte-ygezsd .done:where(.svelte-ygezsd){color:var(--color-heading)}.steps.svelte-ygezsd .done:where(.svelte-ygezsd) i:where(.svelte-ygezsd){border-color:var(--color-accent);background:var(--color-accent)}.steps.svelte-ygezsd .current:where(.svelte-ygezsd){color:var(--color-heading);font-weight:600}.steps.svelte-ygezsd .current:where(.svelte-ygezsd) i:where(.svelte-ygezsd){border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-focus)}.steps.svelte-ygezsd .current:where(.svelte-ygezsd) i:where(.svelte-ygezsd):after{content:"";background:var(--color-accent);border-radius:50%;width:8px;height:8px}.steps.svelte-ygezsd .halted:where(.svelte-ygezsd){color:var(--color-danger)}.steps.svelte-ygezsd .halted:where(.svelte-ygezsd) i:where(.svelte-ygezsd){border-color:var(--color-danger);box-shadow:none}.steps.svelte-ygezsd .halted:where(.svelte-ygezsd) i:where(.svelte-ygezsd):after{background:var(--color-danger)}.job-status.svelte-ygezsd{align-items:center;gap:var(--s-2) var(--s-3);padding-top:var(--s-4);border-top:1px solid var(--color-line);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.badge.svelte-ygezsd{min-height:26px;padding:0 var(--s-3);font-size:var(--text-xs)}.busy.svelte-ygezsd:before{content:"";border:1.5px solid;border-right-color:#0000;border-radius:50%;width:10px;height:10px;animation:.9s linear infinite svelte-ygezsd-turn}@keyframes svelte-ygezsd-turn{to{transform:rotate(1turn)}}.message.svelte-ygezsd{min-width:0;color:var(--color-text);overflow-wrap:anywhere;flex:220px;line-height:1.6}.message.error.svelte-ygezsd{color:var(--color-danger)}.actions.svelte-ygezsd{align-items:center;gap:var(--s-2) var(--s-4);flex-wrap:wrap;margin-left:auto;display:inline-flex}.actions.svelte-ygezsd:not(:has(*)){display:none}.failure-actions.svelte-ygezsd{gap:var(--s-1) var(--s-4);flex-wrap:wrap;flex-basis:100%;display:flex}.failure-sample-choice.svelte-ygezsd{align-items:center;gap:var(--s-1) var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--color-sunken);color:var(--color-muted);font-size:var(--text-xs);flex-wrap:wrap;flex-basis:100%;line-height:1.6;display:flex}.failure-sample-choice.svelte-ygezsd p:where(.svelte-ygezsd){flex:260px}.tool.svelte-1granca{animation:rise .76s var(--ease-out) .26s both;border:1px solid var(--color-line);border-radius:var(--r-lg);background:var(--color-surface);box-shadow:var(--shadow-2);overflow:hidden}.tool-body.svelte-1granca{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.upload-panel.svelte-1granca{gap:var(--s-4);padding:var(--s-8);flex-direction:column;display:flex;container:upload/inline-size}.dropzone.svelte-1granca{justify-content:center;align-items:center;gap:var(--s-2);min-height:236px;padding:var(--s-8) var(--s-6);border:1.5px dashed var(--color-line-strong);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--color-raised), var(--color-surface));text-align:center;transition:border-color var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);flex-direction:column;display:flex}.dropzone.svelte-1granca:hover{border-color:var(--green-300)}.dropzone.dragging.svelte-1granca{border-style:solid;border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:0 0 0 4px var(--color-focus)}.upload-symbol.svelte-1granca{width:56px;height:56px;margin-bottom:var(--s-2);background:var(--color-accent-soft);color:var(--color-accent);transition:transform var(--dur-1) var(--ease-out);border-radius:50%;place-items:center;display:grid}.dragging.svelte-1granca .upload-symbol:where(.svelte-1granca){transform:translateY(-3px)}.upload-symbol.svelte-1granca .icon{width:26px;height:26px}.drop-title.svelte-1granca{color:var(--color-heading);font-size:var(--text-md);font-weight:600}.drop-formats.svelte-1granca{margin-bottom:var(--s-3);color:var(--color-muted);font-size:var(--text-sm)}.type-jianpu.svelte-1granca{align-items:center;gap:var(--s-3);width:100%;padding:var(--s-3) var(--s-4);border:1px solid var(--color-line);border-radius:var(--r-md);background:var(--color-raised);color:var(--color-heading);text-align:left;cursor:pointer;transition:border-color var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);display:flex}.type-jianpu.svelte-1granca:hover{border-color:var(--green-300);box-shadow:var(--shadow-1)}.type-icon.svelte-1granca{border-radius:var(--r-sm);background:var(--color-accent-soft);width:36px;height:36px;color:var(--color-accent);flex:none;place-items:center;display:grid}.type-text.svelte-1granca{flex:1;gap:2px;display:grid}.type-text.svelte-1granca strong:where(.svelte-1granca){font-size:var(--text-sm);font-weight:600}.type-text.svelte-1granca span:where(.svelte-1granca){color:var(--color-muted);font-size:var(--text-xs)}.type-jianpu.svelte-1granca>.icon{width:16px;height:16px;color:var(--color-muted);flex:none}.local-note.svelte-1granca{color:var(--color-muted);font-size:var(--text-xs);text-align:center;justify-content:center;align-items:flex-start;gap:6px;line-height:1.6;display:flex}.local-note.svelte-1granca .icon{width:14px;height:14px;margin-top:2px}.panel-head.svelte-1granca{justify-content:space-between;align-items:baseline;gap:var(--s-3);display:flex}.panel-title.svelte-1granca{font:500 var(--text-xl) / 1.3 var(--font-serif)}.tab-end.svelte-1granca{align-items:center;gap:var(--s-2);color:var(--color-muted);font-size:var(--text-xs);white-space:nowrap;display:inline-flex}.status-dot.svelte-1granca{background:var(--color-success);width:6px;height:6px;box-shadow:0 0 0 3px var(--color-success-soft);border-radius:50%}.dropzone.has-task.svelte-1granca{padding:var(--s-5);border-style:solid;border-color:var(--color-line);background:var(--color-raised);text-align:left;justify-content:flex-start;align-items:stretch}.dropzone.has-task.dragging.svelte-1granca{border-color:var(--color-accent);background:var(--color-accent-soft)}.abilities.svelte-1granca{margin-top:var(--s-2);padding:var(--s-4) 0 0;border-top:1px solid var(--color-line);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.abilities.svelte-1granca li:where(.svelte-1granca){padding:0 var(--s-4);align-content:start;gap:2px;display:grid}.abilities.svelte-1granca li:where(.svelte-1granca):first-child{padding-left:0}.abilities.svelte-1granca li:where(.svelte-1granca)+li:where(.svelte-1granca){border-left:1px solid var(--color-line)}.abilities.svelte-1granca li.off:where(.svelte-1granca){opacity:.66}.ability-icon.svelte-1granca{margin-bottom:var(--s-1);color:var(--color-accent);display:block}.ability-icon.svelte-1granca .icon{width:18px;height:18px}.abilities.svelte-1granca strong:where(.svelte-1granca){color:var(--color-heading);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:6px;font-weight:600;display:flex}.abilities.svelte-1granca .badge:where(.svelte-1granca){min-height:18px;padding:0 6px;font-size:10px}.abilities.svelte-1granca li:where(.svelte-1granca)>span:where(.svelte-1granca):last-child{color:var(--color-muted);font-size:var(--text-xs);line-height:1.55}@container upload (width<=500px){.abilities.svelte-1granca{grid-template-columns:1fr;padding:0}.abilities.svelte-1granca li:where(.svelte-1granca),.abilities.svelte-1granca li:where(.svelte-1granca):first-child{column-gap:var(--s-3);padding:var(--s-3) 0;grid-template-columns:18px 1fr}.abilities.svelte-1granca li:where(.svelte-1granca)+li:where(.svelte-1granca){border-top:1px solid var(--color-line);border-left:0}.ability-icon.svelte-1granca{grid-row:span 2;margin:2px 0 0}}.preview-panel.svelte-1granca{gap:var(--s-5);padding:var(--s-8);border-left:1px solid var(--color-line);background:var(--color-sunken);flex-direction:column;display:flex}.preview-heading.svelte-1granca{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.sample-tag.svelte-1granca{padding:2px var(--s-2);border:1px solid var(--color-line-strong);border-radius:var(--r-sm);color:var(--color-muted);font-size:var(--text-xs)}.sheet-stack.svelte-1granca{margin:var(--s-1) var(--s-2) var(--s-3);position:relative}.sheet-stack.svelte-1granca:before,.sheet-stack.svelte-1granca:after{content:"";border:1px solid var(--color-line);background:var(--paper-50);box-shadow:var(--shadow-1);border-radius:3px;position:absolute;inset:0}.sheet-stack.svelte-1granca:before{transform:translate(9px,9px)rotate(1.4deg)}.sheet-stack.svelte-1granca:after{transform:translate(4px,4px)rotate(-.8deg)}.sheet-stack.svelte-1granca:before,.sheet-stack.svelte-1granca:after,.sheet-card.svelte-1granca{transition:transform var(--dur-3) var(--ease-out)}.preview-panel.svelte-1granca:hover .sheet-stack:where(.svelte-1granca):before{transform:translate(14px,12px)rotate(2.4deg)}.preview-panel.svelte-1granca:hover .sheet-stack:where(.svelte-1granca):after{transform:translate(6px,7px)rotate(-1.4deg)}.preview-panel.svelte-1granca:hover .sheet-card:where(.svelte-1granca){transform:translateY(-2px)}.sheet-card.svelte-1granca{z-index:1;padding:var(--s-5) var(--s-6) var(--s-4);border:1px solid var(--color-line);background:var(--score-paper);box-shadow:var(--shadow-2);border-radius:3px;position:relative}.sheet-card.svelte-1granca:before{content:"";top:12px;left:var(--s-6);right:var(--s-6);background:linear-gradient(90deg, transparent, var(--color-gilt) 18%, var(--color-gilt) 82%, transparent);opacity:.55;height:1px;position:absolute}.sheet-meta.svelte-1granca,.sheet-caption.svelte-1granca{justify-content:space-between;gap:var(--s-3);color:var(--color-muted);letter-spacing:.16em;text-transform:uppercase;font-size:10px;display:flex}.sheet-meta.svelte-1granca{padding-top:var(--s-2)}.sheet-title.svelte-1granca{margin-top:var(--s-3);font:500 28px/1.2 var(--font-serif);letter-spacing:0;text-align:center}.sheet-subtitle.svelte-1granca{color:var(--color-muted);font-size:var(--text-xs);letter-spacing:.12em;text-align:center;margin-top:2px}.score-art.svelte-1granca{margin:var(--s-3) 0;position:relative}.staff-preview.svelte-1granca.inking img:where(.svelte-1granca){-webkit-mask-image:linear-gradient(90deg, #000 var(--ink-1), transparent calc(var(--ink-1) + 8%)), linear-gradient(90deg, #000 var(--ink-2), transparent calc(var(--ink-2) + 8%));-webkit-mask-image:linear-gradient(90deg, #000 var(--ink-1), transparent calc(var(--ink-1) + 8%)), linear-gradient(90deg, #000 var(--ink-2), transparent calc(var(--ink-2) + 8%));mask-image:linear-gradient(90deg, #000 var(--ink-1), transparent calc(var(--ink-1) + 8%)), linear-gradient(90deg, #000 var(--ink-2), transparent calc(var(--ink-2) + 8%));animation:2.2s .52s both svelte-1granca-ink-in;-webkit-mask-position:top,bottom;mask-position:top,bottom;-webkit-mask-size:100% 54%,100% 46%;mask-size:100% 54%,100% 46%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@keyframes svelte-1granca-ink-in{0%{--ink-1:-8%;--ink-2:-8%;animation-timing-function:cubic-bezier(.45,.05,.55,.95)}50%{--ink-1:100%;--ink-2:-8%;animation-timing-function:cubic-bezier(.45,.05,.55,.95)}to{--ink-1:100%;--ink-2:100%}}.sample-cursor.svelte-1granca{background:var(--color-gilt);width:2px;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-gilt) 16%, transparent);pointer-events:none;animation:fade-in var(--dur-2) var(--ease-out);border-radius:1px;transition:transform 90ms linear;position:absolute;top:0;left:-1px}.score-art.svelte-1granca img:where(.svelte-1granca){object-fit:contain;width:100%;height:214px}.sheet-caption.svelte-1granca{padding-top:var(--s-3);border-top:1px solid var(--color-line);flex-wrap:wrap}.sheet-caption.svelte-1granca span:where(.svelte-1granca){white-space:nowrap}.sample-player.svelte-1granca{align-items:center;gap:var(--s-2) var(--s-3);flex-wrap:wrap;margin-top:auto;display:flex}.play-description.svelte-1granca{flex-direction:column;flex:160px;min-width:0;line-height:1.45;display:flex}.play-description.svelte-1granca strong:where(.svelte-1granca){color:var(--color-heading);font-size:var(--text-sm);font-weight:600}.play-description.svelte-1granca span:where(.svelte-1granca){color:var(--color-muted);font-size:var(--text-xs)}.play-description.svelte-1granca .sample-progress:where(.svelte-1granca){border-radius:var(--r-pill);background:var(--color-line);height:3px;margin:6px 0 3px;display:block;overflow:hidden}.sample-progress.svelte-1granca i:where(.svelte-1granca){border-radius:inherit;background:var(--color-accent);height:100%;display:block}.play-description.svelte-1granca .sample-time:where(.svelte-1granca){font-variant-numeric:tabular-nums}.sample-player.svelte-1granca .text-button:where(.svelte-1granca){margin-left:auto}.tool-footer.svelte-1granca{align-items:center;gap:var(--s-2) var(--s-5);padding:var(--s-4) var(--s-8);border-top:1px solid var(--color-line);color:var(--color-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.tool-footer.svelte-1granca>span:where(.svelte-1granca){align-items:flex-start;gap:var(--s-2);flex:320px;min-width:0;display:inline-flex}.tool-footer.svelte-1granca .icon{width:16px;height:16px;margin-top:3px}.tool-footer.svelte-1granca a:where(.svelte-1granca){color:var(--color-heading);font-weight:500}@media (max-width:960px){.upload-panel.svelte-1granca,.preview-panel.svelte-1granca{padding:var(--s-6)}.tool-footer.svelte-1granca{padding:var(--s-4) var(--s-6)}.score-art.svelte-1granca img:where(.svelte-1granca){height:180px}.sheet-meta.svelte-1granca,.sheet-caption.svelte-1granca{letter-spacing:.1em}}@media (max-width:720px){.tool-body.svelte-1granca{grid-template-columns:1fr}.preview-panel.svelte-1granca{border-top:1px solid var(--color-line);border-left:0}}@media (max-width:480px){.upload-panel.svelte-1granca,.preview-panel.svelte-1granca{padding:var(--s-5)}.tool-footer.svelte-1granca{padding:var(--s-4) var(--s-5)}.dropzone.svelte-1granca{min-height:0;padding:var(--s-6) var(--s-4)}.tab-end.svelte-1granca{display:none}.score-art.svelte-1granca img:where(.svelte-1granca){height:auto}}.shell.svelte-sqrxc{max-width:calc(var(--page-width) + var(--gutter) * 2);padding:0 var(--gutter);margin:0 auto}