.yoice-spg{--spg-primary:#1c4f54;--spg-border:#cbd9da;box-sizing:border-box;max-width:960px;margin:24px auto;padding:clamp(20px,4vw,48px);border:1px solid var(--spg-border);border-radius:20px;background:#fff;color:#333;font-family:inherit;font-size:17px;line-height:1.55;box-shadow:0 8px 32px #1c4f5409}
.yoice-spg *{box-sizing:border-box}.yoice-spg [hidden]{display:none!important}
.yoice-spg .spg-eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--spg-primary);margin:0 0 12px}
.yoice-spg h2{font-family:inherit!important;font-size:clamp(26px,4vw,36px)!important;line-height:1.2;color:var(--spg-primary)!important;margin:0 0 16px}
.yoice-spg h3{font-size:20px!important;color:var(--spg-primary)!important;margin:0}
.yoice-spg p{margin:8px 0 18px}.yoice-spg form{margin:30px 0 0}.yoice-spg fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}
.yoice-spg legend,.yoice-spg summary{font-size:21px;font-weight:600;color:var(--spg-primary);padding:0;margin:0 0 16px}
.yoice-spg label{font-size:17px;font-weight:400;color:#333;display:block}.yoice-spg input,.yoice-spg textarea,.yoice-spg button{font:inherit}
.yoice-spg .spg-length-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.yoice-spg .spg-length-row label{display:flex;gap:12px;align-items:center;font-weight:600}.yoice-spg .spg-length-row span,.yoice-spg small,.yoice-spg .spg-hint{font-size:14px;color:#536669}
.yoice-spg input[type=number]{display:inline-block!important;width:94px!important;margin:0!important;padding:8px 10px!important;border:1px solid var(--spg-border)!important;border-radius:8px;background:#fff!important;color:#333!important}
.yoice-spg input[type=range]{display:block;width:100%;height:32px;margin:20px 0;accent-color:var(--spg-primary);cursor:pointer}
.yoice-spg button{cursor:pointer;border:1px solid var(--spg-border);border-radius:9px;background:#fff;color:var(--spg-primary);padding:10px 18px;min-height:44px;line-height:1.3;font-weight:600;text-transform:none;letter-spacing:normal}
.yoice-spg button:hover{background:#edf4f4;border-color:var(--spg-primary)}.yoice-spg button[aria-pressed=true],.yoice-spg .spg-generate{background:var(--spg-primary);color:#fff;border-color:var(--spg-primary)}
.yoice-spg .spg-generate:hover{background:#123a3e}.yoice-spg :is(button,input,textarea,summary):focus-visible{outline:3px solid #a66300;outline-offset:3px}
.yoice-spg .spg-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.yoice-spg .spg-presets button{flex:1;min-width:58px}
.yoice-spg .spg-strength{padding:14px 18px;border-radius:10px;border-left:4px solid var(--spg-primary);background:#edf4f4}.yoice-spg .spg-strength strong{color:var(--spg-primary)}.yoice-spg .spg-strength p{font-size:14px;margin:4px 0 0}.yoice-spg .spg-strength[data-level="0"],.yoice-spg .spg-strength[data-level="1"]{background:#fff5e7;border-color:#985a00}
.yoice-spg details{border-top:1px solid var(--spg-border);padding-top:20px;margin-top:24px}.yoice-spg summary{cursor:pointer;min-height:44px}.yoice-spg summary span{font-size:15px;font-weight:400}
.yoice-spg .spg-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.yoice-spg .spg-options label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.yoice-spg input[type=checkbox]{appearance:auto;width:20px;height:20px;accent-color:var(--spg-primary);margin:0;flex-shrink:0}.yoice-spg small{display:inline}
.yoice-spg input[type=text]{width:100%;padding:12px!important;background:#fff!important;color:#333!important;border:1px solid var(--spg-border)!important;border-radius:8px;margin:8px 0 20px!important}.yoice-spg input:disabled{opacity:.5}.yoice-spg .spg-count-label{display:flex;align-items:center;gap:16px}.yoice-spg .spg-hint{margin-top:16px}
.yoice-spg .spg-generate{display:block;width:100%;margin-top:24px;padding:16px 24px;font-size:20px}.yoice-spg .spg-error{color:#9a291e;font-weight:600}.yoice-spg .spg-error:empty{display:none}
.yoice-spg .spg-results{margin-top:28px}.yoice-spg .spg-results-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.yoice-spg .spg-results-head h3{margin-right:auto}
.yoice-spg .spg-result{display:flex;gap:10px;align-items:center;border:1px solid var(--spg-border);border-radius:10px;padding:12px;margin-top:12px;background:#f7fafa}.yoice-spg textarea{display:block;width:100%;min-width:0;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:17px!important;background:#fff!important;color:#193c40!important;border:1px solid var(--spg-border)!important;border-radius:6px;padding:12px!important;margin:0!important;line-height:1.6;overflow-wrap:anywhere}.yoice-spg .spg-result button{flex-shrink:0}
.yoice-spg .spg-help summary{font-size:16px}.yoice-spg .spg-help p{font-size:14px}.yoice-spg .spg-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}
@media(max-width:600px){.yoice-spg .spg-options{grid-template-columns:1fr}.yoice-spg .spg-result{flex-direction:column;align-items:stretch}.yoice-spg .spg-length-row{align-items:flex-start;flex-direction:column}.yoice-spg{border-radius:12px}.yoice-spg .spg-presets button{padding:10px}}