:root{--ink:#171614;--paper:#f5f1e8;--cream:#fffdf8;--line:#d8d0c3;--wine:#6e1735;--acid:#d7ea58;--muted:#6c6861}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}.hidden{display:none!important}.app-shell{min-height:100vh;background:radial-gradient(circle at 82% 8%,rgba(215,234,88,.22),transparent 20rem),var(--paper)}.topbar{min-height:82px;padding:16px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(245,241,232,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}.brand{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:var(--wine);color:white;font:700 14px/1 Georgia,serif}.brand strong,.brand small{display:block}.brand strong{font-size:14px;letter-spacing:.13em}.brand small{color:var(--muted);font-size:9px;letter-spacing:.24em;margin-top:4px}.connection-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:var(--cream);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.status-dot{width:8px;height:8px;border-radius:50%;background:#c28b22}.connection-pill.online .status-dot{background:#4a8c53}.intro{max-width:1180px;margin:0 auto;padding:clamp(56px,8vw,108px) clamp(20px,5vw,72px) 48px}.eyebrow,.step{margin:0 0 14px;font-size:11px;font-weight:800;letter-spacing:.22em;color:var(--wine)}.intro h1{margin:0;max-width:900px;font:500 clamp(47px,7.5vw,94px)/.92 Georgia,"Times New Roman",serif;letter-spacing:-.055em}.lede{max-width:720px;margin:28px 0 0;color:var(--muted);font-size:clamp(16px,2vw,20px);line-height:1.55}.mode-tabs{max-width:1180px;margin:0 auto;padding:0 clamp(20px,5vw,72px);display:flex}.mode-tabs button{flex:1;padding:18px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:#8a847a;font-size:11px;font-weight:800;letter-spacing:.13em;cursor:pointer}.mode-tabs button.active{color:var(--ink);border-bottom:3px solid var(--wine)}.workspace{max-width:1180px;margin:0 auto;padding:44px clamp(20px,5vw,72px) 96px}.workspace-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.workspace-head h2{margin:0 0 7px;font:500 clamp(29px,4vw,43px)/1 Georgia,serif;letter-spacing:-.025em}.workspace-head p:not(.step){margin:0;color:var(--muted);font-size:13px}.count{font-size:10px;font-weight:800;letter-spacing:.16em;padding:9px 12px;border:1px solid var(--line)}.dropzone{min-height:260px;display:grid;place-items:center;align-content:center;gap:9px;border:1.5px dashed #aaa095;background:rgba(255,253,248,.7);cursor:pointer;transition:.2s ease}.dropzone:hover,.dropzone.dragging{border-color:var(--wine);background:var(--cream);transform:translateY(-2px)}.dropzone .upload-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:4px;border-radius:50%;background:var(--acid);font-size:26px}.dropzone strong{font:500 24px/1.2 Georgia,serif}.dropzone>span:last-child{color:var(--muted);font-size:13px}.photo-grid{margin-top:24px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.photo-card{min-width:0}.photo-frame{aspect-ratio:1;position:relative;overflow:hidden;background:white;border:1px solid var(--line)}.photo-frame.checker{background-color:white;background-image:linear-gradient(45deg,#e5e5e5 25%,transparent 25%),linear-gradient(-45deg,#e5e5e5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5e5e5 75%),linear-gradient(-45deg,transparent 75%,#e5e5e5 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.photo-frame img{width:100%;height:100%;object-fit:contain;display:block}.photo-preparing{width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:24px;color:var(--muted);font:500 17px/1.4 Georgia,serif;background:linear-gradient(135deg,#fffdf8,#eee6d9)}.remove{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(23,22,20,.82);color:white;font-size:20px;cursor:pointer}.photo-status{position:absolute;left:8px;top:8px;padding:6px 8px;background:rgba(255,253,248,.9);font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.photo-status.complete{background:var(--acid)}.photo-status.error{background:#f0a4a4}.photo-meta{display:flex;justify-content:space-between;margin-top:8px;font-size:9px;letter-spacing:.08em}.photo-meta span{color:var(--muted)}.photo-meta a{color:var(--wine);font-weight:800}.error-text{color:#982b35;font-size:11px}.add-card{aspect-ratio:1;min-height:150px;border:1px dashed #aaa095;background:transparent;display:grid;place-items:center;align-content:center;gap:8px;cursor:pointer;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.add-card span{font-size:25px}.action-bar{margin-top:30px;padding:20px;border:1px solid var(--line);background:var(--cream);display:flex;align-items:center;justify-content:space-between;gap:20px}.processing-options{display:grid;gap:12px}.background-choice,.quality-choice{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.background-choice>span,.quality-choice>span{min-width:72px;margin-right:6px;font-size:9px;font-weight:800;letter-spacing:.15em}.background-choice button,.quality-choice button{border:1px solid var(--line);background:white;padding:10px 12px;display:flex;align-items:center;gap:7px;font-size:11px;cursor:pointer}.background-choice button.selected,.quality-choice button.selected{border:2px solid var(--wine);padding:9px 11px}.background-choice i{width:15px;height:15px;border:1px solid #bbb;display:inline-block}.white-swatch{background:white}.transparent-swatch{background:repeating-conic-gradient(#ddd 0 25%,white 0 50%) 0/8px 8px}.action-buttons{display:flex;align-items:center;gap:10px}.download-all{border:1px solid var(--ink);background:transparent;color:var(--ink);padding:15px 18px;min-width:150px;font-size:10px;font-weight:800;letter-spacing:.12em;cursor:pointer}.download-all:hover:not(:disabled){background:var(--wine);border-color:var(--wine);color:white}.download-all:disabled{opacity:.35;cursor:not-allowed}.primary{border:0;background:var(--ink);color:white;padding:16px 20px;min-width:240px;font-size:10px;font-weight:800;letter-spacing:.12em;cursor:pointer;transition:.18s ease}.primary:hover:not(:disabled){background:var(--wine);transform:translateY(-1px)}.primary:disabled{opacity:.42;cursor:not-allowed}.primary.wide{width:100%;margin-top:22px}.setup-note{margin-top:18px;display:flex;gap:10px;align-items:center;border-left:4px solid #c28b22;background:#f3ead6;padding:13px 16px;font-size:12px}.setup-note span{color:var(--muted)}.listing-layout{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.4fr);gap:24px}.listing-source,.listing-output{border:1px solid var(--line);background:var(--cream);padding:24px}.source-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.source-strip img,.source-strip>span{width:100%;aspect-ratio:1;object-fit:cover;background:white;border:1px solid var(--line)}.source-strip>span{display:grid;place-items:center;font-weight:800}.microcopy{color:var(--muted);font-size:11px;text-align:center}.output-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:9px;font-weight:800;letter-spacing:.13em}.output-head button{border:0;background:var(--acid);padding:8px 11px;font-size:9px;font-weight:800;cursor:pointer}.output-head button:disabled{opacity:.4}.listing-output pre{white-space:pre-wrap;font:14px/1.65 Arial,sans-serif}.output-placeholder{min-height:360px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.output-placeholder span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--wine);color:white;font:700 17px Georgia,serif}.output-placeholder p{max-width:320px;line-height:1.6}.empty-listing{width:100%;min-height:300px;border:1.5px dashed #aaa095;background:rgba(255,253,248,.7);display:grid;place-items:center;align-content:center;gap:8px;cursor:pointer}.empty-listing>span{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--acid);font-size:24px}.empty-listing strong{font:500 22px Georgia,serif}.empty-listing small{color:var(--muted)}footer{border-top:1px solid var(--line);padding:22px clamp(20px,5vw,72px);display:flex;justify-content:space-between;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.16em}@media(max-width:860px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-bar,.setup-note{align-items:stretch;flex-direction:column}.action-buttons{width:100%;flex-direction:column}.download-all,.primary{width:100%}.listing-layout{grid-template-columns:1fr}}@media(max-width:560px){.topbar{min-height:68px}.connection-pill{padding:8px}.connection-pill #connection-copy{display:none}.intro{padding-top:52px}.intro h1{font-size:50px}.mode-tabs{padding:0}.mode-tabs button{font-size:9px}.workspace{padding-top:32px}.workspace-head{align-items:start;flex-direction:column}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}footer{flex-direction:column;gap:8px}}

.clear-all{border:1px solid #a84650;background:transparent;color:#8f2633;padding:15px 16px;font-size:9px;font-weight:800;letter-spacing:.11em;cursor:pointer;white-space:nowrap}.clear-all:hover{background:#8f2633;color:white}.creative-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:24px}.creative-controls,.creative-output{border:1px solid var(--line);background:var(--cream);padding:24px}.creative-types{display:grid;grid-template-columns:1fr 1fr;gap:10px}.creative-types button{min-height:104px;border:1px solid var(--line);background:white;padding:15px;text-align:left;cursor:pointer}.creative-types button strong,.creative-types button span{display:block}.creative-types button strong{font-size:12px;line-height:1.35}.creative-types button span{margin-top:7px;color:var(--muted);font-size:10px;line-height:1.45}.creative-types button.selected{border:2px solid var(--wine);padding:14px;background:#fff9f3}.creative-field{display:grid;gap:9px;margin-top:24px}.creative-field>strong,.creative-field label>strong,.creative-field label>span,.creative-field>span{display:block}.creative-field strong{font-size:9px;letter-spacing:.14em}.creative-field span{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.45}.reference-picker{min-height:112px;border:1px dashed #aaa095;background:white;display:grid;place-items:center;align-content:center;gap:4px;cursor:pointer}.reference-picker>span{font-size:24px;color:var(--ink)}.reference-picker strong{font-size:12px}.reference-picker small{color:var(--muted);font-size:9px}.reference-preview{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:center;border:1px solid var(--line);padding:10px;background:white}.reference-preview img{width:92px;height:92px;object-fit:cover}.reference-preview>div{display:grid;gap:12px;font-size:9px;letter-spacing:.12em}.reference-preview button{justify-self:start;border:0;background:transparent;color:var(--wine);padding:0;font-size:9px;font-weight:800;cursor:pointer}.creative-field textarea{width:100%;resize:vertical;border:1px solid var(--line);background:white;padding:12px;font:13px/1.45 Arial,sans-serif}.creative-source-wrap{margin-top:24px}.creative-output{min-height:560px}.creative-placeholder{min-height:480px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted)}.creative-placeholder span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--wine);color:white;font:700 17px Georgia,serif}.creative-placeholder p{max-width:320px;line-height:1.6}.creative-results{display:grid;gap:18px;margin-top:16px}.creative-result-card{border:1px solid var(--line);background:white}.creative-result-card>img{display:block;width:100%;max-height:680px;object-fit:contain;background:white}.creative-result-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.creative-result-meta>span{font-size:8px;font-weight:800;letter-spacing:.1em}.creative-result-meta .output-actions{flex-wrap:wrap;justify-content:flex-end}.creative-result-meta .output-actions a{background:var(--acid);color:var(--ink);padding:8px 11px;text-decoration:none;font-size:9px;font-weight:800}.creative-output.generating{opacity:.72}.creative-output.generating .output-head:after{content:"GENERATING…";margin-left:auto;color:var(--wine);font-size:9px;font-weight:800;letter-spacing:.12em}

@media(max-width:1020px){.action-buttons{flex-wrap:wrap;justify-content:flex-end}.creative-layout{grid-template-columns:1fr}.creative-output{min-height:420px}.creative-placeholder{min-height:340px}}
@media(max-width:860px){.clear-all{width:100%}.creative-types{grid-template-columns:1fr}}
@media(max-width:560px){.mode-tabs button{font-size:8px;letter-spacing:.06em;padding:14px 5px}.creative-controls,.creative-output{padding:18px}.creative-layout{gap:16px}.creative-result-meta{align-items:flex-start;flex-direction:column}.creative-result-meta .output-actions{width:100%;justify-content:flex-start}}
.clear-all:disabled{opacity:.4;cursor:not-allowed}.clear-all:hover:disabled{background:transparent;color:#8f2633}

.photo-status.reference{background:#dce7f6;color:#29465f}.reference-toggle{margin-top:7px;border:1px solid var(--line);background:transparent;color:var(--wine);padding:6px 8px;font-size:8px;font-weight:800;letter-spacing:.08em;cursor:pointer}.reference-toggle.selected{border-color:#6f8aa4;background:#eaf1f8;color:#29465f}.reference-toggle:disabled{opacity:.45;cursor:not-allowed}.source-strip img.reference-source{outline:3px solid #86a7c3;outline-offset:-3px}.save-all{border:1px solid var(--wine);background:var(--wine);color:white;padding:15px 18px;min-width:190px;font-size:10px;font-weight:800;letter-spacing:.12em;cursor:pointer}.save-all:hover:not(:disabled){background:var(--ink);border-color:var(--ink)}.save-all:disabled{opacity:.35;cursor:not-allowed}.save-hint{flex-basis:100%;margin:0;color:var(--muted);font-size:10px;text-align:right}.action-bar{flex-wrap:wrap}@media(max-width:860px){.save-all{width:100%}.save-hint{text-align:center}}
.creative-save-all{width:100%;margin-top:18px}
.setup-guidance{margin:18px 0 0;padding:0 2px;color:var(--muted);font-size:12px;line-height:1.55}.setup-note.technical-details{display:block;margin-top:10px;padding:0;border:0;background:transparent}.setup-note.technical-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-left:4px solid #c28b22;background:#f3ead6;padding:13px 16px;font-size:10px;font-weight:800;letter-spacing:.12em;cursor:pointer}.setup-note.technical-details>summary::-webkit-details-marker{display:none}.setup-note.technical-details>summary:after{content:"+";color:var(--wine);font:500 21px/1 Georgia,serif}.setup-note.technical-details[open]>summary:after{content:"−"}.setup-note.technical-details>div{display:grid;gap:8px;border:1px solid var(--line);border-top:0;background:var(--cream);padding:16px;font-size:12px;line-height:1.55}.setup-note.technical-details>div span{color:var(--muted)}