:root{font-family:system-ui,-apple-system,Segoe UI,Tahoma,sans-serif;color:#183441;background:#f6f6f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-width:280px}button,select,textarea{font:inherit;touch-action:manipulation}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh;overflow-x:clip}.masthead{background:#0c2933;color:#fff;padding:19px max(24px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:12px}.brand-symbol{display:grid;place-items:center;width:48px;height:48px;border:1px solid #5f897c;color:#cfb878;border-radius:13px;font-size:33px}.brand strong{display:block;font-size:20px;letter-spacing:.3px}.brand span{display:block;font-size:12px;opacity:.72;margin-top:2px}.hero{max-width:1160px;margin:auto;padding:51px 24px 35px}.eyebrow{font-size:13px;display:flex;align-items:center;gap:9px;color:#55746d;font-weight:700}.dot{height:7px;width:7px;border-radius:50%;background:#61a88c}.hero h1{font-size:clamp(29px,4.2vw,49px);margin:13px 0 14px;letter-spacing:-1.4px;line-height:1.35;color:#10343e}.hero h1 em{font-style:normal;color:#af864b}.hero p{font-size:16px;line-height:1.95;color:#61727a;max-width:790px;margin:0}.workspace{max-width:1160px;margin:0 auto 70px;padding:0 24px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,1fr);gap:22px;align-items:start}.panel{background:#fff;border:1px solid #e5e9e5;box-shadow:0 4px 21px #234a4310;border-radius:16px;padding:27px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:27px}.panel-heading>div{display:flex;align-items:center;gap:12px}.panel h2{font-size:19px;margin:0;color:#1a3842}.step{width:33px;height:33px;background:#e6efe9;color:#426a5a;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:13px;direction:ltr}.helper{color:#8a979c;font-size:12px}.field{margin-bottom:24px;display:block}.field>span,.field>label,.field legend,.label-row label{font-size:14px;font-weight:700;display:block;margin-bottom:11px;color:#2b424c}.field select,.field textarea{display:block;width:100%;border:1px solid #dce3e1;background:#fbfcfb;border-radius:9px;color:#1d3843;outline:none;transition:border-color .2s}.field select{height:48px;padding:0 14px}.field textarea{padding:15px 16px;line-height:1.9;min-height:154px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;direction:ltr;text-align:left}.field select:focus,.field textarea:focus{border-color:#4f917a;box-shadow:0 0 0 3px #cce9dc7a}.label-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chip{border:1px solid #e0e6e3;color:#37675d;background:#f8faf7;font-size:12px;padding:7px 11px;border-radius:30px}.chip:hover{border-color:#7da497}.field-note{font-size:12px;line-height:1.8;color:#7c8e94;margin:10px 0 0}.field-note code{background:#f1f4f3;padding:2px 5px;border-radius:3px}.input-guide{margin:-2px 0 13px;padding:12px 14px;border-right:3px solid #6d9b89;border-radius:7px;background:#f5f8f6;color:#566b65;font-size:13px;line-height:1.8}.input-guide p{margin:0}.input-guide p+p{margin-top:6px}.input-guide code{display:inline-block;padding:1px 6px;border:1px solid #dce6e1;border-radius:4px;background:#fff;color:#214c3f;font-weight:700}fieldset{padding:0;border:0;min-width:0}.segment{display:flex;background:#f5f7f4;padding:5px;border:1px solid #e5eae5;border-radius:10px;gap:6px}.segment label{flex:1;position:relative;cursor:pointer;text-align:center}.segment input{position:absolute;opacity:0;pointer-events:none}.segment label span{display:block;padding:11px 5px;min-height:45px;border:1px solid transparent;border-radius:8px;font-size:14px;color:#62757a;white-space:nowrap}.segment label small{font-size:10px;color:#49846c}.segment label input:checked+span{background:#fff;border-color:#d6e5da;color:#215343;box-shadow:0 1px 7px #1c493514;font-weight:700}.segment label input:focus-visible+span{outline:2px solid #276f57;outline-offset:2px}.primary-button,.download-button{display:flex;justify-content:center;align-items:center;gap:12px;border-radius:10px;padding:14px 20px;font-weight:750;text-decoration:none;width:100%}.primary-button{background:#174d42;border:1px solid #174d42;color:#fff;margin-top:10px;font-size:15px}.primary-button:hover{background:#0d3930}.primary-button:disabled{cursor:wait;opacity:.65}.validation{margin:14px 0 0;color:#ad3737;background:#fff2f0;padding:10px 12px;border-radius:7px;font-size:13px;line-height:1.8}.device-note{display:none;margin:14px 0 0;padding:10px 12px;border-radius:8px;background:#f2f6f3;color:#60766f;font-size:12px;line-height:1.8}.side-panel{display:grid;gap:18px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.summary-grid>div{background:#f5f8f5;border-radius:10px;padding:20px 18px}.summary-grid span,.order-preview>span{display:block;font-size:12px;color:#85958e;margin-bottom:8px}.summary-grid strong{font-size:30px;color:#224e40;line-height:1.3}.order-preview{border-top:1px solid #ebefec;margin-top:23px;padding-top:20px}.order-preview p{margin:0;direction:rtl;text-align:right;white-space:pre-line;overflow-wrap:anywhere;line-height:2;color:#63797a;font-size:13px}.result-blank{text-align:center;padding:17px 6px 12px;color:#58756f}.music-icon{display:grid;place-items:center;margin:0 auto 16px;width:66px;height:66px;border-radius:50%;background:#eff5ed;color:#6a9a7b;font-size:36px}.result-blank strong{display:block;font-size:15px;color:#305a4a}.result-blank p{font-size:13px;line-height:1.8;color:#899797}.progress-area{text-align:center;padding:16px 4px}.spinner{height:34px;width:34px;border:3px solid #dbe8df;border-top-color:#31765d;border-radius:50%;margin:0 auto 15px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-area p{font-size:13px;line-height:1.8;color:#49665e}.progress-area progress{width:100%;height:12px;accent-color:#347a64}.cancel-button{min-height:44px;margin-top:14px;padding:9px 18px;border:1px solid #d8dfdc;border-radius:9px;background:#fff;color:#8a4141}.download-button{background:#e5f1e9;color:#255a43;border:1px solid #d6e5db;margin-top:19px;font-size:14px}.download-button:hover{background:#d3e9dc}#player{width:100%;margin:9px 0}.info-box{display:flex;gap:13px;align-items:flex-start;background:#eef4eb;color:#587469;border:1px solid #e2eadb;border-radius:12px;padding:16px 18px}.info-box span{font-size:21px;color:#ad9967}.info-box p{font-size:12px;line-height:1.9;margin:0}footer{background:#0c2933;color:#c0cecb;padding:27px 24px 33px;text-align:center;font-size:12px;line-height:2.2}footer a{color:#c7b47e}footer p{margin:4px 0 0;opacity:.75}footer div{margin-bottom:3px}[hidden]{display:none!important}@media(max-width:800px){body{background:#f3f5f1}.workspace{grid-template-columns:1fr;gap:14px;margin-bottom:46px}.hero{padding-top:31px;padding-bottom:28px}.panel{padding:22px;box-shadow:0 3px 16px #234a4312}.masthead{justify-content:center;padding:14px 20px}.device-note{display:block}.primary-button,.download-button{min-height:50px}.chip{min-height:42px;padding-inline:14px}}@media(max-width:430px){.workspace,.hero{padding-left:13px;padding-right:13px}.segment label span{font-size:12px}.segment label small{font-size:9px}.panel-heading{align-items:flex-start}.panel-heading>.helper{max-width:110px;text-align:left;line-height:1.4}.masthead{padding-inline:14px}.brand{gap:10px}.brand strong{font-size:18px}.brand-symbol{width:40px;height:40px;border-radius:11px;font-size:28px}.hero{padding-top:25px;padding-bottom:23px;text-align:center}.eyebrow{justify-content:center;font-size:12px}.hero h1{margin-top:11px;font-size:clamp(27px,8.2vw,34px);letter-spacing:-.7px;line-height:1.4}.hero p{font-size:14px;line-height:1.85}.workspace{margin-bottom:40px}.panel{padding:19px 15px;border-radius:16px}.panel-heading{margin-bottom:21px}.panel h2{font-size:18px}.step{width:31px;height:31px}.label-row{align-items:flex-start;flex-direction:column;gap:0}.input-guide{padding:11px;border-right-width:2px;font-size:12.5px;line-height:1.75}.field textarea{min-height:138px;font-size:16px}.field select{height:52px;font-size:16px}.field{margin-bottom:21px}.chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chip{width:100%;min-height:44px}.segment{gap:3px;padding:4px}.segment label span{min-height:48px;display:grid;place-items:center;white-space:normal;line-height:1.35}.summary-grid>div{padding:16px 14px}.summary-grid strong{font-size:27px}.order-preview{margin-top:18px;padding-top:16px}.order-preview p{padding:11px 12px;border-radius:9px;background:#f7f9f7;font-size:12.5px;line-height:2.05}.result-blank{padding-top:8px}.music-icon{width:58px;height:58px;font-size:31px}.info-box{padding:14px 15px}footer{padding:24px 16px 28px;line-height:2}}