.generation-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;width:100%;min-height:320px;padding:32px 24px;color:#252525;text-align:center}.generation-status-art{position:relative;width:180px;height:140px;overflow:hidden}.generation-status-art>svg{display:block;width:100%;height:100%}.generation-status-outline{stroke:#747474;stroke-width:1.6;stroke-linecap:square}.generation-status-detail{stroke:#b4b4b4;stroke-width:1.2}.generation-status-dimension{stroke:#cdcdcd;stroke-width:1}.generation-status-sweep{position:absolute;top:16px;left:24px;right:24px;height:1px;background:#333;opacity:.6;animation:generation-scan 2.8s cubic-bezier(.25,1,.5,1) infinite}.generation-status-label{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:500;line-height:1.5}.generation-status-spinner{display:flex;animation:generation-rotate 1.3s linear infinite}.generation-status-rail{width:min(220px,80%);height:3px;border-radius:3px;background:#e3e3e3;overflow:hidden}.generation-status-rail>span{display:block;width:40%;height:100%;border-radius:3px;background:#555;animation:generation-travel 2s cubic-bezier(.25,1,.5,1) infinite}.generation-status[data-phase=pending] .generation-status-sweep{animation-duration:4s}@keyframes generation-scan{0%{transform:translateY(0);opacity:0}15%{opacity:.7}85%{opacity:.7}to{transform:translateY(108px);opacity:0}}@keyframes generation-travel{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes generation-rotate{to{transform:rotate(360deg)}}@keyframes generation-result-reveal{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.generation-result{animation:generation-result-reveal .24s cubic-bezier(.25,1,.5,1)}@media(prefers-reduced-motion:reduce){.generation-status-sweep,.generation-status-spinner,.generation-status-rail>span,.generation-result{animation:none}.generation-status-sweep{transform:translateY(54px)}.generation-status-rail>span{margin-inline:auto}}.refinement-workspace{--refinement-line:#e3e3e3;box-sizing:border-box;width:100%;background:#fff;color:#242424;font-family:inherit;border:1px solid var(--refinement-line);border-radius:6px;overflow:clip}.refinement-workspace *{box-sizing:border-box}.refinement-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--refinement-line)}.refinement-workspace p.refinement-title,.refinement-workspace .refinement-header>p{font-family:inherit;font-size:14px;font-weight:550;line-height:1.5;margin:0}.refinement-header>p>span{font-size:11px;color:#777;font-weight:400}.refinement-layout{display:grid;grid-template-columns:minmax(340px,540px) minmax(0,1fr);height:clamp(580px,calc(100svh - 230px),740px)}.refinement-input{display:flex;flex-direction:column;min-width:0;min-height:0;margin:0;border-right:1px solid var(--refinement-line)}.refinement-form-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:24px;scrollbar-width:thin}.refinement-form-scroll>.refinement-title{margin-bottom:20px}.refinement-source{margin:0}.refinement-source figcaption{font-size:11px;color:#777;margin-bottom:8px}.refinement-source img{display:block;aspect-ratio:16/10;width:100%;-o-object-fit:contain;object-fit:contain;border:1px solid var(--refinement-line);border-radius:4px;background:#f7f7f7}.refinement-request{display:block;margin-top:24px;font-size:12px;line-height:1.5;font-weight:600}.refinement-workspace .refinement-request textarea{display:block;width:100%;min-height:120px;max-height:260px;margin-top:8px;padding:12px;border:1px solid #d7d7d7;border-radius:5px;background:#fff;color:#242424;font-family:inherit;font-size:12px;line-height:1.65;font-weight:400;resize:vertical}.refinement-request textarea:disabled{opacity:.6;cursor:wait}.refinement-workspace :is(button,textarea):focus-visible{outline:2px solid #777;outline-offset:3px}.refinement-previous{border:0;padding:8px 0;background:transparent;color:#666;font-family:inherit;font-size:11px;text-decoration:underline;cursor:pointer}.refinement-submit{display:flex;justify-content:center;margin-top:auto;flex-shrink:0;padding:18px 24px 20px;border-top:1px solid var(--refinement-line);background:#fafafa}.refinement-workspace .refinement-primary,.refinement-workspace .refinement-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 20px;border:1px solid #171717;border-radius:5px;font-family:inherit;font-size:13px;font-weight:550;line-height:1.5;text-align:center;cursor:pointer;transition:background-color .15s cubic-bezier(.25,1,.5,1),opacity .15s cubic-bezier(.25,1,.5,1)}.refinement-workspace .refinement-primary{background:#171717;color:#fff;box-shadow:none}.refinement-workspace .refinement-primary:hover:not(:disabled){background:#353535}.refinement-workspace .refinement-secondary{border-color:#c9c9c9;background:#fff;color:#333}.refinement-workspace .refinement-secondary:hover:not(:disabled){background:#f1f1f1}.refinement-workspace button:disabled{opacity:.5;cursor:not-allowed}.refinement-workspace .refinement-generate{width:100%;min-height:54px;font-size:14px}.refinement-credit{padding-right:10px;border-right:1px solid #ffffff50;font-size:10px;font-weight:400;opacity:.8;white-space:nowrap}.refinement-output{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:auto;padding:24px;scrollbar-width:thin;scroll-margin-top:100px}.refinement-output>.refinement-title{margin-bottom:20px}.refinement-canvas{position:relative;display:grid;place-items:center;flex:1 1 0;width:100%;min-height:320px;border:1px solid var(--refinement-line);border-radius:5px;overflow:hidden;background:#f7f7f7}.refinement-canvas>img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;max-height:540px}.refinement-placeholder{padding:24px;margin:0;color:#8a8a8a;font-size:12px;text-align:center}.refinement-result-actions{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:20px}.refinement-error{margin:16px 0 0;padding:12px;border:1px solid #d8d8d8;border-radius:4px;background:#f5f5f5;color:#444;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.refinement-expand{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;min-width:40px;min-height:40px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#222;cursor:pointer}.refinement-dialog{position:fixed;inset:0;margin:auto;max-width:94vw;max-height:94dvh;padding:24px;border:1px solid #ddd;border-radius:6px;background:#fafafa}.refinement-dialog::backdrop{background:#161616bf}.refinement-dialog>img{display:block;max-width:86vw;max-height:84dvh;-o-object-fit:contain;object-fit:contain}.refinement-dialog>button{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:4px;background:#fff;color:#222;cursor:pointer}.fpw-refinement{padding:0}.fpw-refinement .refinement-workspace{border:0;border-radius:0}@media(max-width:1000px){.refinement-layout{grid-template-columns:minmax(320px,1fr) minmax(0,1fr)}.refinement-form-scroll,.refinement-output{padding:20px}.refinement-submit{padding:16px 20px}.refinement-result-actions{gap:8px}}@media(max-width:760px){.refinement-layout{display:flex;flex-direction:column;height:auto}.refinement-input{border-right:0;border-bottom:1px solid var(--refinement-line)}.refinement-form-scroll{max-height:600px}.refinement-source img{max-height:280px}.refinement-output{overflow:visible}.refinement-canvas{min-height:300px}.refinement-workspace .refinement-request textarea{font-size:16px}.refinement-header{align-items:flex-start;padding:16px 20px}.refinement-header>p>span{display:block}.refinement-header .refinement-secondary{min-height:40px;font-size:11px;padding:8px 12px}.refinement-result-actions>*{flex:1 1 auto}.refinement-workspace .refinement-generate{gap:8px;font-size:13px}}@media(prefers-reduced-motion:reduce){.refinement-workspace .refinement-primary,.refinement-workspace .refinement-secondary{transition:none}}