.sw{max-width:1100px;margin:0 auto}.sw-top{z-index:20;border-radius:16px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;display:flex;position:sticky;top:74px}.sw-title{color:#7a5500;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:Chonburi,serif;font-size:18px}.sw-title::placeholder{color:#c8b78f}.sw-mode{white-space:nowrap;border:1px solid;border-radius:999px;flex:none;padding:4px 10px;font-size:11.5px;font-weight:700}.sw-mode.is-two{color:#7a5500;background:#e0a82e24;border-color:#e0a82e8c}.sw-mode.is-one{color:#2f6b52;background:#2f6b521a;border-color:#2f6b5266}@media (width<=560px){.sw-mode{padding:3px 7px;font-size:10.5px}}.sw-top-hint{color:#b3a693;margin-left:auto;font-size:11.5px}@media (width<=860px){.sw-top-hint{display:none}}.sw-badge{white-space:nowrap;border:1px solid;border-radius:999px;flex:none;padding:4px 10px;font-size:11.5px;font-weight:700}.sw-badge.is-pending{color:#8a6210;background:#e0a82e29;border-color:#e0a82e8c}.sw-badge.is-approved{color:#0b6f66;background:#0d94881f;border-color:#0d948873}.sw-badge.is-rejected{color:#a03350;background:#cb4e6e1f;border-color:#cb4e6e73}.sw-note-back,.sw-note-ok{color:#4a4034;border-radius:12px;margin:-6px 2px 12px;padding:10px 14px;font-size:13px;line-height:1.7}.sw-note-back{background:#cb4e6e17;border:1px solid #cb4e6e47}.sw-note-ok{background:#0d948814;border:1px solid #0d948840}.sw-note-ok a{color:#0b6f66;font-weight:700}.sw-note-sub{color:#a99c88;margin-top:3px;font-size:11.5px;display:block}.sw-status{color:#a99c88;font-size:12px}.sw-status.is-warn{color:#c0392b;font-weight:600}.sw-icon{color:#6f6151;cursor:pointer;background:#fff9;border:1px solid #2a211826;border-radius:9px;width:30px;height:30px}.sw-icon:disabled{opacity:.4}.sw-check{cursor:pointer;align-items:center;gap:3px;font-size:13px;display:inline-flex}.sw-btn{border-radius:10px;padding:7px 14px;font-size:13.5px;font-weight:600}.sw-body{display:block}.sw-sheet-wrap{padding-bottom:26px}.sw-win{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffb;border:1px solid #e0a82e6b;border-radius:16px;flex-direction:column;width:320px;max-width:calc(100vw - 16px);max-height:min(100vh - 110px,700px);padding:0;display:flex;position:fixed;overflow:hidden;box-shadow:0 18px 50px -14px #3c2d1473}.sw-win-bar{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(#e0a82e29,#e0a82e0f);border-bottom:1px solid #2a21181a;flex:none;align-items:center;gap:7px;padding:8px 10px;display:flex}.sw-win-bar:active,.sw-win.is-drag .sw-win-bar{cursor:grabbing}.sw-win-grip{color:#b9a06a;letter-spacing:-2px;font-size:14px;line-height:1}.sw-win-title{color:#8a6210;flex:1;font-size:12px;font-weight:700}.sw-save{border-radius:9px;padding:5px 12px;font-size:12.5px;font-weight:700}.sw-win-btn{color:#6f6151;cursor:pointer;background:#fff;border:1px solid #2a211829;border-radius:7px;width:26px;height:22px;font-size:12px;line-height:1}.sw-win-btn:hover{color:#7a5500;border-color:#e0a82e}.sw-win-tools{background:#faf7f0eb;border-bottom:1px solid #2a21181a;flex:none;padding:8px 10px}.sw-trow{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sw-trow+.sw-trow{margin-top:6px}.sw-win-tools .sw-b2{text-align:center;border-radius:9px;flex:1;padding:5px 8px;font-size:12px}a.sw-b2{text-decoration:none}.sw-mini{border-radius:8px;padding:4px 8px;font-size:11.5px}.sw-mini:disabled{opacity:.4;cursor:default}.sw-jump{color:#a99c88;align-items:center;gap:4px;margin-left:auto;font-size:11.5px;display:inline-flex}.sw-jump input{color:#2a2118;background:#fffc;border:1px solid #2a21182e;border-radius:8px;width:58px;padding:3px 6px;font-size:12px}.sw-play-grp{background:#0f7b680f;border:1px solid #0f7b6829;border-radius:11px;padding:5px 7px}.sw-tp{color:#0f7b68;cursor:pointer;background:#fff;border:1px solid #0f7b6859;border-radius:8px;place-items:center;width:30px;height:28px;padding:0;display:grid}.sw-tp:hover{background:#0f7b681a}.sw-ico{fill:currentColor;width:15px;height:15px;display:block}.sw-tp-main{color:#fff;background:#0f7b68;border-color:#0f7b68;width:34px;height:30px}.sw-tp-main:hover{background:#0d6b5b}.sw-tp .sw-ico-stop,.sw-tp.is-on .sw-ico-play{display:none}.sw-tp.is-on .sw-ico-stop{display:block}.sw-tp.is-on{background:#c0392b;border-color:#c0392b}.sw-tp.is-on:hover{background:#a93226}.sw-speed{font:inherit;color:#4a4034;background:#fff;border:1px solid #2a21182e;border-radius:6px;padding:2px 4px;font-size:12px}.sw-tune-l{color:#a99c88;flex:none;font-size:11.5px}.sw-win-tools .sw-tune{flex:1;margin:0}.sw-win-tools .sw-tune .sw-seg-b{padding:4px 2px;font-size:11.5px}.sw-win-tools .sw-check{font-size:11.5px}.sw-win-tools .sw-status{min-height:16px;margin:7px 1px 0;font-size:11.5px;line-height:1.5;display:block}.sw-send{color:#7a5500;border-color:#e0a82e80;margin-top:0;font-weight:700}.sw-need-login{margin:7px 1px 0}.sw-need-login a{color:#8a6210;font-weight:700;text-decoration:underline}.sw-win-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:12px 14px 14px;overflow-y:auto}.sw-win-body::-webkit-scrollbar{width:0;height:0}.sw-win:after{content:"";pointer-events:none;background:linear-gradient(#fff0,#fffffff7);border-radius:0 0 15px 15px;height:18px;position:absolute;bottom:0;left:1px;right:1px}.sw.is-win-min .sw-win:after,.sw.is-win-min .sw-win-body{display:none}.sw.is-win-min .sw-win{max-height:none}.sw-sheet-wrap{border-radius:16px;padding:16px 12px}.sw-sec+.sw-sec{margin-top:22px}.sw-sec-bar{color:#7a5500;align-items:baseline;gap:10px;margin-bottom:10px;font-family:Chonburi,serif;font-size:1rem;display:flex}.sw-sec-bar em{color:#a99c88;font-size:11px;font-style:normal}.sw-line{border-top:1.5px solid #2a211847;border-right:1.5px solid #2a211847;flex-wrap:wrap;display:flex}.sw-line+.sw-line{margin-top:12px}.sw-hong{border-bottom:1.5px solid #2a211847;border-left:1.5px solid #2a211847;flex:0 0 25%;max-width:25%;position:relative}@media (width>=780px){.sw-hong{flex-basis:12.5%;max-width:12.5%}}.sw-hong.is-mark{background:var(--sw-mark-bg,#5a647817)}.sw-hong.is-mark-lead{--sw-mark-bg:#7c5cc824;--sw-mark-ink:#59409c}.sw-hong.is-mark-follow{--sw-mark-bg:#256ebe24;--sw-mark-ink:#1f5c9e}.sw-hong.is-mark-lo{--sw-mark-bg:#0d948824;--sw-mark-ink:#0b6f66}.sw-hong.is-mark-khat{--sw-mark-bg:#cb4e6e24;--sw-mark-ink:#a03350}.sw-hong.is-mark-lueam{--sw-mark-bg:#c4691e26;--sw-mark-ink:#a8500f}.sw-hong.is-mark-other{--sw-mark-ink:#4b5568}.sw-hong.is-mark:before{content:"";pointer-events:none;opacity:.4;box-shadow:inset 0 2px 0 -1px var(--sw-mark-ink,#4b5568), inset 0 -2px 0 -1px var(--sw-mark-ink,#4b5568);position:absolute;inset:0}.sw-mark-label{text-overflow:ellipsis;white-space:nowrap;z-index:1;max-width:100%;color:var(--sw-mark-ink,#4b5568);margin-right:auto;font-size:8.5px;font-weight:700;position:relative;overflow:hidden}.sw-seg-wrap{flex-wrap:wrap}.sw-strip{justify-content:flex-end;align-items:center;min-height:13px;padding:2px 4px 0;display:flex;position:relative}.sw-no{color:#5b6579;font-size:9px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.sw-ching{font-size:9px;font-weight:700}.sw-ching.is-ching{color:#0f7b68}.sw-ching.is-chap{color:#c0392b}.sw-stave{grid-template-columns:repeat(4,1fr);display:grid}.sw-right{border-bottom:1px dotted #2a21182e}.sw-cell{text-align:center;color:#2a2118;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-size:clamp(14px,2.6vw,18px);line-height:1.95;position:relative}.sw-cell:nth-child(4){background:#e0a82e12}.sw-cell:hover{background:#e0a82e29}.sw-rest{color:#cfc5b4}.sw-multi{letter-spacing:-.03em;font-size:clamp(11px,2vw,14px)}.sw-staves{position:relative}.sw-staves.is-1line .sw-stave{padding-top:.45em}.sw-sabat{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sw-multi:not(.sw-linked){padding-top:.32em}.sw-multi:not(.sw-linked):before{content:"";pointer-events:none;border:1.5px solid #a06a12;border-bottom:0;border-radius:50% 50% 0 0/100% 100% 0 0;height:.46em;position:absolute;top:.16em;left:8%;right:8%}.sw-changed{background:#0f7b6824;font-weight:700}.sw-cell.is-sel{color:#fff;background:#e0a82e;border-radius:5px;font-weight:700;box-shadow:inset 0 0 0 2px #8a6210}.sw-hong.is-playing{background:#e0a82e1a}.sw-cell.is-sounding:not(.is-sel){background:#e0a82e4d;border-radius:5px}.sw-tool-head{color:#7a5500;margin-bottom:8px;font-size:12px;font-weight:700}.sw-where{color:#a99c88;font-weight:500}.sw-cell-input{text-align:center;color:#2a2118;background:#fff9;border:1px solid #e0a82e66;border-radius:10px;outline:none;width:100%;padding:4px 6px;font-size:18px}.sw-cell-input:focus{background:#fff;border-color:#e0a82e;box-shadow:0 0 0 3px #e0a82e2e}.sw-cell-input::placeholder{color:#c1b291;font-size:12px}.sw-hint{color:#a99c88;margin:5px 0 8px;font-size:11px;line-height:1.5}.sw-pal-g{flex-wrap:wrap;align-items:center;gap:3px;margin-bottom:4px;display:flex}.sw-pal-l{color:#a99c88;width:34px;font-size:9.5px}.sw-key{color:#2a2118;cursor:pointer;background:#ffffffb3;border:1px solid #2a21182e;border-radius:7px;min-width:26px;padding:2px 0;font-size:13.5px;line-height:1.45}.sw-key:hover{background:#e0a82e2e;border-color:#e0a82e}.sw-seg{border:1px solid #2a21182e;border-radius:9px;margin:8px 0;display:flex;overflow:hidden}.sw-seg-b{color:#6f6151;cursor:pointer;background:#ffffff80;border:0;border-left:1px solid #2a21181f;flex:1;padding:5px 4px;font-size:11.5px}.sw-seg-b:first-child{border-left:0}.sw-seg-b.is-on{color:#7a5500;background:#e0a82e38;font-weight:700}.sw-row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.sw-row2{grid-template-columns:1fr 1fr;gap:8px;margin-top:6px;display:grid}.sw-b2{border-radius:9px;flex:1;padding:6px 8px;font-size:12px}.sw-b3{border-radius:9px;flex:1;padding:6px;font-size:11.5px}.sw-wide{border-radius:10px;width:100%;margin-top:8px;padding:8px;font-size:12.5px}.sw-danger{color:#c0392b}.sw-fold{border-top:1px solid #2a21181a;margin-top:12px;padding-top:10px}.sw-fold>summary{color:#7a5500;cursor:pointer;font-size:12px;font-weight:700;list-style:none}.sw-fold>summary:before{content:"▸ ";color:#b9a06a}.sw-fold[open]>summary:before{content:"▾ "}.sw-fold ul{color:#6f6151;margin:8px 0 0;padding-left:16px;font-size:12px;line-height:1.85}.sw-sub{color:#7a5500;margin-top:11px;font-size:11.5px;font-weight:700}.sw-f{color:#a99c88;font-size:11.5px;display:block}.sw-f span{margin-bottom:3px;display:block}.sw-f input,.sw-f select{color:#2a2118;background:#ffffffb3;border:1px solid #2a21182e;border-radius:8px;width:100%;padding:5px 8px;font-size:13px}