.arranging-page{padding:clamp(48px,6vw,82px) 0 80px}.arranging-hero{max-width:950px}.arranging-hero .eyebrow{margin-bottom:18px}.arranging-hero h1,.locale-en .arranging-hero h1{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(33px,4.3vw,61px);line-height:1.3}.arranging-lead{color:#52625a;max-width:710px;margin:23px 0 36px;font-size:clamp(15px,1.5vw,18px);line-height:1.9}.arranging-experience{--arranging-accent:#385d55}.arranging-polka{--arranging-accent:#8a592c}.arranging-tango{--arranging-accent:#9c4d42}.arranging-styles{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:24px;display:grid}.arranging-style{text-align:left;color:#52625a;cursor:pointer;font:inherit;background:#fffcf6;border:1px solid #d0cec0;border-radius:12px;grid-template-columns:32px 1fr;gap:7px 12px;padding:22px 24px;transition:border-color .15s,background .15s;display:grid;position:relative}.arranging-style[aria-pressed=true]{border:2px solid var(--arranging-accent);color:#203430;background:#eef1e7;padding:21px 23px}.arranging-polka .arranging-style[aria-pressed=true]{background:#f7eddb}.arranging-tango .arranging-style[aria-pressed=true]{background:#f5e8e1}.arranging-style:hover{border-color:#597365}.arranging-stop-number{color:#758177;grid-row:1/4;margin-top:3px;font:500 13px/1.5 ui-monospace,monospace}.arranging-style-name{font-size:clamp(18px,1.8vw,24px);font-weight:700;line-height:1.3}.arranging-style-place{font-size:12px;line-height:1.65}.arranging-style-meter{margin-top:3px;font:13px/1.8 ui-monospace,monospace}.arranging-studio{background:#fffcf6;border:1px solid #d0cec0;border-radius:16px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid;overflow:hidden}.arranging-console{background:#f0eee3;padding:clamp(25px,3vw,42px)}.arranging-track-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.arranging-track-label{font-size:14px;font-weight:700}.arranging-key{color:#667267;white-space:nowrap;font-size:12px}.arranging-console h2{letter-spacing:-.02em;min-height:2.9em;margin:13px 0 25px;font-size:clamp(20px,2.1vw,29px);line-height:1.5}.arranging-beats{justify-content:center;gap:clamp(12px,2vw,24px);margin:20px 0 30px;display:flex}.arranging-beats span{aspect-ratio:1;color:#647461;background:#fffcf6;border:1px solid #a8b4a7;border-radius:50%;place-items:center;width:clamp(58px,6vw,83px);font:400 30px/1 Georgia,serif;transition:background 80ms,color 80ms;display:grid}.arranging-beats span[data-downbeat=true]{border-width:3px}.arranging-beats span[data-active=true]{background:var(--arranging-accent);color:#fff;border-color:var(--arranging-accent)}.arranging-transport{align-items:stretch;gap:10px;display:flex}.arranging-transport button{min-height:48px;font:inherit;cursor:pointer;border-radius:7px;padding:12px 18px;font-size:14px;font-weight:700}.arranging-play{background:var(--arranging-accent);color:#fff;border:1px solid var(--arranging-accent);flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.arranging-play:disabled{opacity:.6;cursor:wait}.arranging-restart{color:#304b48;background:0 0;border:1px solid #9eac9c}.arranging-progress-row{color:#536453;align-items:center;gap:11px;margin-top:22px;font:12px/1.5 ui-monospace,monospace;display:flex}.arranging-progress-row progress{-webkit-appearance:none;appearance:none;width:100%;height:5px;color:var(--arranging-accent);background:#d7ddcf;border:0;border-radius:8px;overflow:hidden}.arranging-progress-row progress::-webkit-progress-bar{background:#d7ddcf}.arranging-progress-row progress::-webkit-progress-value{background:var(--arranging-accent)}.arranging-progress-row progress::-moz-progress-bar{background:var(--arranging-accent)}.arranging-status-row{color:#52624f;justify-content:space-between;gap:14px;margin:8px 0 23px;font-size:11px;line-height:1.6;display:flex}.arranging-status-row>:last-child{font-variant-numeric:tabular-nums;flex:none}.arranging-mix{border:0;min-width:0;margin:0;padding:0}.arranging-mix legend{margin-bottom:9px;font-size:12px}.arranging-mix>div{flex-wrap:wrap;gap:6px;display:flex}.arranging-mix button{color:#304b48;font:inherit;cursor:pointer;background:#fffcf6;border:1px solid #b9c2b2;border-radius:6px;flex:1;padding:10px 8px;font-size:12px;line-height:1.5}.arranging-mix button[aria-pressed=true]{color:#fff;background:#304b48;border-color:#304b48}.arranging-inspector{flex-direction:column;padding:clamp(25px,3vw,42px);display:flex}.arranging-inspector h3{margin:0 0 17px;font-size:14px}.arranging-pattern{gap:5px;min-height:93px;margin:3px 0 10px;display:flex}.arranging-pulse{color:#51664c;background:#f1f4e9;border:1px solid #cad3c4;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;padding:10px 1px;display:flex}.arranging-pulse-chord{color:#8a592c;background:#f9f0e3;border-color:#dfc8af}.arranging-pulse span{overflow-wrap:anywhere;text-align:center;font-size:11px}.arranging-pulse strong{font-size:23px;font-weight:400}.arranging-pulse[data-active=true]{background:var(--arranging-accent);border-color:var(--arranging-accent);color:#fff}.arranging-explanation{color:#52625a;font-size:14px;line-height:1.9}.arranging-listen{border-top:1px dashed #d0cec0;margin-top:12px;padding-top:22px}.arranging-listen h3{color:var(--arranging-accent);margin-bottom:8px}.arranging-listen p{margin:0;font-size:14px;line-height:1.9}.arranging-score-link{text-underline-offset:4px;align-self:start;margin-top:auto;padding-top:23px;font-size:13px;font-weight:700}.arranging-hint{color:#667267;margin:15px 0 44px;font-size:12px;line-height:1.8}.arranging-melody{border-top:1px solid #d8d2c4;padding-top:34px}.arranging-melody h2{margin:0 0 14px;font-size:clamp(22px,2.5vw,30px)}.arranging-melody p{color:#52625a;max-width:780px;font-size:14px;line-height:1.9}.arranging-bars{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin-top:25px;display:grid}.arranging-bars>div{color:#63755c;background:#fffcf6;border:1px solid #d6d9cb;border-radius:7px;padding:11px 7px 7px;position:relative}.arranging-bars>div[data-active=true]{background:var(--arranging-accent);color:#fff;border-color:var(--arranging-accent)}.arranging-bars span{opacity:.7;font:10px/1 ui-monospace,monospace;position:absolute;top:6px;left:7px}.arranging-bars svg{width:100%;height:48px;margin-top:5px;display:block}.arranging-bars b{text-align:center;font:13px/1.4 Georgia,serif;display:block}.arranging-melody .arranging-cadence{margin:12px 0 0;font-size:12px}.arranging-note{color:#667267;max-width:830px;margin:40px 0 28px;font-size:12px;line-height:1.9}.arranging-sources{margin-top:0}:is(.arranging-page button:focus-visible,.arranging-page a:focus-visible){outline-offset:4px;outline:3px solid #b85c43}@media (max-width:900px){.arranging-style{grid-template-columns:22px 1fr;gap:7px;padding:17px 14px}.arranging-style[aria-pressed=true]{padding:16px 13px}.arranging-studio{grid-template-columns:1fr}.arranging-console h2{min-height:0}.arranging-console{padding:28px}.arranging-inspector{border-top:1px solid #d0cec0}.arranging-beats span{width:72px}}@media (max-width:540px){.arranging-page{padding-top:38px}.arranging-styles{gap:7px}.arranging-style{grid-template-columns:1fr;gap:8px;padding:14px 9px}.arranging-style[aria-pressed=true]{padding:13px 8px}.arranging-stop-number{grid-row:auto;margin:0}.arranging-style-name{overflow-wrap:anywhere;font-size:16px}.arranging-style-place{display:none}.arranging-style-meter{font-size:11px}.arranging-console{padding:22px 18px}.arranging-inspector{padding:26px 20px}.arranging-transport button{padding-inline:12px}.arranging-bars{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.arranging-mix button{min-height:44px}.arranging-track-heading{align-items:start}}@media (prefers-reduced-motion:reduce){.arranging-style,.arranging-beats span{transition:none}}.arranging-lessons{flex-wrap:wrap;gap:10px;margin:0 0 35px;display:flex}.arranging-lessons a{color:#385d55;background:#fffcf6;border:1px solid #bcc5b5;border-radius:9px;padding:14px 22px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.arranging-lessons a[aria-current]{color:#fff;background:#385d55;border-color:#385d55}.arranging-lesson{scroll-margin-top:24px}.lesson-intro{max-width:850px;margin-bottom:24px}.lesson-intro h2{letter-spacing:-.025em;margin:0 0 12px;font-size:clamp(24px,3vw,35px);line-height:1.5}.lesson-intro p,.sakura-scale,.sakura-comparison p,.sakura-practice p{color:#52625a;font-size:14px;line-height:1.95}.sakura-fixed{color:#657265;margin:18px 0 14px;font-size:12px}.sakura-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:22px;display:grid}.sakura-steps button{text-align:left;color:#385d55;min-height:95px;font:inherit;cursor:pointer;background:#fffcf6;border:1px solid #c8cebf;border-radius:9px;flex-direction:column;align-items:start;gap:12px;padding:15px;font-size:14px;font-weight:600;line-height:1.6;display:flex}.sakura-steps button span{opacity:.7;font:12px/1.4 ui-monospace,monospace}.sakura-steps button[aria-pressed=true]{background:#e8eedf;border:2px solid #385d55;padding:14px}.sakura-listening-desk{background:#fffcf6;border:1px solid #d0cec0;border-radius:12px;grid-template-columns:minmax(270px,.9fr) minmax(0,1.1fr);display:grid;overflow:hidden}.sakura-controls{background:#f0eee3;padding:25px}.sakura-explanation{padding:22px 30px}.sakura-explanation h3{margin:0 0 9px;font-size:19px;line-height:1.6}.sakura-explanation p{color:#52625a;font-size:14px;line-height:1.85}.sakura-explanation strong{color:#385d55}.sakura-workshop .arranging-status-row{margin-bottom:16px}.arranging-mix button:disabled{cursor:default;opacity:.4}.lesson-score-message{min-height:160px;padding:24px;font-size:14px}.lesson-score-message button{font:inherit;cursor:pointer;padding:10px 18px}.lesson-score-links{flex-wrap:wrap;gap:14px 28px;padding:14px 22px;display:flex}.lesson-score-links a{color:#385d55;text-underline-offset:4px;font-size:12px}.sakura-scale{background:#f0eee3;border-radius:9px;margin-bottom:30px;padding:18px 22px}.sakura-comparison{max-width:850px;margin-bottom:30px}.sakura-comparison h3,.sakura-practice>h3{margin:0 0 14px;font-size:20px;line-height:1.65}.sakura-practice>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.sakura-practice h4{color:#385d55;margin:0 0 9px;font-size:15px}.sakura-practice p{margin:0}@media (max-width:700px){.sakura-listening-desk{grid-template-columns:1fr}.sakura-explanation{padding:18px 22px}.sakura-controls{padding:22px}.sakura-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sakura-steps button{flex-direction:row;align-items:center;gap:10px;min-height:54px;padding:12px}.sakura-steps button[aria-pressed=true]{padding:11px}.sakura-steps button:last-child{grid-column:1/-1}.sakura-practice>div{grid-template-columns:1fr;gap:20px}.lesson-score-viewport{max-height:min(470px,58svh)}.lesson-score-toolbar{gap:8px 12px;padding-inline:16px}.lesson-score-caption,.lesson-score-links{padding-inline:16px}.lesson-score-toolbar label{flex-basis:100%}.arranging-lessons a{padding:12px 16px;font-size:14px}}.workshop-techniques{border-block:1px solid #d0cec0;margin:0 0 28px;padding:18px 0}.workshop-techniques summary{cursor:pointer;color:#385d55;font-size:15px;font-weight:700}.workshop-techniques nav{flex-wrap:wrap;gap:10px;padding-top:16px;display:flex}.workshop-techniques a{color:#385d55;background:#fffcf6;border:1px solid #c8cebf;border-radius:6px;padding:10px 13px;font-size:13px;text-decoration:none}.workshop-techniques a small{opacity:.8;padding-top:5px;font-size:11px;display:block}@media (min-width:701px){.workshop-player .sakura-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.arranging-score-section{margin-top:26px}.arranging-score-section>h3{margin:0 0 8px;font-size:18px}.lesson-score-help{color:#657265;margin:0 0 16px;font-size:12px;line-height:1.8}.arranging-score-follow{color:#59645b;align-items:center;gap:7px;font-size:12px;display:inline-flex}.arranging-score-follow input{accent-color:#304b48;width:16px;height:16px}.arranging-score-section .score-notation{overscroll-behavior:contain}.arranging-score-section .score-notation:focus-visible{outline-offset:-2px;outline:2px solid #b85c43}.arranging-score-section .lesson-current-measure>.acorde-measure-hit-region{fill:#f4d69c;fill-opacity:.38;stroke:#b85c43;stroke-opacity:.65;stroke-width:2.4px}.arranging-study{background:#f5f3eb;border:1px solid #c8cebf;border-radius:10px;min-width:0;margin:18px 0 12px;padding:12px 18px 18px}.arranging-study legend{color:#304b48;padding:0 7px;font-size:14px;font-weight:700}.arranging-study-row{flex-wrap:wrap;align-items:end;gap:12px 20px;margin-top:10px;display:flex}.arranging-study label{color:#304b48;flex-direction:column;gap:7px;min-width:0;font-size:12px;display:flex}.arranging-study select{color:#243e37;max-width:100%;min-height:42px;font:inherit;background:#fffdf8;border:1px solid #a8b4a7;border-radius:6px;padding:9px 30px 9px 10px;font-size:14px}.arranging-study .study-check{flex-direction:row;align-items:center;gap:8px;min-height:42px}.arranging-study input{accent-color:#385d55;flex:none;width:17px;height:17px}.arranging-study button{min-height:42px}.arranging-study button:disabled{opacity:.45}.arranging-study select:focus-visible{outline-offset:2px;outline:3px solid #b85c43}.lesson-difference-legend{color:#245b91;margin:12px 0;font-size:12px;line-height:1.7}.lesson-difference-legend:before{content:"";vertical-align:-2px;border:2px dashed #245b91;width:12px;height:12px;margin-right:7px;display:inline-block}.lesson-change-marker{fill:#d5eafa;fill-opacity:.22;stroke:#245b91;stroke-width:1.8px;stroke-dasharray:5 4}.lesson-changed-note .acorde-notehead[fill=black],.lesson-changed-note .acorde-rest[fill=black]{fill:#245b91}.lesson-changed-note .acorde-notehead[stroke=black],.lesson-changed-note .acorde-stem{stroke:#245b91}.technique-groups{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-top:18px;display:grid}.technique-groups h3{color:#304b48;margin:0;font-size:14px}.technique-groups nav{flex-direction:column;padding-top:12px}@media (max-width:750px){.technique-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.arranging-study{padding-inline:12px}.arranging-study-row{gap:10px 14px}.arranging-study-row>label:first-child{max-width:100%}}@media (max-width:420px){.arranging-study-row:first-of-type>label:first-child{flex-basis:100%}.arranging-study-row:first-of-type>button{width:100%}}.arranging-study .score-action{color:#304b48;font:inherit;cursor:pointer;background:#fffdf8;border:1px solid #a8b4a7;border-radius:6px;padding:9px 14px;font-size:13px}.arranging-study .score-action:hover:not(:disabled){background:#e8eedf;border-color:#385d55}.arranging-study .score-action:disabled{cursor:default}@media (max-width:540px){.arranging-study-row:last-of-type{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;display:grid}}.arranging-mode{border-bottom:1px solid #c8cebf;flex-wrap:wrap;gap:8px;margin:0 0 30px;padding-bottom:14px;display:flex}.arranging-mode a{color:#385d55;border:1px solid #b9c2b2;border-radius:8px;gap:12px;padding:13px 21px;font-weight:700;text-decoration:none;display:inline-flex}.arranging-mode a[aria-current]{color:#fff;background:#385d55;border-color:#385d55}.combination-invite{color:#304b48;background:#ecefe3;border-left:4px solid #385d55;border-radius:0 10px 10px 0;margin:0 0 30px;padding:18px 22px}.combination-invite p{margin:8px 0;font-size:13px;line-height:1.8}.combination-invite a{text-underline-offset:4px;font-size:13px}.combination-invite nav{flex-wrap:wrap;gap:10px 22px;margin-top:12px;display:flex}.combination-tunes{gap:8px;margin-bottom:20px}.combination-tunes a{padding:10px 15px;font-size:14px}.combination-tune-heading{flex-wrap:wrap;align-items:baseline;gap:18px;display:flex}.combination-tune-heading h3{margin:0;font-size:26px}.combination-tune-heading span{color:#657265;font-size:13px}.combination-edition{color:#657265;margin:10px 0 24px;font-size:13px;line-height:1.8}.combination-presets,.combination-subtract{border:0;min-width:0;margin:0 0 22px;padding:0}.combination-presets legend,.combination-subtract legend{color:#304b48;margin-bottom:12px;font-size:14px;font-weight:700}.combination-presets>div,.combination-subtract>div,.combination-actions{flex-wrap:wrap;gap:8px;display:flex}.combination-lab button{font:inherit;cursor:pointer;font-size:13px;line-height:1.5}.combination-presets button,.combination-subtract button,.combination-actions button{color:#304b48;background:#fffcf6;border:1px solid #b9c2b2;border-radius:7px;min-height:42px;padding:10px 14px}.combination-presets button[aria-pressed=true]{background:#e3ebdb;border:2px solid #385d55;padding:9px 13px}.combination-layers{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.combination-layers>section{background:#fffcf6;border:1px solid #c8cebf;border-radius:12px;min-width:0;padding:21px}.combination-layers label{color:#304b48;align-items:center;gap:12px;margin-bottom:14px;font-weight:700;display:flex}.combination-layers label span{color:#667267;font:12px ui-monospace,monospace}.combination-layers select{width:100%;min-height:44px;font:inherit;color:#243e37;background:#fff;border:1px solid #9eac9c;border-radius:6px;padding:10px 8px;font-size:14px;display:block}.combination-layers p{color:#52625a;margin-bottom:0;font-size:13px;line-height:1.8}.combination-actions{align-items:center}.combination-message{color:#385d55;min-height:1.5em;margin:7px 0 20px;font-size:12px}.combination-subtract button:disabled{opacity:.45;cursor:default}.combination-mix{max-width:650px;margin-top:25px}.combination-tips{background:#f0eee3;border-radius:10px;padding:22px}.combination-lab .arranging-study-row:first-of-type>label:first-child{flex:350px;max-width:100%}.combination-lab .arranging-study select{text-overflow:ellipsis}.lesson-score-links button{color:#385d55;text-underline-offset:4px;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}@media (max-width:800px){.combination-layers{grid-template-columns:1fr;gap:10px}.combination-layers>section{padding:17px}.combination-layers label{margin-bottom:10px}}@media (max-width:540px){.arranging-mode a{flex:1;justify-content:center;padding:12px 10px;font-size:14px}.combination-actions>button{width:100%}.combination-subtract>div{flex-direction:column}.combination-lab .arranging-study-row:first-of-type>label:first-child{flex-basis:100%}}.arranging-page{padding-top:28px}.arranging-hero h1,.locale-en .arranging-hero h1{margin:0;font-size:clamp(28px,3vw,38px);line-height:1.35}.arranging-lead{color:#304b48;margin:12px 0 10px;font-size:17px;font-weight:600;line-height:1.7}.arranging-purpose{color:#52625a;max-width:760px;margin:0 0 28px;font-size:14px;line-height:1.9}.arranging-navigation{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-bottom:18px;display:flex}.arranging-select{color:#304b48;align-items:center;gap:14px;min-width:0;max-width:100%;font-size:14px;display:flex}.arranging-select>span{flex:none;font-weight:700}.arranging-select select{width:100%;min-width:0;min-height:44px;font:inherit;color:#243e37;text-overflow:ellipsis;cursor:pointer;background:#fffdf8;border:1px solid #acb7aa;border-radius:7px;padding:9px 34px 9px 12px}.arranging-tune-select{flex:280px;max-width:520px}.arranging-mode{border:1px solid #c8cebf;border-radius:9px;gap:4px;margin:0;padding:3px}.arranging-mode a{border:0;border-radius:6px;padding:9px 13px;font-size:13px;font-weight:600}.arranging-choice-row{flex-wrap:wrap;align-items:center;gap:10px 22px;display:flex}.arranging-choice-row .arranging-select{flex:300px;max-width:700px}.arranging-meter{color:#657265;font-size:12px}.arranging-selection-note{color:#52625a;max-width:960px;margin:12px 0 18px;font-size:14px;line-height:1.8}.arranging-selection-note>span{color:#657265}.combination-current{flex-wrap:wrap;gap:6px 12px;font-size:12px;display:flex}.combination-current span+span:before{content:"·";color:#9aa596;margin-right:12px}.arranging-disclosure{background:0 0;border:1px solid #c8cebf;border-radius:8px;min-width:0;margin:0 0 12px;padding:0}.arranging-disclosure>summary{color:#385d55;cursor:pointer;align-items:center;gap:12px;padding:13px 16px;font-size:13px;font-weight:600;line-height:1.5;list-style:none;display:flex}.arranging-disclosure>summary::-webkit-details-marker{display:none}.arranging-disclosure>summary:after{content:"+";flex:none;margin-left:auto;font-size:18px;font-weight:400;line-height:1}.arranging-disclosure[open]>summary:after{content:"−"}.arranging-disclosure[open]>summary{border-bottom:1px solid #d8ddcf;margin-bottom:16px}.arranging-disclosure>summary small{color:#657265;font-size:11px;font-weight:400}.arranging-disclosure>:not(summary){margin-left:16px;margin-right:16px}.arranging-disclosure>:last-child:not(summary){margin-bottom:16px}:is(.arranging-disclosure>summary:focus-visible,.arranging-select select:focus-visible){outline-offset:3px;outline:3px solid #b85c43}.arranging-options{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;display:grid}.arranging-study{margin:0 0 12px}.arranging-study-row{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px;display:flex}.arranging-study-row>label:first-child,.combination-lab .arranging-study-row:first-of-type>label:first-child{flex:180px;max-width:100%}.arranging-study-row>label{min-width:0}.arranging-study-row select{width:100%}.arranging-study .arranging-hint{margin-top:12px}.arranging-comparison-current{color:#52625a;gap:6px;font-size:12px;line-height:1.7;display:grid}.arranging-comparison-current strong{color:#304b48}.arranging-study .arranging-mix{margin-top:18px}.arranging-study .arranging-mix>div{flex-wrap:wrap}.arranging-score-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.arranging-reading{border-width:0 0 1px;border-radius:0;margin:0}.arranging-reading>summary{padding-inline:0}.arranging-reading>:not(summary){margin-left:0;margin-right:0}.arranging-reading p,.arranging-reading li{color:#52625a;font-size:13px;line-height:1.85}.arranging-reading ul{padding-left:20px}.arranging-reading a{color:#385d55;text-underline-offset:4px}.arranging-reading .lesson-score-links{padding:0}.arranging-reading .arranging-note{margin-top:16px}.arranging-reading .arranging-melody{margin-top:22px}.arranging-reading .sakura-scale,.arranging-reading .sakura-comparison,.arranging-reading .combination-tips{background:0 0;padding:0}.combination-layers>section{background:0 0;border:0;padding:0}.combination-layers{gap:22px}.combination-layers label{margin-bottom:10px;font-size:13px}.combination-layers p{font-size:12px}.combination-message:empty{display:none}.combination-subtract{border-top:1px solid #d8ddcf;padding-top:16px}.combination-subtract legend{padding-top:16px;font-size:13px}.combination-actions{margin-bottom:16px}.workshop-techniques{margin-top:12px}.technique-groups nav{gap:10px;display:flex}.technique-groups nav a{color:#385d55;font-size:13px;line-height:1.6}.technique-groups small{color:#73816e;font-size:11px;display:block}@media (max-width:700px){.arranging-page{padding-top:24px}.arranging-navigation{grid-template-columns:1fr;gap:12px;display:grid}.arranging-tune-select{max-width:none}.arranging-mode{justify-self:start}.arranging-choice-row .arranging-select{flex-basis:100%}.arranging-meter{padding-left:42px}.arranging-options{grid-template-columns:1fr;gap:0}.arranging-study-row:last-of-type{display:flex}.arranging-disclosure>summary{flex-wrap:wrap}.arranging-disclosure>summary small{max-width:68%}.arranging-disclosure>summary:after{align-self:center}.arranging-reading .arranging-studio{grid-template-columns:1fr}.combination-actions>button{flex:180px;width:auto}}.arranging-navigation{justify-content:flex-start;margin-bottom:12px}.arranging-select>span{align-items:center;gap:8px;min-width:90px;display:inline-flex}.arranging-step{color:#56705d;border:1px solid #b3bead;border-radius:50%;place-items:center;width:23px;height:23px;font:12px ui-monospace,monospace;display:inline-grid}.arranging-tune-select{max-width:610px}.arranging-style-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.arranging-style-row .arranging-select{flex:390px;max-width:610px}.arranging-shuffle{color:#fffdf8;background:#385d55;border:1px solid #385d55;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;display:inline-flex}.arranging-shuffle:hover{background:#294a42}.arranging-shuffle span{font-size:19px;line-height:1}.arranging-previous{color:#385d55;text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:10px;text-decoration:underline}.arranging-random-help{color:#657265;margin:9px 0 16px 104px;font-size:12px;line-height:1.65}.arranging-current-summary{flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:16px;display:flex}.arranging-current-summary p{color:#52625a;margin:0;font-size:14px;line-height:1.7}.arranging-text-link{font:inherit;color:#385d55;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.arranging-lesson-link{color:#385d55;text-underline-offset:4px;margin-top:18px;font-size:14px;display:inline-block}.arranging-options-three{grid-template-columns:repeat(3,minmax(0,1fr))}.arranging-options-three>:first-child{min-width:0}.arranging-options-three>details[open]{grid-column:1/-1}:is(.arranging-shuffle:focus-visible,.arranging-previous:focus-visible,.arranging-text-link:focus-visible){outline-offset:3px;outline:3px solid #b85c43}@media (max-width:700px){.arranging-select>span{gap:6px;min-width:82px}.arranging-select{gap:8px}.arranging-style-row .arranging-select{flex-basis:100%;max-width:none}.arranging-shuffle,.arranging-previous,.arranging-random-help{margin-left:0}.arranging-current-summary{gap:6px 14px}.arranging-current-summary .arranging-meter{padding-left:0}.arranging-options-three{grid-template-columns:repeat(2,minmax(0,1fr))}.arranging-options-three>.combination-custom{grid-column:1/-1}}.arranging-style-picker{margin:24px 0 30px}.arranging-picker-heading,.arranging-selected-heading,.arranging-selected-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;display:flex}.arranging-picker-heading h2,.arranging-selected-heading h2{color:#304b48;align-items:center;gap:9px;margin:0;font-size:15px;font-weight:600;display:flex}.arranging-discovery-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.arranging-style-picker .arranging-shuffle{color:#385d55;font:inherit;background:0 0;padding:8px 13px;font-size:13px}.arranging-style-picker .arranging-shuffle:hover{background:#e8eedf}.arranging-style-picker .arranging-previous{padding-inline:6px;font-size:12px}.arranging-style-groups{border-bottom:1px solid #c8cebf;flex-wrap:wrap;gap:4px 18px;margin:15px 0 16px;display:flex}.arranging-style-groups button{color:#657265;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:10px 2px;font-size:13px;font-weight:600}.arranging-style-groups button[aria-pressed=true]{color:#203e36;border-bottom-color:#385d55}.arranging-preset-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.arranging-preset-card{color:#304b48;font:inherit;text-align:left;cursor:pointer;background:#fffdf8;border:1px solid #c8cebf;border-radius:9px;flex-direction:column;gap:8px;min-width:0;padding:16px;display:flex}.arranging-preset-card:hover{background:#f3f5ee;border-color:#385d55}.arranging-preset-card[aria-pressed=true]{background:#e8eedf;border-color:#385d55;box-shadow:inset 0 0 0 1px #385d55}.arranging-preset-name{justify-content:space-between;align-items:baseline;gap:8px;font-size:15px;line-height:1.55;display:flex}.arranging-preset-name strong{text-wrap:balance}.arranging-preset-check{flex:none;width:16px;font-size:17px}.arranging-preset-description{color:#52625a;font-size:12px;line-height:1.75}.arranging-picker-hint{color:#657265;margin:12px 0 0;font-size:12px;line-height:1.8}.combination-lab .arranging-current-summary{border-top:1px solid #c8cebf;margin-bottom:14px;padding-top:24px;display:block}.arranging-selected-title{margin:15px 0 10px}.arranging-selected-title h3{color:#304b48;margin:0;font-size:clamp(20px,2.3vw,26px);line-height:1.5}.arranging-transpose{color:#304b48;align-items:center;gap:10px;margin:0 0 12px;font-size:13px;font-weight:600;display:flex}.arranging-transpose select{min-width:130px;min-height:40px;color:inherit;font:inherit;background:#fffdf8;border:1px solid #b9c5bb;border-radius:7px;padding:5px 30px 5px 10px}.arranging-layer-summary{flex-wrap:wrap;gap:5px 8px;margin:0 0 10px;padding:0;list-style:none;display:flex}.arranging-layer-summary li{color:#52625a;background:#eceee3;border-radius:4px;padding:4px 8px;font-size:11px;line-height:1.5}.combination-lab .arranging-score-section{margin-top:14px}@media (max-width:1000px){.arranging-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:540px){.arranging-style-picker{margin-top:22px;margin-bottom:22px}.arranging-picker-heading{align-items:flex-start;gap:12px}.arranging-picker-heading h2{min-height:44px}.arranging-discovery-actions{justify-content:flex-end;max-width:60%;margin-left:auto}.arranging-style-picker .arranging-shuffle{padding-inline:9px;font-size:12px}.arranging-style-groups{gap:4px 12px;margin-top:10px}.arranging-style-groups button{font-size:12px}.arranging-preset-grid{gap:8px}.arranging-preset-card:last-child:nth-child(odd){grid-column:1/-1}.combination-lab .arranging-options{gap:8px}.combination-lab .arranging-options summary{flex-wrap:nowrap}.arranging-preset-card{gap:5px;padding:12px}.arranging-preset-name{gap:3px;font-size:13px}.arranging-preset-description{font-size:11px}.arranging-selected-title{gap:8px}.arranging-current-summary .arranging-selected-description{font-size:13px}}
