.generator-modes{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:24px}.generator-modes a{padding:9px 24px;border-radius:7px;font-size:13px;color:var(--muted);font-weight:600}.generator-modes a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.quick-shell{width:min(100%,940px);margin:0 auto}.quick-heading{margin-bottom:26px}.quick-heading h1{font-size:34px;letter-spacing:-1px;line-height:1.2;margin-bottom:10px}.quick-heading p{font-size:14px;line-height:1.6}.quick-warning{display:flex;justify-content:space-between;gap:16px;align-items:center;background:var(--panel);border:1px solid #b887354d;border-radius:9px;padding:10px 14px;margin-bottom:18px;font-size:12px}.quick-warning a{color:var(--accent);white-space:nowrap}.quick-form fieldset{border:0;padding:0;min-width:0;margin:0}.quick-form legend{font-size:15px;font-weight:650;margin-bottom:12px}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.topic-card{position:relative;cursor:pointer;display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:10px;padding:16px;min-height:76px;background:var(--panel);border:1px solid var(--line);border-radius:12px;font-size:14px!important;font-weight:550!important;line-height:1.4;transition:border-color .15s,background .15s}.topic-card:hover{border-color:var(--accent)}.topic-card input,.count-buttons input{position:absolute;width:1px;height:1px;opacity:0}.topic-card:has(input:checked){border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.topic-card:has(input:focus-visible),.count-buttons label:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.topic-card i{font-style:normal;opacity:0;color:var(--accent)}.topic-card:has(input:checked) i,.custom-topic i{opacity:1}.custom-topic{border-style:dashed}.quick-options-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(360px,1.65fr);align-items:start;gap:28px;margin:24px 0}.quick-product{display:grid!important;grid-template-columns:1fr auto;gap:10px!important;font-size:14px!important}.quick-product select{grid-column:1/-1}.optional{color:var(--muted);font-size:11px;font-weight:400}.quick-count legend{font-size:14px;margin-bottom:10px}.count-buttons{display:flex;gap:6px}.count-buttons label{position:relative;flex:1;cursor:pointer}.count-buttons span{display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:13px}.count-buttons input:checked+span{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}#quick-custom-wrap,#quick-count-wrap{margin-top:14px}.quick-submit{width:100%;min-height:54px!important;font-size:14px!important;gap:14px}.quick-submit:disabled{opacity:.65;cursor:wait}.quick-output-note{text-align:center;font-size:11px;color:var(--muted);margin:12px 0 26px;line-height:1.5}.quick-advanced{border-top:1px solid var(--line);padding:20px 0}.quick-advanced>summary{font-size:13px;color:var(--muted)}.quick-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.quick-expert{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.quick-expert summary{font-size:13px;color:var(--muted)}.quick-result{max-width:760px}.quick-progress{padding:30px!important}.quick-progress-numbers{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}.quick-progress-numbers strong{font-size:32px;font-weight:600;letter-spacing:-1px}.quick-progress-numbers>span{font-size:13px;color:var(--muted)}.quick-progress progress{width:100%;height:8px;accent-color:var(--accent);border-radius:6px}.quick-stages{list-style:none;padding:0;margin:24px 0;display:grid;gap:16px}.quick-stages li{display:flex;align-items:center;gap:13px;font-size:14px;color:var(--muted)}.quick-stages li.complete,.quick-stages li.current{color:var(--accent)}.quick-stages li.current{font-weight:650}.quick-stages li span{width:20px;text-align:center}.quick-failure{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--danger);padding:22px;border-radius:9px;margin:20px 0}.quick-failure p{margin-bottom:16px;font-size:14px}.quick-ready{display:flex;align-items:center;justify-content:center;gap:32px;margin:24px 0}.quick-ready video{width:250px;max-width:100%;max-height:530px;border-radius:14px;background:#142029}.quick-result-actions{display:flex;flex-direction:column;gap:16px;min-width:210px}.quick-result-actions .text-link{text-align:center}.quick-result>#quick-batch-link{display:inline-block;margin:20px 0}.quick-result-actions .button{min-height:46px}.generator-modes a:focus-visible,.quick-form summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:1100px){.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-options-row{gap:18px;grid-template-columns:1fr 1.7fr}.count-buttons span{padding:9px 7px}}
@media(max-width:650px){.generator-modes{margin-bottom:20px}.quick-heading h1{font-size:29px}.quick-heading p{font-size:13px}.quick-heading{margin-bottom:22px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.topic-card{min-height:66px;padding:12px;font-size:12px!important}.quick-options-row{grid-template-columns:1fr;gap:20px;margin:22px 0}.quick-fields{grid-template-columns:1fr 1fr;gap:14px}.quick-output-note{font-size:10px}.quick-ready{flex-direction:column;gap:24px}.quick-result-actions{width:100%}.quick-ready video{max-height:500px}.quick-progress{padding:22px!important}.quick-warning{font-size:11px}.quick-submit{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.topic-card{transition:none}}