@font-face{font-family:'Studio Condensed';src:url('/assets/fonts/Anton-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#11110f;--cream:#f7f5ef;--paper:#f7f5ef;--panel:#fffefa;--soft:#dedbd3;--line:#d7d3ca;--muted:#696860;--wine:#45443f;--acid:#d5d2ca;--ceramic:#d5d2ca;--action:#45443f;--display:Impact,'Studio Condensed',Haettenschweiler,'Arial Narrow Bold',sans-serif}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--paper)}body{background:var(--paper);overflow-x:hidden}button,a,input,select,textarea,[role=button]{touch-action:manipulation}[hidden]{display:none!important}input,select,textarea{font-size:16px!important}.studio-logo{display:block;width:280px;max-width:100%;height:auto;object-fit:contain}.brand-wordmark{height:auto;min-width:0;max-width:45%;text-decoration:none}.topbar{background:var(--paper);border-color:var(--line);gap:20px;flex-wrap:wrap}.account-tools{flex-wrap:wrap;justify-content:flex-end;gap:10px}.usage-pill{position:static!important;font-size:11px;box-shadow:none!important;border-radius:0}.connection-pill{font-size:11px}.intro h1,.workspace-head h2,.photo-editor-head h2,.paywall-dialog h2{font-family:var(--display);font-weight:400;letter-spacing:-.02em;text-transform:uppercase}.workspace-head h2{font-size:clamp(38px,5.5vw,72px);line-height:.98;max-width:760px}.workspace{max-width:1240px}.workspace-head{align-items:center;gap:18px}.step,.eyebrow{color:var(--muted)}.mode-tabs{background:var(--paper);box-shadow:none}.mode-tabs button.active{border-bottom-color:var(--ink)}.mode-tabs button{font-size:12px;min-height:52px}.workflow-tools{flex-shrink:0}.dropzone,.empty-listing,.photo-card,.listing-source,.listing-output,.creative-controls,.creative-output{background:var(--panel);border-color:var(--line);box-shadow:none}.dropzone{min-height:290px;transform:none!important}.dropzone strong{font:700 17px Arial,sans-serif;letter-spacing:.08em}.dropzone>span:last-child{font-size:14px}.dropzone .upload-icon{border-radius:0;background:transparent;border:1px solid var(--ink);width:48px;height:48px;font-size:32px}.primary{background:var(--ink);min-height:48px;font-size:12px}.primary:hover:not(:disabled){background:var(--action);transform:none}.action-bar{background:var(--panel);border-color:var(--line)}.best-practices{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:14px;font-weight:700;min-height:44px;padding:10px 0;white-space:nowrap}.photo-label{display:grid;gap:6px;padding:12px;font-size:12px;font-weight:700}.photo-label select{width:100%;min-height:44px;border:1px solid var(--line);background:white;padding:8px}.reference-toggle{font-size:12px;min-height:40px}.photo-status.reference,.reference-toggle.selected{background:var(--ceramic);color:var(--ink)}.photo-meta{font-size:12px}.listing-reference-field{margin:22px 0;border:1px solid var(--line);padding:16px}.listing-reference-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.listing-reference-head h3{margin:0;font:400 25px var(--display)}.listing-reference-head>span{background:var(--ceramic);padding:5px 7px;font-size:11px;font-weight:700}.listing-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.listing-reference-grid figure{min-width:0;margin:0}.listing-reference-grid img{width:100%;height:110px;object-fit:contain;background:white}.listing-reference-grid figcaption{font-size:12px;padding-top:6px;overflow-wrap:anywhere}.listing-reference-grid>p{grid-column:1/-1;color:var(--muted);font-size:14px;line-height:1.5}.creative-field strong{font-size:12px}.creative-field span,.microcopy{font-size:13px;line-height:1.5}.creative-types button{min-height:80px}.creative-types button strong{font-size:13px}.creative-types button span{font-size:12px}.creative-types button.selected{border-color:var(--ink);background:var(--ceramic);color:var(--ink)}.source-strip img.reference-source{outline-color:var(--muted)}.empty-listing strong{font-size:24px}.empty-listing small{font-size:14px}.practices-dialog{width:min(92vw,560px);max-height:90dvh;overflow:auto;border:1px solid var(--ink);background:var(--panel);padding:40px}.practices-dialog::backdrop{background:rgba(17,17,15,.62)}.practices-dialog h2{font:400 clamp(32px,6vw,48px)/1 var(--display);text-transform:uppercase}.practices-dialog>p{font-size:16px;line-height:1.6}.plan-details{margin:20px 0;border-block:1px solid var(--line);padding:14px 0;text-align:left}.plan-details summary{cursor:pointer;font-size:14px;font-weight:700}.plan-details p{font-size:14px;line-height:1.6}.auth-dialog input{min-height:48px}.auth-dialog button{min-height:44px}.photo-actions button,.photo-actions a{font-size:11px;min-height:32px}.page-save-control{font-size:11px}.goal-tracker{background:var(--ceramic);border-color:var(--line)}
@media(max-width:800px){.listing-layout,.creative-layout{grid-template-columns:1fr}.connection-pill{display:none}.topbar{padding:18px 16px}.studio-logo{width:195px}.brand-wordmark{max-width:58%}.account-tools{gap:7px}.usage-pill{order:3;flex-basis:100%;text-align:center}.topbar .auth-button,.plan-button{padding:10px;font-size:11px}.mode-tabs{flex-wrap:wrap;top:0;gap:4px;padding:0 12px}.mode-tabs>button{flex:1;min-width:0;padding:14px 4px;font-size:11px;letter-spacing:.02em}.workflow-tools{width:100%;justify-content:flex-end;border-top:1px solid var(--line);padding:4px 0}.workflow-icon{min-width:44px;min-height:44px}.workspace{padding:28px 16px}.workspace-head{align-items:flex-start;flex-wrap:wrap}.workspace-head h2{font-size:42px}.best-practices{min-height:36px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-actions{justify-content:flex-start}.photo-meta{flex-wrap:wrap}.practices-dialog{padding:30px 24px}.listing-source,.creative-controls,.listing-output{min-width:0}.photo-label{padding:8px}.reference-toggle{font-size:10px;letter-spacing:0}.page-save-control{font-size:10px}.workspace-head>div{min-width:0}.account-tools{max-width:100%}}

.app-shell{background:var(--paper)}.studio-logo{mix-blend-mode:multiply}.listing-reference-grid{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}@media(max-width:800px){.topbar{position:static}.mode-tabs{position:sticky;top:0}}