.redraw-body{background:radial-gradient(circle at 12% 0,#312e812e,#0000 28%),radial-gradient(circle at 90% 10%,#312e811a,#0000 28%),linear-gradient(#070a0f,#10131a 48%,#070a0f);min-height:100vh;overflow-x:hidden}.redraw-shell{width:min(1500px,100% - 48px);margin:0 auto;padding:34px 0 64px}.redraw-toolbar{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.redraw-toolbar h1{margin:0;font-size:34px;line-height:1}.redraw-status{color:var(--muted);justify-items:end;gap:6px;font-size:12px;font-weight:800;display:grid}.redraw-status strong{color:#c7d2fe;font-size:14px}.redraw-workbench{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:20px;display:grid}.redraw-editor-panel,.redraw-prompt-panel,.redraw-result-panel{border:1px solid var(--line);background:#080a0fe0;border-radius:8px;box-shadow:0 22px 70px #0000003d}.redraw-editor-panel{min-width:0;overflow:hidden}.redraw-editor-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.redraw-upload-btn,.redraw-primary-btn,.redraw-secondary-btn,.redraw-result-actions button,.redraw-result-actions a,.redraw-tools button{color:#fff;white-space:nowrap;background:#4f46e517;border:1px solid #4f46e5ad;border-radius:8px;padding:10px 13px;font-size:13px;font-weight:900;text-decoration:none}.redraw-upload-btn input{display:none}.redraw-tools{align-items:center;gap:12px;display:flex}.redraw-tools label{color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:900;display:flex}.redraw-tools input{width:160px;accent-color:var(--cyan)}.redraw-canvas-wrap{background-color:#0a0d12;background-image:linear-gradient(45deg,#ffffff09 25%,#0000 25%),linear-gradient(-45deg,#ffffff09 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff09 75%),linear-gradient(-45deg,#0000 75%,#ffffff09 75%),none;background-position:0 0,0 14px,14px -14px,-14px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;place-items:center;min-height:min(68vh,760px);padding:18px;display:grid;position:relative}.redraw-canvas-wrap.empty{background:#ffffff06}.redraw-canvas-wrap.empty img,.redraw-canvas-wrap.empty canvas{pointer-events:none;display:none}.redraw-empty-state{z-index:2;color:var(--muted);text-align:center;justify-items:center;gap:8px;display:grid;position:relative}.redraw-empty-state strong{color:var(--text);font-size:18px}.redraw-empty-upload-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#312e81,#4f46e5);border:1px solid #4f46e5c7;border-radius:8px;justify-content:center;align-items:center;min-width:132px;min-height:42px;margin-top:6px;font-size:13px;font-weight:900;display:inline-flex}.redraw-empty-upload-btn:hover{filter:brightness(1.08);border-color:#818cf8e6}.redraw-canvas-wrap img{object-fit:contain;border-radius:8px;max-width:100%;max-height:min(64vh,720px);display:block}.redraw-canvas-wrap canvas{touch-action:none;cursor:crosshair;position:absolute}.redraw-side-panel{gap:20px;display:grid}.redraw-prompt-panel,.redraw-result-panel{gap:14px;padding:18px;display:grid}.redraw-prompt-panel h2,.redraw-result-panel h2{margin:0;font-size:18px}.redraw-prompt-panel p{color:var(--muted);margin:5px 0 0;font-size:13px;line-height:1.6}.redraw-prompt-panel textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:180px;color:var(--text);background:#ffffff0b;border-radius:8px;outline:none;padding:13px;line-height:1.65}.redraw-prompt-panel textarea:focus{border-color:#4f46e56b}.redraw-primary-btn{color:#f8f5ff;background:linear-gradient(135deg,#312e81,#4f46e5);width:100%}.redraw-primary-btn:disabled,.redraw-result-actions button:disabled{cursor:not-allowed;opacity:.55}.redraw-secondary-btn{border-color:var(--line);width:100%;color:var(--muted);background:#ffffff09}.redraw-result-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.redraw-result-heading span{color:var(--muted);font-size:12px;font-weight:800}.redraw-result-box{border:1px solid var(--line);min-height:260px;color:var(--muted);background:#ffffff09;border-radius:8px;place-items:center;font-size:13px;font-weight:800;display:grid;overflow:hidden}.redraw-result-box.generating{background:linear-gradient(135deg,#312e812e,#4f46e514),#ffffff09;border-color:#4f46e557}.redraw-result-box img{width:100%;height:auto;display:block}.redraw-loading-state{text-align:center;justify-items:center;gap:10px;padding:30px 20px;display:grid}.redraw-loading-state strong{color:var(--text);font-size:17px}.redraw-loading-state p,.redraw-loading-state small{color:var(--muted);margin:0;line-height:1.55}.redraw-loading-state small{font-size:12px}.redraw-loading-orbit{border:2px solid #4f46e529;border-top-color:#4f46e5f2;border-radius:50%;width:62px;height:62px;animation:1s linear infinite redraw-spin;position:relative}.redraw-loading-orbit:after{content:"";border:2px solid #312e812e;border-bottom-color:#312e81e6;border-radius:50%;animation:1.6s linear infinite reverse redraw-spin;position:absolute;inset:12px}@keyframes redraw-spin{to{transform:rotate(360deg)}}.redraw-result-actions{align-items:center;gap:10px;display:flex}.redraw-result-actions button,.redraw-result-actions a{text-align:center;flex:1}@media (width<=980px){.redraw-workbench{grid-template-columns:1fr}.redraw-toolbar,.redraw-editor-top{flex-direction:column;align-items:stretch}.redraw-status{justify-items:start}}@media (width<=680px){.redraw-shell{width:min(100% - 28px,1500px);padding-top:22px}.redraw-tools{flex-direction:column;align-items:stretch}.redraw-tools input{width:100%}.redraw-canvas-wrap{min-height:380px;padding:10px}}
