:root{font-family:"DM Sans",sans-serif;color:#222620;background:#f4f2ed;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#222620;--muted:#878b82;--line:#e9e8e1;--green:#cadb72;--deep:#27322b;--surface:#fffefa}*{box-sizing:border-box}body{margin:0;min-width:320px}.shell{max-width:1240px;margin:0 auto;padding:0 56px}.topbar{height:78px;border-bottom:1px solid #e7e5dd;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font:800 13px Manrope,sans-serif;letter-spacing:.12em;text-decoration:none}.brand b{font-weight:500;color:#9ba091}.brand-mark{height:22px;display:flex;align-items:center;gap:3px}.brand-mark span{width:3px;border-radius:8px;background:#415046}.brand-mark span:nth-child(1),.brand-mark span:nth-child(5){height:9px}.brand-mark span:nth-child(2),.brand-mark span:nth-child(4){height:16px}.brand-mark span:nth-child(3){height:22px}.top-right{display:flex;align-items:center;gap:20px}.local-tag,.secure-label{font:500 9px "DM Mono",monospace;letter-spacing:.11em;color:#73786f;display:flex;align-items:center;gap:8px}.local-tag i{width:6px;height:6px;background:#89a458;border-radius:50%;box-shadow:0 0 0 3px #e5ead8}.help-button{width:25px;height:25px;border:1px solid #d9d9d1;background:transparent;border-radius:50%;color:#686d64;font:500 13px Georgia;cursor:pointer}.intro{padding:51px 0 37px}.eyebrow{display:flex;align-items:center;gap:10px;color:#72786c;font:500 9px "DM Mono",monospace;letter-spacing:.16em}.eyebrow-line{width:20px;height:1px;background:#9eaa7b}.intro h1{font:700 clamp(40px,5vw,58px)/1.04 Manrope,sans-serif;letter-spacing:-.055em;margin:17px 0 13px}.intro h1 em{font-style:normal;color:#828e69}.intro-copy{max-width:390px;margin:0;color:#777b73;font-size:13px;line-height:1.7}.workspace{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(290px,.82fr);gap:21px;align-items:start}.panel{background:var(--surface);border:1px solid #e8e7e0;border-radius:7px}.composer{padding:27px 30px 24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.panel-heading>div{display:flex;align-items:center;gap:11px}.step{font:500 9px "DM Mono",monospace;color:#92978e}.panel-heading h2{margin:0;font:700 17px Manrope,sans-serif;letter-spacing:-.03em}.secure-label{font-size:8px;letter-spacing:.08em}.lock{font-size:12px;color:#87926f}.field-label{display:flex;justify-content:space-between;align-items:center;color:#545a51;font:500 9px "DM Mono",monospace;letter-spacing:.1em;margin-bottom:9px}.field-note,.hint{color:#a0a49c;font:400 10px "DM Sans",sans-serif;letter-spacing:0}.select-wrap{position:relative}.select-wrap select,.field input,.field select{width:100%;height:42px;border:1px solid #e5e5de;border-radius:4px;background:#fffefa;color:#343a33;padding:0 13px;font:500 12px "DM Sans",sans-serif;outline:none;appearance:none}.select-wrap select{padding-right:38px}.select-wrap select:focus,.field input:focus,.field select:focus,textarea:focus{border-color:#aab78c;box-shadow:0 0 0 3px #e9eddf}.select-chevron{position:absolute;right:14px;top:10px;color:#858b80;pointer-events:none}.model-note{margin-top:8px;color:#969b92;font-size:10px}.field-row{display:flex;gap:12px;margin-top:20px}.field{min-width:0}.grow{flex:1}.mini-field{width:140px}.field input,.field select{margin-bottom:5px}.hint{display:block;font-size:9px}.text-label{margin-top:22px}.script-wrap{border:1px solid #e5e5de;border-radius:4px;background:#fffefa;transition:.15s}.script-wrap:focus-within{border-color:#aab78c;box-shadow:0 0 0 3px #e9eddf}textarea{display:block;width:100%;height:149px;resize:vertical;border:0;border-radius:4px;background:transparent;padding:14px 14px 9px;color:#343a33;font:400 12px/1.7 "DM Sans",sans-serif;outline:none}textarea::placeholder{color:#b7bab3}.script-footer{height:37px;border-top:1px solid #f0efe9;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:#a0a49c;font-size:9px}.sparkle{color:#a6b37d;margin-right:5px}.text-button{border:0;background:transparent;color:#92978e;font:400 10px "DM Sans",sans-serif;cursor:pointer}.text-button:hover{color:#455144}.actions{display:flex;align-items:center;gap:13px;margin-top:20px}.generate-button{height:43px;display:flex;align-items:center;gap:11px;padding:0 15px;background:#2c382f;border:0;border-radius:4px;color:#f8f8ef;font:600 11px "DM Sans",sans-serif;cursor:pointer;transition:background .15s,transform .15s}.generate-button:hover{background:#435345;transform:translateY(-1px)}.generate-button:disabled{opacity:.68;cursor:wait;transform:none}.button-icon{font-size:14px;color:#d2df91;transform:rotate(90deg)}.button-arrow{margin-left:7px;color:#c9d77f}.cost-note{color:#a1a49d;font-size:9px}.error-message{margin-top:13px;padding:10px 12px;border-radius:4px;background:#fff0e9;color:#a1492d;font-size:11px;line-height:1.5}.result-column{display:flex;flex-direction:column;gap:12px}.result-card{padding:27px 25px 23px;min-height:387px}.result-card .panel-heading{margin-bottom:5px}.result-badge{padding:5px 7px;border:1px solid #e8e8df;border-radius:3px;color:#8e9388;font:500 8px "DM Mono",monospace;letter-spacing:.08em}.result-badge.active{border-color:#e0e7ce;background:#f4f7e9;color:#76834f}.empty-result,.loading-result,.audio-result{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.sound-art{width:112px;height:112px;position:relative;display:grid;place-items:center;margin:5px 0 18px}.sound-circle{position:absolute;border:1px solid #e7e9de;border-radius:50%}.circle-one{inset:0}.circle-two{inset:11px}.sound-core{width:61px;height:61px;border-radius:50%;background:#f0f2e7;display:flex;align-items:center;justify-content:center;gap:3px}.sound-core span{height:13px;width:3px;border-radius:4px;background:#89966f}.sound-core span:nth-child(1),.sound-core span:nth-child(5){height:7px}.sound-core span:nth-child(2),.sound-core span:nth-child(4){height:20px}.sound-core span:nth-child(3){height:29px}.empty-result h3,.audio-result h3,.loading-result h3{margin:0;color:#353b34;font:700 14px/1.45 Manrope,sans-serif;letter-spacing:-.02em}.empty-result p,.loading-result p{margin:9px 0 0;color:#999d95;font-size:10px;line-height:1.65}.tip-card{display:flex;gap:12px;padding:15px 17px;border:1px solid #e8e7e0;border-radius:5px;background:#f8f7f2}.tip-icon{color:#a0ad78;font-size:13px}.tip-card b{font:600 10px Manrope,sans-serif;color:#51574d}.tip-card p{margin:4px 0 0;font-size:10px;line-height:1.6;color:#92968e}.loading-result{gap:7px}.loader{height:43px;display:flex;align-items:center;gap:5px;margin-bottom:8px}.loader span{width:4px;border-radius:4px;background:#9ca978;animation:wave 1s ease-in-out infinite}.loader span:nth-child(1){height:15px}.loader span:nth-child(2){height:29px;animation-delay:.15s}.loader span:nth-child(3){height:20px;animation-delay:.3s}@keyframes wave{50%{transform:scaleY(.55);opacity:.55}}.success-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#eff3e4;color:#7e8d5d;margin-bottom:12px;font-size:15px}.audio-result{justify-content:flex-start;padding-top:35px}.audio-result h3{font-size:15px}.result-model{margin:4px 0 17px;color:#999d95;font-size:10px}.audio-result audio{width:100%;height:38px;margin:2px 0 14px}.download-link{display:inline-flex;align-items:center;gap:7px;color:#5e6c49;text-decoration:none;font-size:10px;font-weight:600}.download-link:hover{text-decoration:underline}.download-link span{font-size:14px}footer{height:69px;display:flex;align-items:center;justify-content:space-between;color:#a0a399;font:500 8px "DM Mono",monospace;letter-spacing:.1em}.footer-center{color:#a0a399}.footer-center b{color:#70786a;font-weight:500}#connection{color:#969b90}#connection.ready{color:#76854f}#connection.missing{color:#b07851}dialog{max-width:390px;padding:33px;border:1px solid #e7e6df;border-radius:7px;background:#fffefa;color:var(--ink);box-shadow:0 20px 80px #18201626}dialog::backdrop{background:#20271e66;backdrop-filter:blur(3px)}dialog h2{font:700 27px/1.14 Manrope,sans-serif;letter-spacing:-.05em;margin:17px 0 16px}dialog p{color:#777b73;font-size:12px;line-height:1.7}.dialog-close{float:right;border:0;background:none;color:#7a7e75;font-size:21px;cursor:pointer}.dialog-ok{margin-top:8px;padding:10px 17px;border:0;border-radius:4px;background:#2c382f;color:#fff;font:600 11px "DM Sans",sans-serif;cursor:pointer}code{font:11px "DM Mono",monospace;color:#586449}@media(max-width:850px){.shell{padding:0 28px}.workspace{grid-template-columns:minmax(0,1.2fr) minmax(255px,.8fr);gap:14px}.composer{padding:23px 21px}.result-card{padding:23px 18px}.secure-label{font-size:7px}}@media(max-width:660px){.shell{padding:0 19px}.topbar{height:65px}.local-tag{font-size:8px}.intro{padding:37px 0 27px}.intro h1{font-size:45px}.workspace{grid-template-columns:1fr}.composer{padding:22px 19px}.result-card{min-height:340px}.empty-result,.loading-result,.audio-result{min-height:265px}.result-column{gap:10px}footer{height:auto;min-height:70px;gap:9px;flex-wrap:wrap;padding:17px 0;font-size:7px}.footer-center{order:3;width:100%}.panel-heading{margin-bottom:23px}}@media(max-width:380px){.shell{padding:0 13px}.secure-label{font-size:0}.secure-label .lock{font-size:12px}.field-row{gap:7px}.mini-field{width:116px}.composer{padding:19px 15px}.actions{align-items:flex-start;flex-direction:column;gap:8px}}