:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111827;--bg:#eef3f8;--card:#fff;--muted:#64748b;--muted-dark:#475569;--line:#dbe3ef;--line-strong:#b9c8dc;--primary:#1d4ed8;--primary-dark:#1e40af;--primary-soft:#dbeafe;--danger:#b91c1c;--shadow:0 24px 70px #0f172a1f;background:#eef3f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #3b82f62e, transparent 28rem), radial-gradient(circle at top right, #0ea5e924, transparent 24rem), var(--bg);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{width:min(1440px,100% - 32px);margin:0 auto;padding:36px 0 56px}.hero{grid-template-columns:1.4fr .6fr;align-items:stretch;gap:28px;margin-bottom:26px;display:grid}.eyebrow{color:var(--primary);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:.82rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.06em;max-width:900px;margin-bottom:16px;font-size:clamp(2.3rem,5vw,5.2rem);line-height:.95}.hero-copy{max-width:820px;color:var(--muted-dark);margin-bottom:0;font-size:1.08rem;line-height:1.7}.hero-card,.workspace-card{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border:1px solid #dbe3efdb;border-radius:28px}.hero-card{flex-direction:column;justify-content:flex-end;gap:10px;min-height:200px;padding:28px;display:flex}.hero-card strong{font-size:1.22rem}.hero-card span{color:var(--muted-dark);line-height:1.6}.workspace-card{margin-bottom:24px;padding:26px}.toolbar-row{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.toolbar-row.align-start{align-items:flex-start}.toolbar-row h2{letter-spacing:-.02em;margin-bottom:8px;font-size:1.45rem}.toolbar-row p,.helper-text,.control-block small,.status-line,.warning-box{color:var(--muted-dark);line-height:1.55}.toolbar-row p{max-width:820px;margin-bottom:0}.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.image-slot{border:1px solid var(--line);background:#f8fafc;border-radius:24px;flex-direction:column;gap:16px;min-height:440px;padding:18px;transition:border-color .18s,transform .18s,background .18s;display:flex}.image-slot.active{border-color:var(--primary);background:#f5f9ff;transform:translateY(-1px)}.slot-header,.pane-title,.prompt-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.slot-kicker,.pane-title span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:700;display:block}.slot-header h3,.pane-title h3,.export-card h3{margin:4px 0 0;font-size:1.05rem}.preview-frame,.drop-placeholder{border:1px dashed var(--line-strong);background-color:#0000;background-image:linear-gradient(45deg,#94a3b81f 25%,#0000 25%),linear-gradient(-45deg,#94a3b81f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#94a3b81f 75%),linear-gradient(-45deg,#0000 75%,#94a3b81f 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:18px;place-items:center;min-height:250px;display:grid;overflow:hidden}.preview-frame img{object-fit:contain;width:100%;max-height:320px;display:block}.drop-placeholder{color:var(--muted-dark);text-align:center;padding:28px}.drop-placeholder strong{color:#1f2937;margin-bottom:8px;font-size:1.1rem;display:block}.image-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.image-meta div{border:1px solid var(--line);background:#fff;border-radius:14px;min-width:0;padding:12px}.image-meta dt{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:700}.image-meta dd{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:4px 0 0;font-weight:650;overflow:hidden}.controls-panel{border:1px solid var(--line);background:#f8fafc;border-radius:22px;grid-template-columns:1fr 1fr auto;align-items:end;gap:16px;margin-top:22px;padding:18px;display:grid}.control-block{flex-direction:column;gap:8px;display:flex}.control-block label,.control-strip label{color:#1f2937;font-weight:750}input[type=range]{width:100%;accent-color:var(--primary)}select,textarea{border:1px solid var(--line-strong);color:#111827;background:#fff;border-radius:14px}select{min-height:44px;padding:0 14px}textarea{resize:vertical;width:100%;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;line-height:1.55}.button-group,.button-stack{gap:10px;display:flex}.button-group{flex-wrap:wrap;justify-content:flex-end}.button-stack{flex-direction:column;align-items:flex-start}.primary-button,.secondary-button,.ghost-button,.icon-button{border:0;border-radius:999px;min-height:42px;padding:0 18px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.ghost-button:hover:not(:disabled),.icon-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button{background:var(--primary);color:#fff;box-shadow:0 10px 24px #1d4ed840}.primary-button:hover:not(:disabled){background:var(--primary-dark)}.secondary-button{border:1px solid var(--line-strong);color:#1f2937;background:#fff}.ghost-button{background:var(--primary-soft);color:var(--primary-dark);white-space:nowrap}.icon-button{min-height:36px;color:var(--danger);background:#fee2e2;font-size:.85rem}.full-width{width:100%}.status-line{color:#1e3a8a;background:#eff6ff;border-radius:16px;margin-top:16px;padding:12px 14px}.comparison-card{overflow:hidden}.metrics{grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;width:min(620px,100%);display:grid}.metric{border:1px solid var(--line);background:#f8fafc;border-radius:16px;padding:12px 14px}.metric span{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:800;display:block}.metric strong{color:#111827;margin-top:5px;font-size:1rem;display:block}.warning-box{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:18px;margin-bottom:18px;padding:14px 16px}.mode-tabs{border:1px solid var(--line);background:#f8fafc;border-radius:20px;gap:8px;margin-bottom:18px;padding:8px;display:flex;overflow-x:auto}.mode-tabs button{color:var(--muted-dark);white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:10px 14px;font-weight:800}.mode-tabs button.active{color:#fff;background:#111827}.side-grid,.exports-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.image-pane,.mode-panel,.export-card{border:1px solid var(--line);background:#f8fafc;border-radius:24px}.image-pane{padding:16px}.image-pane img{border:1px solid var(--line);object-fit:contain;background:#fff;border-radius:18px;width:100%;max-height:70vh;margin-top:14px;display:block}.mode-panel{padding:18px}.control-strip{grid-template-columns:minmax(180px,280px) 1fr;align-items:center;gap:16px;margin-bottom:16px;display:grid}.overlay-frame{border:1px solid var(--line);background:#fff;border-radius:22px;width:100%;max-height:78vh;position:relative;overflow:hidden}.overlay-frame img{object-fit:fill;width:100%;height:100%;display:block;position:absolute;inset:0}.base-image{z-index:1}.overlay-image{z-index:2}.slider-line{z-index:3;background:#fff;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 0 1px #0f172a47,0 0 20px #0f172a47}.blink-label{color:#fff;background:#111827;border-radius:999px;margin-bottom:14px;padding:8px 12px;font-size:.86rem;font-weight:800;display:inline-flex}.result-canvas{border:1px solid var(--line);background:#fff;border-radius:22px;width:100%;height:auto;max-height:78vh;display:block}.empty-result{border:1px dashed var(--line-strong);min-height:300px;color:var(--muted-dark);text-align:center;border-radius:22px;place-items:center;display:grid}.empty-result strong{color:#1f2937;margin-bottom:6px;display:block}.exports-grid{align-items:start}.export-card{padding:18px}.export-card p{color:var(--muted-dark);line-height:1.6}.prompt-card textarea{min-height:440px}@media (width<=1050px){.hero,.upload-grid,.controls-panel,.side-grid,.exports-grid{grid-template-columns:1fr}.toolbar-row,.toolbar-row.align-start{flex-direction:column;align-items:flex-start}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.button-group{justify-content:flex-start}}@media (width<=700px){.app-shell{width:min(100% - 18px,1440px);padding-top:18px}.workspace-card,.hero-card{border-radius:22px;padding:18px}.image-meta,.metrics,.control-strip{grid-template-columns:1fr}.button-group,.button-stack,.button-group button,.button-stack button{width:100%}}