.editor-header{height:78px;padding-inline:40px}.editor-header-actions{display:flex;align-items:center;gap:22px}.editor-languages{display:flex;gap:3px;border:1px solid var(--line);padding:3px;border-radius:7px}.editor-languages button{font-size:11px;padding:7px 9px;border-radius:4px;background:none;color:var(--muted)}.editor-languages [aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.back-link{font-size:12px;display:flex;gap:10px;color:var(--muted)}.back-link:hover{color:var(--accent)}
.editor-shell{width:min(1180px,calc(100% - 80px));margin:auto}.editor-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end;padding:66px 0 48px}.editor-intro .eyebrow{font-size:9px}.editor-intro h1{font-weight:400;font-size:clamp(56px,6vw,82px);line-height:1.04;letter-spacing:-4px;margin-top:25px}.editor-intro h1 em{color:var(--accent);font-family:var(--sans);font-weight:400}.editor-intro-copy{max-width:410px;padding-bottom:9px;color:var(--muted);font-size:15px;line-height:1.9}.editor-provider{font:10px/1.6 var(--mono);color:var(--accent);margin-top:22px;display:flex;gap:9px;align-items:center}
.editor-layout{display:grid;grid-template-columns:390px minmax(0,1fr);gap:28px;align-items:start}.prompt-panel,.demo-panel{border:1px solid color-mix(in srgb,var(--line) 80%,var(--accent));border-radius:18px;background:var(--surface);box-shadow:0 20px 55px -35px #0008;overflow:hidden}.prompt-panel{padding:28px;background:radial-gradient(ellipse at 0 100%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 70%),var(--surface)}.editor-layout .micro-label{font:9px/1.6 var(--mono);letter-spacing:1.1px;color:var(--muted)}.editor-layout h2{font-size:23px;line-height:1.2;font-weight:500;letter-spacing:-.7px;margin-top:10px}.panel-description{font-size:12px;color:var(--muted);line-height:1.7;margin-top:12px}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.preset{position:relative;overflow:hidden;padding:0 0 13px;text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:11px;transition:transform .5s ease,border-color .5s ease}.preset:hover{transform:translateY(-2px);border-color:var(--accent)}.preset.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.preset>span:not(.preset-art){display:block;margin:11px 12px 5px;font-size:13px}.preset small{display:block;margin-inline:12px;font-size:9px;line-height:1.5;color:var(--muted)}.preset-art{height:75px;display:flex;align-items:center;justify-content:center;font-size:55px;line-height:1;transition:filter .6s ease}.preset:hover .preset-art{filter:brightness(1.1)}.art-y2k{background:radial-gradient(ellipse at 35% 20%,#f5d2b0,transparent 55%),linear-gradient(130deg,#a45059,#5f566b);color:#fff1dd;text-shadow:2px 2px #943e48,-2px -2px #d5b8c8}.art-clones{background:linear-gradient(130deg,#3f5364,#765862);font-size:33px;letter-spacing:-9px;color:#ffc3a8}.art-cinema{background:linear-gradient(0deg,#1b1925 18%,transparent 18% 80%,#1b1925 80%),radial-gradient(ellipse at 75% 30%,#ffb17e,#7b5458 40%,#28344e);color:#e6baa8;font-size:36px}.art-lofi{background:radial-gradient(ellipse at 30% 70%,#c69b75,transparent 50%),linear-gradient(130deg,#424054,#6c5568);color:#ffddb8;font-size:39px}.prompt-panel label{display:block;font-size:12px;font-weight:500;margin-bottom:11px}#edit-prompt{display:block;width:100%;padding:15px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);font:12px/1.8 var(--sans);resize:vertical;min-height:140px}#edit-prompt:focus{outline:1px solid var(--accent);outline-offset:2px}.prompt-tip{font-size:10px;color:var(--muted);line-height:1.8;margin:11px 0 22px}.prompt-panel .button{width:100%;font-size:11px;gap:12px;border-radius:7px}.prompt-panel .button>span:first-child{font-size:12px}.copy-status{font-size:11px;line-height:1.7;color:var(--accent);min-height:19px;margin-top:10px}
.demo-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:26px 28px;border-bottom:1px solid var(--line)}.demo-top h2{font-size:24px}.free-badge{font:9px var(--mono);padding:9px 10px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:20px;white-space:nowrap}.demo-placeholder{min-height:490px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:44px 38px;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 65%)}.demo-placeholder .placeholder-heading{font-size:27px;line-height:1.3;letter-spacing:-.8px;color:var(--text);margin:32px 0 16px}.demo-placeholder p{max-width:330px;color:var(--muted);font-size:12px;line-height:1.85}.demo-launch{margin-top:28px;border:1px solid var(--line);background:var(--surface-2);border-radius:7px}.demo-launch>span:first-child{font-size:12px}.editor-orbit{width:130px;height:120px;position:relative;isolation:isolate}.editor-orbit>span{position:absolute;inset:20px;border-radius:50%;background:radial-gradient(circle at 30% 24%,#ffddbd,#ee9d87 38%,#9d5b62 75%);box-shadow:inset -7px -7px 14px #49263e66,0 18px 35px -15px #ff8d7b44}.editor-orbit>i{position:absolute;inset:25px -9px;border:1px solid #e3ac96;border-radius:50%;transform:rotate(-30deg);animation:editor-orbit 10s ease-in-out infinite}.editor-orbit>b{position:absolute;right:-4px;top:3px;font-size:26px;color:var(--accent);font-weight:400;animation:editor-breathe 6s ease-in-out infinite}.frame-status{font-size:12px;color:var(--muted);padding:20px 28px;line-height:1.8}#qwen-editor{display:block;width:100%;height:1050px;border:0;color-scheme:normal;background:#111827}#qwen-editor[hidden]{display:none}.demo-bottom{display:flex;justify-content:flex-end;gap:22px;flex-wrap:wrap;padding:20px 28px;border-top:1px solid var(--line);font-size:11px;color:var(--accent)}.demo-bottom button{padding:0;color:var(--muted);background:none;font-size:11px}.demo-bottom a:hover{text-decoration:underline}.usage-note{padding:0 28px 25px;font-size:10px;color:var(--muted);line-height:1.9}.editor-notes{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:48px 0 65px;border-top:1px solid var(--line);padding-top:24px}.editor-notes .micro-label{font:9px var(--mono);letter-spacing:1px;color:var(--accent)}.editor-notes p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:12px;max-width:460px}.editor-footer{width:min(1180px,calc(100% - 80px));display:flex;align-items:center;gap:20px;justify-content:space-between;margin:auto;padding:22px 0 30px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.editor-footer>a:first-child{font-size:16px;font-weight:600;color:var(--text)}
@keyframes editor-orbit{50%{transform:rotate(-20deg) translateY(-3px)}}@keyframes editor-breathe{50%{opacity:.4;transform:scale(.9)}}
@media(max-width:1000px){.editor-layout{grid-template-columns:330px minmax(0,1fr);gap:20px}.editor-header{padding-inline:24px}.editor-shell,.editor-footer{width:calc(100% - 48px)}.prompt-panel,.demo-top{padding:23px}.free-badge{font-size:8px}.demo-top h2{font-size:21px}.demo-placeholder{padding-inline:25px}.demo-placeholder .placeholder-heading{font-size:25px}}
@media(max-width:760px){.editor-header{height:72px;padding-inline:20px}.editor-header .brand{font-size:15px;gap:8px}.editor-header-actions{gap:10px}.back-link{font-size:0;gap:0}.back-link>span:first-child{font-size:18px}.editor-shell,.editor-footer{width:calc(100% - 40px)}.editor-intro{grid-template-columns:1fr;gap:25px;padding:42px 0 32px}.editor-intro h1{font-size:58px;letter-spacing:-3px}.editor-intro .eyebrow{font-size:8px}.editor-intro-copy{font-size:13px;max-width:400px}.editor-provider{font-size:9px;margin-top:16px}.editor-layout{grid-template-columns:1fr}.prompt-panel{padding:24px}.preset-art{height:82px}.preset small{font-size:10px}.demo-placeholder{min-height:430px}#qwen-editor{height:1400px}.editor-notes{grid-template-columns:1fr;gap:25px;margin-block:32px}.editor-footer{flex-wrap:wrap;font-size:10px}.editor-footer>span{display:none}}
@media(prefers-reduced-motion:reduce){.editor-orbit>i,.editor-orbit>b{animation:none}.preset,.preset-art{transition:none}}
.photo-upload{margin:22px 0;position:relative}.upload-label{display:flex!important;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;border:1px dashed color-mix(in srgb,var(--accent) 48%,var(--line));padding:22px 15px;border-radius:11px;background:color-mix(in srgb,var(--accent) 4%,var(--bg));cursor:pointer;text-align:center}.upload-label>span:first-child{font-size:22px;color:var(--accent)}.upload-label small{flex-basis:100%;font:9px/1.8 var(--mono);font-weight:400;color:var(--muted)}#photo-file{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.photo-upload:focus-within .upload-label{outline:2px solid var(--accent);outline-offset:3px}#photo-name{overflow-wrap:anywhere}.format-fields{margin-bottom:22px}.format-fields select,.size-inputs input{width:100%;min-height:42px;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:7px;color:var(--text);font:12px var(--sans)}.format-fields select:focus,.size-inputs input:focus{outline:1px solid var(--accent);outline-offset:2px}#custom-size{margin-top:15px}.size-inputs{display:flex;align-items:center;gap:8px}.size-inputs input{min-width:0}.connection-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:12px}.button:disabled{opacity:.5;transform:none}#cancel-generation{width:100%;margin-top:10px;padding:10px;background:transparent;color:var(--muted);font-size:11px;border:1px solid var(--line);border-radius:7px}
.image-stage{position:relative;display:grid;place-items:center;aspect-ratio:var(--output-ratio,1);min-height:240px;max-height:750px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 70%),var(--bg);border-bottom:1px solid var(--line)}.image-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#image-empty{padding:38px 25px;text-align:center;display:flex;flex-direction:column;align-items:center}#image-empty .placeholder-heading{font-size:23px;letter-spacing:-.6px;line-height:1.3;margin:25px 0 12px}#image-empty>p:last-child{font-size:12px;line-height:1.8;max-width:280px;color:var(--muted)}#image-busy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:17px;background:color-mix(in srgb,var(--bg) 86%,transparent);color:var(--text);font-size:12px;z-index:2}.loading-ring{width:35px;height:35px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:editor-spin 1.2s linear infinite}.result-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:18px 22px;flex-wrap:wrap}.result-toolbar>div{display:flex;gap:10px;flex-wrap:wrap}.result-toolbar button{padding:10px 12px;font-size:11px;background:var(--surface-2);border:1px solid var(--line);border-radius:7px}.result-toolbar button:disabled{opacity:.4}.result-panel .usage-note{padding:4px 24px 25px}#download-image{border-color:color-mix(in srgb,var(--accent) 38%,var(--line));color:var(--accent)}@keyframes editor-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.image-stage{min-height:240px}.result-toolbar{padding:16px;gap:9px}.result-toolbar button{font-size:10px;padding:10px}.result-panel .usage-note{padding-inline:18px}.editor-footer>span:last-child{display:inline}}
@media(prefers-reduced-motion:reduce){.loading-ring{animation:none}}
.image-stage:has(>img:not([hidden])){min-height:0;max-height:none}