.generator-page .image-design{min-width:0;margin:0 0 20px}.generator-page .image-design .qg-ssec{margin:0}.generator-page .image-design .qg-ssec summary h4{align-items:center;gap:8px;display:flex}.generator-page .image-design .qg-ruler{margin:0;display:flex}.generator-page .image-design .qg-ruler input[type=range]{box-shadow:none;border:0;border-radius:0}.generator-page .image-design .qg-ldz{width:100%;font:inherit;font-size:13px}.generator-page .image-design .qg-lcard .pv{min-width:0}.generator-page .image-design .qg-lcard .rm{z-index:1}.generator-page .image-design .qg-galbtn .stk{flex:1}.generator-page .image-design .qg-cpop{font-size:13px}.generator-page .image-design .qg-cpop .big{margin:0;display:grid}.generator-page .image-design .qg-cpop .hx input.input{background:0 0;border:0;border-radius:0;height:auto;min-height:0;padding:6px 0;font-size:12.5px;line-height:normal}.generator-page .image-design .qg-cpop .sw button{padding:0}.generator-page .image-design input[hidden]{display:none}.generator-page .image-design-error{color:#fca5a5;margin:10px 0 0;font-size:12px}.generator-page .image-design-status{color:var(--muted);margin:10px 0 0;font-size:12px}.generator-page .image-design-gallery{width:min(500px,100vw - 40px);max-width:none;height:calc(100dvh - 40px);max-height:none;margin:0;padding:0;position:fixed;inset:20px 20px 20px auto;overflow:hidden}.generator-page .image-design-gallery:not([open]){display:none}.generator-page .image-design-gallery::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009}.generator-page .image-design-gallery .qg-ldz{width:calc(100% - 52px);font:inherit;font-size:13px}.generator-page .image-empty-choose{border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:6px 14px;font-weight:600}@media (max-width:770px){.generator-page .image-design .qg-lw.on.bg{grid-template-columns:120px minmax(0,1fr)}}@media (max-width:480px){.generator-page .image-design .qg-lw.on.bg{grid-template-columns:minmax(0,1fr)}.generator-page .image-design .qg-lw.on.bg .qg-lcard{width:120px}.generator-page .image-design .qg-cpop{width:min(232px,100vw - 100px)}.generator-page .image-design-gallery{width:calc(100vw - 16px);height:calc(100dvh - 16px);inset:8px}}@media (max-width:700px){.generator-page .image-design-gallery .qg-ldz{width:100%}}.generator-page .image-placement{flex-wrap:wrap;gap:6px;display:flex}.generator-page .image-placement button{border:1px solid var(--border);font:inherit;color:var(--text-2);background:var(--bg-2);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:12px}.generator-page .image-placement button[aria-pressed=true]{background:var(--sel);border-color:var(--sel-b);color:var(--text)}.generator-page .url-asset-warning{color:#f7d79e;background:#2a2440;border:1px solid #8d7447;border-radius:12px;margin:12px 0;padding:14px;font-size:12px;line-height:1.5}.generator-page .url-asset-warning p{margin:5px 0 8px}.generator-page .url-asset-warning button{font:inherit;border:1px solid var(--border-2);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:999px;margin:3px 5px 0 0;padding:6px 10px;font-size:12px}
.url-tool .qca-ai-design{min-width:0}.url-tool .qca-ai-design .qg-ssec{border:1px solid var(--border,#2b3168);background:var(--bg-2,#141632);border-radius:16px;padding:14px 16px 16px}.url-tool .qca-ai-design h4{align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;display:flex}.url-tool .qca-ai-design .qg-ats{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.url-tool .qca-ai-design .qg-at{min-width:0;color:var(--text-2,#b4b4c8);cursor:pointer;text-align:center;background:0 0;border:0;padding:0}.url-tool .qca-ai-design .qg-at .th{aspect-ratio:1;background:var(--surface-2,#1c1c2c);border:1px solid var(--border,#2b3168);border-radius:10px;align-content:center;place-items:center;gap:3px;display:grid;overflow:hidden}.url-tool .qca-ai-design .qg-at .th>span{color:#fff;text-shadow:0 2px 12px #0008;font-size:38px;line-height:1}.url-tool .qca-ai-design .qg-at.on .th{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.url-tool .qca-ai-design .qg-at small{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:11px;display:block;overflow:hidden}.url-tool .qca-ai-design .qg-at.more .th{border-style:dashed;padding:8px;font-size:11px}.url-tool .qca-ai-design .qg-at.more .th small{color:var(--muted);margin:0}.url-tool .qca-ai-design .qg-ats.all{grid-template-columns:repeat(5,minmax(0,1fr))}.url-tool .qca-ai-design .qg-prompt{border:1px solid var(--border-2,#3a3a56);background:var(--bg-2,#0f0f1a);border-radius:14px;overflow:hidden}.url-tool .qca-ai-design textarea{resize:vertical;width:100%;min-height:120px;color:var(--text);font:inherit;background:0 0;border:0;margin:0;padding:14px;font-size:13px;line-height:1.7;display:block}.url-tool .qca-ai-design .bar{align-items:center;gap:8px;padding:8px 10px;display:flex}.url-tool .qca-ai-design .bar>small{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px}.url-tool .qca-ai-design .qg-aref{background:var(--surface,#171b45);border:1px solid var(--border,#2b3168);color:var(--text-2,#b4b4c8);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 9px;font-size:12px}.url-tool .qca-ai-design .qg-link{color:var(--primary,#b8a7ff);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.url-tool .qca-ai-design .qca-ai-reference{flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;font-size:12px;display:flex}.url-tool .qca-ai-design .qca-ai-reference>span{gap:3px;display:flex}.url-tool .qca-ai-design .qca-ai-reference i{border:1px solid #fff3;border-radius:5px;width:20px;height:20px;display:block}.url-tool .qca-ai-design .qca-ai-reference label{align-items:center;gap:7px;margin:0;font-size:12px;display:inline-flex}.url-tool .qca-ai-design .qca-ai-reference input{width:16px;height:16px;accent-color:var(--primary,#b8a7ff);margin:0;padding:0;display:inline-block}.url-tool .qca-ai-design .qg-hint{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.7}.url-tool .qca-ai-design .qca-ai-progress{margin-top:12px;font-size:12px;line-height:1.7}.url-tool .qca-ai-design .qca-ai-progress p{margin:0 0 7px}.url-tool .qca-ai-design progress{width:100%;height:7px;accent-color:var(--primary,#b8a7ff);border:0;border-radius:10px;margin-bottom:8px;overflow:hidden}.url-tool .qca-ai-design .qca-ai-failed{border:1px solid #ef444477;border-radius:10px;margin-top:12px;padding:12px;font-size:12px;line-height:1.6}.url-tool .qca-ai-design .qca-ai-failed p{margin:0 0 8px}.url-tool .qca-ai-design .bar>small.qca-ai-over-limit{color:#fca5a5}@media (max-width:560px){.url-tool .qca-ai-design .qg-ats,.url-tool .qca-ai-design .qg-ats.all{grid-template-columns:repeat(3,minmax(0,1fr))}.url-tool .qca-ai-design .bar{flex-wrap:wrap}.url-tool .qca-ai-design .bar>small{margin-left:0}.url-tool .qca-ai-design .bar>.btn{margin-left:auto}}.url-tool .qca-ai-design .btn{border:1px solid var(--border-2,#3a3a56);background:var(--surface-2,#1c1c2c);height:32px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.url-tool .qca-ai-design .btn-primary{background:var(--text,#ededf5);color:#0a0a0b;border-color:#0000}.url-tool .qca-ai-design .btn-primary:hover:not(:disabled){background:#fff}.url-tool .qca-ai-design button:disabled{cursor:not-allowed;opacity:.45}.url-tool .qca-ai-design .qg-at .th img{object-fit:contain;width:100%;height:100%;display:block}.url-tool .qca-ai-design .qca-ai-top-error{background:#ef444410;border:1px solid #ef444455;border-radius:10px;margin:0 0 14px;padding:10px 12px;line-height:1.5}.url-tool .qca-ai-design .qca-ai-top-error .qg-link{margin-top:6px;display:block}.url-tool .qca-ai-design .qg-prompt:has(#generate-ai-art:disabled) #generate-ai-art{opacity:1}.url-tool .qca-ai-design .qg-at.more{border:1px solid var(--border);background:var(--bg-2);border-radius:12px;padding:7px}.url-tool .qca-ai-design .qg-at.more .th{border:1px dashed var(--border-2);background:var(--surface-2);gap:2px}.url-tool .qca-ai-design .qg-at.more .th b{color:var(--text);font-size:22px}.url-tool .qca-ai-design .qg-at.more .th small{color:var(--muted);font-size:11px}