#generatorType[hidden] { display:none; }
#generatorModeButton { max-width:100%; padding:3px 0; border:0; background:none; color:var(--text); font-size:12px; text-align:left; white-space:normal; overflow-wrap:anywhere; cursor:pointer; }
#generatorModeButton::after { content:'\25be'; padding-left:8px; }
.generator-choice { color:var(--text); background:var(--panel); border:1px solid var(--line); border-radius:8px; padding:18px; width:max-content; max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); box-sizing:border-box; overflow:auto; }
.generator-choice::backdrop { background:rgb(0 0 0 / 55%); }
.generator-choice.generator-startup::backdrop { background:var(--panel,#f4f6f8); }
.generator-choice header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:12px; }
.generator-choice h2 { margin:0; font-size:18px; letter-spacing:0; }
.generator-choice-close { width:32px; height:32px; padding:0; border:0; background:none; color:#e34c4c; font-size:28px; line-height:1; cursor:pointer; }
.generator-choice .generator-choice-close.png-close { font-size:28px !important; background:none !important; color:#e34c4c; }
.generator-choice-options { display:grid; grid-template-columns:repeat(2,228px); gap:16px; }
.generator-choice-options button[hidden] { display:none!important; }
.generator-choice-options button { position:relative; aspect-ratio:1; padding:0; overflow:hidden; border:1px solid var(--line); border-radius:4px; background:#0b111c; color:var(--text); font-size:14px; letter-spacing:0; cursor:pointer; }
.generator-choice-options button:hover,.generator-choice-options button:focus-visible { outline:2px solid #00a9ca; outline-offset:2px; }
.generator-choice-options button[aria-pressed="true"] { border-color:#00a9ca; }
.generator-choice-preview { position:absolute; inset:0; display:block; background:#0b111c; }
.generator-choice-preview img { width:100%; height:100%; object-fit:contain; }
.generator-development-banner { position:absolute; left:0; right:0; top:12px; height:14px; background:repeating-linear-gradient(135deg,#facc15 0 5px,#151515 5px 10px); color:#151515; font-size:13px; font-weight:700; line-height:14px; pointer-events:none; isolation:isolate; }
.generator-development-banner::before { content:''; position:absolute; inset:0 16px; background:#facc15; z-index:-1; }
.generator-choice-options [data-generator-label] { position:absolute; inset:auto 0 0; padding:8px 6px; color:#fff; background:rgb(11 17 28 / 82%); line-height:20px; overflow-wrap:anywhere; }
body[data-theme="day"] .generator-choice-preview { background:#e8edf2; }
body[data-theme="day"] .generator-choice-options [data-generator-label] { color:#172331; background:rgb(232 237 242 / 82%); }
.generator-preview-day { display:none; }
body[data-theme="day"] .generator-preview-day { display:block; }
body[data-theme="day"] .generator-preview-night { display:none; }
@media(max-width:560px) { .generator-choice-options { grid-template-columns:192px; gap:12px; } }