.segmented,.template-tabs,.preview-switch{display:flex;gap:6px;padding:5px;border-radius:12px;background:#f3f4f6}.segmented button,.template-tabs button,.preview-switch button{flex:1;border:0;border-radius:9px;padding:9px;background:transparent;color:#68707d;cursor:pointer}.segmented button.active,.template-tabs button.active,.preview-switch button.active{background:#fff;color:#d74338;box-shadow:0 4px 14px #1111}.upload-box{padding:16px!important;border:1px dashed #cfd5df;border-radius:14px;background:#f8fafc;cursor:pointer}.upload-box input{padding:0!important;border:0!important;margin:8px 0 0}.upload-box span{display:block;color:#8a92a0;font-size:12px}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.step-list{display:flex;gap:6px}.step-list span{font-size:11px;padding:7px;border-radius:8px;background:#f1f2f5;color:#8c93a0}.step-list span.active{background:#191a1e;color:#fff}.text-button{border:0;background:none;color:#7b8290;cursor:pointer}.checker-stage{background:#fff}.dynamic-stage{position:relative}.dynamic-stage #dq-overlay{position:absolute;left:50%;top:50%;aspect-ratio:1;object-fit:contain;transform:translate(-50%,-50%);mix-blend-mode:multiply;pointer-events:none}.template-panel{padding:16px;border-bottom:1px solid #eceef1}.template-tabs{max-width:320px;margin-bottom:14px}.template-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;max-height:215px;overflow:auto}.template-grid button{position:relative;aspect-ratio:1;border:2px solid transparent;border-radius:10px;padding:0;overflow:hidden;background:#eee;cursor:pointer}.template-grid button.active{border-color:#e04438}.template-grid img{width:100%;height:100%;object-fit:cover}.template-grid span{position:absolute;left:0;right:0;bottom:0;padding:12px 3px 4px;background:linear-gradient(transparent,#000b);color:#fff;font-size:10px}.ai-stage{min-height:520px}.ai-stage img{width:100%;height:100%;object-fit:contain}.ai-empty{display:grid;place-items:center;gap:6px;color:#9aa1ac}.ai-empty b{font-size:24px;color:#545b66}.preview footer a{color:#d74338;font-weight:700}@media(max-width:760px){.template-grid{grid-template-columns:repeat(3,1fr)}.setting-grid{grid-template-columns:1fr}.ai-stage{min-height:360px}}