@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap');
:root{--green:#315c4b;--lime:#deebc4;--ink:#293b32;--muted:#86917f;--line:#e2e7dc;--paper:#f7f8f3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;line-height:1.6}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b1c98e;outline-offset:3px}button:disabled{cursor:not-allowed}[hidden]{display:none!important}svg{width:22px;height:22px;display:block;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sidebar{position:fixed;inset:0 auto 0 0;width:218px;background:#eef1e8;border-right:1px solid #dfe4d6;padding:32px 20px;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);text-decoration:none;font-size:19px;font-weight:700;letter-spacing:.5px}.brand-icon{display:grid;place-items:center;background:var(--green);color:#dce9c7;width:39px;height:39px;border-radius:11px}.brand small{display:block;font:8px 'DM Mono',monospace;letter-spacing:1px;margin-top:5px;color:#88957d}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7a9e6b;vertical-align:middle}.nav-label{font-size:10px;color:#94a088;padding:0 12px;margin-bottom:12px;letter-spacing:1px}nav button{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-radius:8px;background:none;text-align:left;color:#7b8b71;font-size:12px;margin-bottom:5px}nav button>span{display:flex}nav button svg{width:18px;height:18px}nav button.active{background:#dee8d0;color:#3c6037;font-weight:600}nav button small{margin-left:auto;font:10px 'DM Mono',monospace;color:#93a382}.side-bottom{margin-top:auto;padding:40px 10px 0}.small-icon{font-size:22px;color:#95a581;margin-bottom:15px}.side-bottom strong{font-size:12px;font-weight:500}.side-bottom p{color:#93a086;font-size:11px;line-height:1.9}.version{display:flex;justify-content:space-between;border-top:1px solid #dce3d3;margin-top:25px;padding-top:18px;color:#96a087;font:8px 'DM Mono',monospace;letter-spacing:1px}.version i{font-style:normal}.shell{margin-left:218px}header{height:66px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;background:#fbfcf8}.crumb{color:#939d87;font-size:11px}.crumb span{margin:0 13px;color:#bfc8b3}.crumb b{font-weight:500;color:#627656}.group-status{font-size:10px;color:#81936e;white-space:nowrap}.group-status .dot{margin-right:7px}main{max-width:1370px;margin:0 auto;padding:34px 36px 24px}.intro{display:flex;align-items:center;justify-content:space-between}.eyebrow{font:9px 'DM Mono',monospace;letter-spacing:1.8px;color:#95a281}h1{font-size:29px;font-weight:600;letter-spacing:-.7px;margin:10px 0 8px;line-height:1.6}h1 span{color:#90a976}.intro p{font-size:12px;color:#8d9b7d;margin:0}.intro-mark{font:52px 'DM Mono',monospace;position:relative;color:#dee5d3;margin-right:18px;transform:rotate(-7deg)}.intro-mark span{font-size:25px;position:absolute;right:-20px;top:-12px;color:#c2d3a7}.stepbar{display:flex;align-items:center;gap:20px;padding:21px 0 25px;color:#9eaa90;font-size:10px}.stepbar span{display:flex;align-items:center;gap:8px}.stepbar i{font:9px 'DM Mono',monospace;font-style:normal;color:#95a382;border:1px solid #e0e6d6;border-radius:50%;padding:4px}.stepbar .active{color:#6d8555}.stepbar .active i{background:#e7eedb;border-color:#d7e2c3;color:#6d8555}.stepbar b{font-weight:400;color:#bcc7ad}.group-panel{border:1px solid var(--line);background:#fcfdf9;border-radius:13px;padding:20px 22px;margin-bottom:30px;display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1.8fr);gap:14px 24px;align-items:center}.group-panel-heading h2{font-size:13px;font-weight:600;margin:0 0 6px}.group-panel-heading p{font-size:10px;color:#97a38a;line-height:1.8;margin:0;max-width:210px}#group-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:0;padding:0;margin:0;min-width:0}.group-option{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:12px;border:1px solid #e2e8d8;background:#f7f9f2;border-radius:9px;cursor:pointer;min-width:0;position:relative;transition:background .15s,border-color .15s}.group-option input{position:absolute;opacity:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;pointer-events:none}.group-option:has(input:focus-visible){outline:2px solid #a6bf88;outline-offset:3px}.group-option.active{background:#eaf1dd;border-color:#a0b97e}.group-copy{display:block;min-width:0}.group-copy b{display:block;font:12px 'DM Mono',monospace;color:#667d51}.group-copy small{display:block;font-size:9px;line-height:1.6;color:#9ba88a;margin-top:5px}.group-check{flex:0 0 auto;visibility:hidden;color:#799553}.group-check svg{width:16px;height:16px}.group-option.active .group-check{visibility:visible}#group-benefit{grid-column:1/-1;border-top:1px solid #edf0e6;margin:0;padding-top:12px;font-size:10px;line-height:1.8;color:#94a080}.layout{display:grid;grid-template-columns:minmax(310px,.85fr) minmax(390px,1.15fr);gap:28px;align-items:start}.library,.editor{min-width:0}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}h2{font-size:14px;font-weight:600;margin:0}.section-title h2 span{font:9px 'DM Mono',monospace;background:#e9eede;color:#84986d;border-radius:4px;padding:3px 6px;margin-left:6px}.muted{font-size:9px;color:#a2ad94;letter-spacing:.4px}.search{display:flex;align-items:center;gap:10px;border:1px solid #e0e6d7;background:#fff;border-radius:9px;padding:12px}.search svg{width:17px;height:17px;color:#94a483}.search input{border:0;outline:0!important;min-width:0;width:100%;background:none;font-size:11px;color:#5a7150}.search input::placeholder{color:#a4ae99}kbd{border:1px solid #e6ebdd;border-radius:4px;font:10px 'DM Mono',monospace;padding:1px 5px;color:#b0b9a4}.filters{display:flex;flex-wrap:wrap;gap:5px;margin:13px 0 16px}.filters button{white-space:nowrap;padding:6px 9px;border:0;border-radius:5px;background:none;font-size:10px;color:#8b9d79}.filters button.active{background:#e4ecd7;color:#607e46}.availability{display:flex;gap:7px;align-items:center;margin-bottom:14px;color:#99a58c;font-size:10px}.availability input{accent-color:var(--green)}#command-list{display:flex;flex-direction:column;gap:10px;max-height:660px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d6dfc8 transparent;padding:2px 7px 5px 2px}.command-card{position:relative;flex:0 0 auto;display:flex;align-items:flex-start;gap:14px;min-width:0;min-height:90px;padding:17px 16px;text-align:left;width:100%;border:1px solid #e0e7d6;border-radius:10px;background:#fdfefa;transition:border-color .15s,background .15s;color:#80996a}.command-card:hover{border-color:#aac48d;background:#fafcf6}.command-card.active{background:#eef4e4;border-color:#9bb87c;box-shadow:inset 3px 0 #8eac6b}.command-icon{flex:0 0 24px;padding-top:2px;color:#93a780;display:flex;justify-content:center}.command-icon svg{width:21px;height:21px}.command-card.active .command-icon{color:#577e3b}.command-content{flex:1;min-width:0}.command-name{display:flex;align-items:center;flex-wrap:wrap;gap:6px;line-height:1.65;font-size:13px;font-weight:500;color:#344a2f;overflow-wrap:anywhere}.command-name small{font-size:8px;font-weight:400;border-radius:3px;background:#e9efdf;color:#90a279;padding:1px 5px;white-space:nowrap}.command-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.8;color:#839274;font-size:11px;margin-top:7px;overflow-wrap:anywhere}.command-short{font:9px 'DM Mono',monospace;max-width:23%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:4px;color:#a2b190;flex-shrink:0}.command-card:disabled{background:#f3f5ee;border-color:#e7ebdf}.command-card:disabled .command-icon,.command-card:disabled .command-content,.command-card:disabled .command-short{opacity:.5}.command-card:disabled:hover{background:#f3f5ee;border-color:#e7ebdf}.editor{position:sticky;top:20px;overflow:hidden;background:#fff;border:1px solid #dfe6d6;border-radius:13px;box-shadow:0 8px 24px #48623304}.editor-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1e6;padding:17px 24px;font-size:10px;color:#8c9f78}.editor-top .dot{margin-right:7px}#details{padding:25px 24px 21px}.detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.detail-heading h2{font-size:20px;font-weight:600;letter-spacing:-.3px;line-height:1.6;color:#344a2f}.badge{white-space:nowrap;flex-shrink:0;font-size:9px;padding:5px 8px;background:#eff4e7;border-radius:5px;color:#90a578;margin-top:3px}.description{font-size:11px;line-height:1.9;color:#829274;margin:10px 0 21px}.form-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#819769;margin:22px 0 14px}.form-title span{font-size:9px;color:#a9b49c}#form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.field{display:flex;flex-direction:column;gap:9px;min-width:0}.field.full{grid-column:1/-1}.field label{color:#728a5d;font-size:11px}.field em{font-size:9px;color:#b0bba2;font-style:normal;margin-left:6px}.field input,.field select,.field textarea{display:block;width:100%;min-width:0;min-height:44px;padding:11px 12px;color:#60794a;border:1px solid #dfe7d3;border-radius:7px;background:#fafcf6;line-height:1.6;font-size:12px}.field select{padding-right:26px}.field input::placeholder,.field textarea::placeholder{color:#b0bba3}.field textarea{resize:vertical;min-height:90px}.field.check{flex-direction:row;align-items:center;gap:9px;background:#f7faf1;padding:12px;border-radius:7px}.field input[type=checkbox]{width:15px;height:15px;min-height:0;accent-color:var(--green)}.tip{display:flex;gap:9px;background:#f8faf3;border:1px solid #e8eddd;border-radius:7px;padding:12px;margin-top:20px;font-size:10px;line-height:1.9;color:#96a582}.tip.caution{background:#fff8ef;border-color:#efe2c9;color:#ae8e57}.no-fields{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:18px 14px;border:1px dashed #dbe5cd;border-radius:8px;color:#99ab82;font-size:11px;background:#fbfdf7}.song-help{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;background:#f2f7e9;border-radius:8px;color:#859e6c;font-size:11px;margin-bottom:20px}.song-help small{display:block;font-size:10px;line-height:1.8;margin-top:6px;color:#a1b18d}.song-help a{flex-shrink:0;text-decoration:none;border-bottom:1px solid #b4c89a;color:#6e8b51;font-size:10px;padding-bottom:3px}.reference-table{border-top:1px solid #e7eddd;margin-top:22px;padding-top:17px}.reference-table summary{cursor:pointer;color:#8ba572;font-size:11px;line-height:1.9}.reference-table summary span{color:#b1bda2;font:9px 'DM Mono',monospace;margin-left:7px}.table-scroll{max-height:300px;overflow:auto;margin-top:14px}.reference-table table{border-collapse:collapse;width:100%;font-size:10px;text-align:left;white-space:nowrap}.reference-table td,.reference-table th{padding:10px;border-bottom:1px solid #eaf0df;color:#8fa47a}.reference-table th{position:sticky;top:0;background:#f4f8ed;color:#a3b38c;font-weight:500}.reference-table p{font-size:9px;color:#a9b99a;line-height:1.9}.cost-card{display:flex;align-items:center;gap:20px;margin:0 24px 21px;padding:17px 19px;border:1px solid #dfe8ce;border-radius:9px;background:#f4f8ec}.cost-card>div:first-child{flex-shrink:0;border-right:1px solid #dbe6ca;padding-right:20px}.cost-card span{display:block;font-size:9px;color:#9caf85}.cost-card strong{display:block;font:30px 'DM Mono',monospace;color:#709449;margin-top:9px}.cost-card strong small{font-size:12px}.cost-card b{font-weight:500;font-size:11px;color:#8aa66b}.cost-card p{font-size:10px;color:#a6b78f;margin:7px 0}.cost-card small{font-size:9px;color:#9db482}.preview{margin:0 24px;background:#2c4537;border-radius:9px;padding:17px 19px;color:#d8e7c7}.preview-label{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#a8bc96}#ready{font-size:8px;color:#c0d19b}.code-line{display:flex;align-items:flex-start;gap:12px;min-height:70px;padding:21px 0}.prompt{color:#8faa76;font:18px 'DM Mono',monospace}code{font:13px 'DM Mono',monospace;line-height:1.85;overflow-wrap:anywhere;white-space:pre-wrap;color:#e0edb8}.preview-meta{display:flex;justify-content:space-between;border-top:1px solid #415943;padding-top:11px;font:8px 'DM Mono',monospace;color:#849e76}.copy-area{padding:18px 24px 13px}.primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:13px;border:0;border-radius:8px;background:#deebc1;color:#4b6c35;font-weight:500;font-size:12px;position:relative}.primary svg{width:16px;height:16px}.primary:hover{background:#d2e3ae}.primary:disabled{opacity:.5}.arrow{position:absolute;right:16px}.copy-area p{text-align:center;color:#acb69f;font-size:9px;margin:12px 0 0}.copy-icon{display:flex}#feedback{min-height:14px;color:#72985b}footer{display:flex;justify-content:space-between;gap:20px;margin-top:30px;border-top:1px solid var(--line);padding-top:20px;color:#b0baa2;font-size:9px}.footer-dot{padding:0 8px}#empty{padding:30px;text-align:center;font-size:11px;line-height:2;color:#a1ad91}
@media(min-width:1550px){main{padding-top:42px}.layout{gap:36px}.command-card{min-height:96px}}
@media(max-width:1200px){.sidebar{width:190px;padding:27px 15px}.shell{margin-left:190px}header{padding:0 26px}main{padding:28px 26px}.layout{grid-template-columns:minmax(275px,.85fr) minmax(345px,1.15fr);gap:22px}.command-short{display:none}.group-panel{grid-template-columns:1fr;gap:15px}.group-panel-heading{display:flex;gap:18px;align-items:center}.group-panel-heading h2{margin:0;white-space:nowrap}.group-panel-heading p{max-width:none}.group-option{padding:12px 15px}}
@media(max-width:990px){.sidebar{position:relative;inset:auto;width:100%;padding:18px 26px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:17px}.brand-icon{width:34px;height:34px}.brand small{font-size:7px}.workspace,.nav-label,nav,.side-bottom{display:none}.shell{margin:0}header{height:54px}.layout{grid-template-columns:minmax(275px,.8fr) minmax(340px,1.2fr)}.intro-mark{font-size:44px}h1{font-size:27px}}
@media(max-width:760px){main{padding:25px 20px}.layout{grid-template-columns:1fr;gap:24px}.editor{position:static}#command-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:350px;align-content:start}.command-card{min-height:106px;padding:16px 13px;gap:10px}.command-icon{flex-basis:21px}.command-icon svg{width:19px;height:19px}.command-name{font-size:12px}.command-desc{font-size:10px}.intro-mark{display:none}.group-panel{padding:17px;margin-bottom:25px}.group-option{padding:12px}.group-copy b{font-size:11px}.group-copy small{font-size:8px}.group-check svg{width:13px;height:13px}.group-panel-heading{align-items:flex-start;flex-direction:column;gap:4px}.group-panel-heading p{font-size:9px}.stepbar{gap:15px;padding-bottom:21px}.group-status{font-size:9px}.crumb{font-size:10px}}
@media(max-width:480px){.sidebar{padding:16px 20px}header{padding:0 20px}.crumb span{margin:0 8px}h1{font-size:24px}.eyebrow{font-size:8px;letter-spacing:1.3px}.intro p{font-size:11px}.stepbar{gap:12px;font-size:9px}.stepbar span{gap:5px}.stepbar i{font-size:8px}#group-options{gap:7px}.group-option{padding:11px 8px;gap:2px}.group-copy b{font-size:10px}.group-copy small{font-size:8px;letter-spacing:-.3px}.group-check{display:none}.group-option.active{box-shadow:none}#command-list{display:flex;max-height:360px}.command-card{min-height:88px;padding:16px;gap:13px}.command-short{display:block;max-width:24%}.command-name{font-size:13px}.command-desc{-webkit-line-clamp:1}.section-title{margin-bottom:12px}.detail-heading h2{font-size:19px}.badge{font-size:8px}#form{grid-template-columns:1fr}.field{grid-column:1/-1}#details{padding:23px 20px 20px}.preview{margin:0 20px}.copy-area{padding:17px 20px 12px}.cost-card{margin:0 20px 20px;padding:16px 14px;gap:13px}.cost-card>div:first-child{padding-right:13px}.cost-card strong{font-size:28px}.cost-card span{font-size:8px}.song-help{flex-direction:column;align-items:flex-start;gap:12px}.form-title{font-size:10px}.form-title span{font-size:8px}footer{flex-direction:column;gap:7px;margin-top:25px}}

.sidebar>.nav-label{margin-top:32px}.group-status{background:#f0f5e8;border:1px solid #dce6d0;border-radius:7px;padding:8px 11px;color:#789263;font:10px 'Noto Sans SC',sans-serif;cursor:pointer}.group-status:hover{background:#e8f0dd}.group-dialog{border:1px solid #dce5cf;border-radius:18px;padding:32px;width:430px;max-width:calc(100% - 32px);max-height:calc(100dvh - 40px);overflow:auto;background:#fcfef8;color:#344a2f;box-shadow:0 25px 100px #253e3026}.group-dialog::backdrop{background:#263f3559;backdrop-filter:blur(5px)}#group-form{position:relative}.dialog-eyebrow{font:8px 'DM Mono',monospace;letter-spacing:1.4px;color:#93a77d;display:block;padding-right:15px}.group-dialog h2{font-size:23px;line-height:1.5;margin:16px 0 9px;font-weight:600}.group-dialog #group-description{font-size:11px;color:#8b9d79;line-height:1.9;margin:0 0 23px}.group-dialog #group-options{grid-template-columns:1fr;gap:11px}.group-dialog .group-option{padding:16px 17px;min-height:68px}.group-dialog .group-copy b{font-size:13px}.group-dialog .group-copy small{font-size:10px;margin-top:6px;letter-spacing:0}.group-dialog .group-check{display:block}.group-dialog .group-check svg{width:17px;height:17px}.group-dialog #group-benefit{font-size:10px;line-height:1.9;color:#93a77c;border:0;padding:0;margin:17px 0;min-height:38px}.group-dialog .primary{font-size:12px;padding:14px;gap:12px}.dialog-footnote{text-align:center;font-size:9px;color:#a5b394;margin:13px 0 0}.dialog-close{position:absolute;top:-6px;right:-6px;width:28px;height:28px;padding:6px;border:0;border-radius:5px;background:transparent;color:#9baa8d;display:grid;place-items:center;transition:color .15s}.dialog-close svg{width:16px;height:16px}.dialog-close:hover{background:transparent;color:#55713e}@media(max-width:480px){.group-dialog{padding:25px}.group-dialog h2{font-size:21px}.group-status{font-size:9px;padding:7px 9px}.group-dialog .group-copy b{font-size:12px}.group-dialog .group-option{padding:15px}.group-dialog #group-benefit{font-size:9px}}

/* Suppress touch feedback without changing the selected checkmark. */
.group-option,.group-option *{-webkit-tap-highlight-color:transparent}.group-option{user-select:none;-webkit-user-select:none}.group-option input:focus{outline:none;box-shadow:none}

/* Disable mobile browser tap overlays on every element. */
*{-webkit-tap-highlight-color:transparent}
@media (hover:none) and (pointer:coarse){
 button,a,label,input,select,textarea{box-shadow:none}
 button:active,a:active,label:active{box-shadow:none}
 button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}
 input:focus,select:focus,textarea:focus{outline:none;box-shadow:none;border-color:#a0b97e}
 .command-card.active,.group-option.active{box-shadow:none}
}