.sa-generator-editor{color:#f4f5f5;background:linear-gradient(135deg,#1d2529 0%,#151c20 65%);border:1px solid #344047;border-radius:8px;min-width:0;padding:20px;font-size:14px;line-height:1.5}.sa-generator-toolbar{border-bottom:1px solid #344047;align-items:stretch;gap:8px;min-height:44px;margin:-4px 0 12px;display:flex}.sa-generator-toolbar button,.sa-generator-active{color:#b6c0c5;white-space:nowrap;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 12px;font-size:13px;display:inline-flex}.sa-generator-toolbar button{cursor:pointer}.sa-generator-toolbar button:hover{color:#fff;background:#ffffff08}.sa-generator-toolbar .sa-generator-active{color:#f4f5f5;cursor:text;border-bottom:2px solid #ff6653;margin-bottom:-1px;font-weight:600}.sa-generator-prompt-wrap{background:#ffffff06;border:1px solid #48545c;border-radius:6px;margin-bottom:12px;position:relative;overflow:hidden}.sa-generator-prompt-wrap textarea{resize:vertical;color:#f4f5f5;width:100%;min-height:112px;max-height:450px;font:inherit;background:0 0;border:0;border-radius:5px;padding:12px 14px 30px;line-height:1.5;display:block}.sa-generator-prompt-wrap textarea:focus{outline-offset:-2px;outline:2px solid #ff6653}.sa-generator-counter{pointer-events:none;color:#b6c0c5;font-variant-numeric:tabular-nums;background:#1e272c;font-size:12px;position:absolute;bottom:7px;right:12px}.sa-generator-settings-toggle{width:100%;min-height:44px;font:inherit;cursor:pointer;background:#ffffff04;border:1px solid #344047;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.sa-generator-settings-toggle>span{align-items:center;gap:8px;display:inline-flex}.sa-generator-settings-toggle>span:last-child{color:#b6c0c5;font-size:12px}.sa-generator-settings-toggle:hover{background:#ffffff09}.sa-generator-rotate{transform:rotate(180deg)}.sa-generator-summary{color:#b6c0c5;margin:8px 0;font-size:12px;line-height:18px}.sa-generator-settings{padding-top:20px}.sa-generator-settings[hidden]{display:none}.sa-generator-settings input:not([type=file]):not([type=range]),.sa-generator-settings select{color:#f4f5f5;min-width:0;min-height:44px;font:inherit;background:#11191d;border:1px solid #48545c;border-radius:5px;padding:9px 12px}.sa-generator-inline-field{grid-template-columns:100px 1fr;align-items:center;gap:12px;display:grid}.sa-generator-reference{border:0;min-width:0;margin:20px 0 0;padding:0}.sa-generator-reference legend{align-items:center;gap:7px;width:100%;margin-bottom:5px;padding:0;font-size:14px;font-weight:500;display:flex}.sa-generator-reference legend span{color:#b6c0c5;font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.sa-generator-reference>p{color:#b6c0c5;margin:0 0 10px;font-size:12px;line-height:18px}.sa-generator-url-row{gap:8px;margin-bottom:8px;display:flex}.sa-generator-url-row input{flex:1;width:100%}.sa-generator-url-row button,.sa-generator-upload{color:#f4f5f5;cursor:pointer;white-space:nowrap;background:#ffffff04;border:1px solid #48545c;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 12px;font-size:13px;display:inline-flex}.sa-generator-url-row button:hover,.sa-generator-upload:hover{background:#ffffff0a}.sa-generator-file-input{display:none}.sa-generator-editor button:disabled,.sa-generator-editor input:disabled{opacity:.45;cursor:not-allowed}.sa-generator-reference .sa-generator-hint{color:#d1c0b6;margin:8px 0 0}.sa-generator-reference-list{gap:8px;margin-top:8px;display:grid}.sa-generator-reference-item{background:#0b101240;border:1px solid #344047;border-radius:5px;align-items:center;gap:9px;min-width:0;padding:8px 10px;display:flex}.sa-generator-reference-item>svg{color:#b6c0c5;flex-shrink:0}.sa-generator-reference-item>div{flex:1;min-width:0}.sa-generator-reference-item span{overflow-wrap:anywhere;font-size:12px;display:block}.sa-generator-reference-item small{color:#b6c0c5;margin-top:2px;font-size:11px;display:block}.sa-generator-reference-item button{color:#b6c0c5;cursor:pointer;background:0 0;border:0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sa-generator-reference-item button:hover{color:#ff6653;background:#ff66530a}.sa-generator-image-preview{margin-top:10px}.sa-generator-image-preview img{object-fit:cover;border-radius:4px;width:64px;height:64px}.sa-generator-output-row{border-top:1px solid #344047;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;padding-top:20px;display:grid}.sa-generator-output-row label{flex-direction:column;gap:8px;display:flex}.sa-generator-output-row select{width:100%}.sa-generator-sliders{grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0;display:grid}.sa-generator-sliders label{min-width:0}.sa-generator-sliders label>span{justify-content:space-between;align-items:center;gap:6px;display:flex}.sa-generator-sliders input[type=range]{accent-color:#ff6653;cursor:pointer;width:100%;height:24px;margin:6px 0 0;display:block}.sa-generator-sliders input[type=number]{text-align:right;width:60px;min-height:32px!important;padding:4px!important;font-size:12px!important}.sa-generator-actions{justify-content:space-between;gap:12px;margin-top:12px;display:flex}.sa-generator-actions .sa-button{min-height:44px;padding:8px 20px;font-size:14px}.sa-generator-notice{color:#b6c0c5;margin:10px 0 0;font-size:11px;line-height:16px}.sa-generator-error,.sa-generator-message{overflow-wrap:anywhere;margin:10px 0;font-size:12px;line-height:18px}.sa-generator-error{color:#ffb4a9}.sa-generator-message{color:#b6c0c5}.sa-generator-dialog-description{color:#b6c0c5;max-width:58ch;margin:0 0 20px;font-size:14px;line-height:1.5}.sa-generator-template-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.sa-generator-template-grid>button{text-align:left;color:#f4f5f5;cursor:pointer;background:linear-gradient(120deg,#192126,#11191d);border:1px solid #344047;border-radius:6px;flex-direction:column;min-width:0;padding:0;transition:border-color .15s,background-color .15s;display:flex;overflow:hidden}.sa-generator-template-grid>button:hover{background:#1d272c;border-color:#ff6653}.sa-generator-template-art{aspect-ratio:16/10;background:#11191d;width:100%;display:block;position:relative;overflow:hidden}.sa-generator-template-art>svg{width:100%;height:100%;display:block;overflow:hidden}.sa-generator-template-audio{color:#ffc0b7;background:#0d1519e6;border:1px solid #ff665366;border-radius:4px;padding:3px 6px;font-size:11px;position:absolute;top:8px;right:8px}.sa-generator-template-copy{flex-direction:column;flex:1;gap:10px;width:100%;padding:12px;display:flex}.sa-generator-template-copy strong{font-family:var(--font-display), sans-serif;font-size:19px;font-weight:700;line-height:1.2}.sa-generator-template-meta{color:#b6c0c5;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;font-size:12px;display:flex}.sa-generator-template-meta>svg{color:#ff8878;flex-shrink:0}@media (max-width:767px){.sa-generator-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sa-generator-template-copy{padding:10px}.sa-generator-template-copy strong{font-size:17px}.sa-generator-template-meta{gap:4px;font-size:11px}}.sa-generator-guide h3{font-family:var(--font-display), sans-serif;color:#f4f5f5;margin:4px 0 8px;font-size:30px;line-height:1.1}.sa-generator-guide p{color:#b6c0c5;margin:0 0 24px;font-size:15px;line-height:1.5}.sa-generator-guide-actions{align-items:center;gap:10px;display:flex}.sa-generator-guide-actions>span{flex:1}.sa-generator-guide-actions .sa-button{min-height:44px;padding:8px 16px}.sa-generator-skip{color:#b6c0c5;cursor:pointer;background:0 0;border:0;min-height:44px;padding:8px 0;text-decoration:underline}:is(.sa-generator-editor :is(button,select,input):focus-visible,.sa-generator-template-grid>button:focus-visible,.sa-generator-guide button:focus-visible){outline-offset:3px;outline:2px solid #ff6653}@media (max-width:600px){.sa-generator-editor{padding:14px}.sa-generator-toolbar{gap:2px}.sa-generator-toolbar button,.sa-generator-active{gap:4px;padding:0 7px;font-size:11px}.sa-generator-toolbar button svg{display:none}.sa-generator-actions .sa-button{gap:7px;padding:8px 12px;font-size:12px}.sa-generator-inline-field,.sa-generator-output-row,.sa-generator-sliders{grid-template-columns:1fr;gap:10px}.sa-generator-guide-actions{flex-wrap:wrap}.sa-generator-guide-actions .sa-button{padding:8px 10px;font-size:13px}}
