:root{--color-text: #22211f;--color-page: #f7f5f0;--color-surface: #fffdf8;--color-surface-alt: #dce7df;--color-border: #ddd8cb;--color-muted: #686257;--color-primary: #22211f;--color-accent: #b84c36;--color-secondary: #477481;color:var(--color-text);background:var(--color-page);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;padding:28px}.topbar,.home-layout,.signin-layout,.dashboard-layout,.editor-layout,.content-page,.status-panel{margin:0 auto;max-width:1180px}.topbar{align-items:start;display:flex;gap:24px;justify-content:space-between;margin-bottom:26px}.brand-block{min-width:0}.topbar h1{font-size:clamp(2rem,4vw,3.75rem);line-height:1;margin:0}.eyebrow{color:var(--color-accent);font-size:.78rem;font-weight:800;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}.main-nav{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:end;max-width:560px}.nav-link{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--color-text);font-weight:800;min-height:38px;padding:0 12px}.nav-link:hover,.nav-link[aria-current=page]{background:var(--color-surface);border-color:var(--color-border)}.auth-link{border-color:var(--color-muted)}.home-layout{align-items:stretch;display:grid;gap:22px;grid-template-columns:minmax(0,1fr) 420px}.home-copy,.content-page{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:34px}.home-copy{align-content:end;display:grid;min-height:390px}.home-copy h2,.content-page h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1;margin:0}.home-copy p,.content-page p{font-size:1.06rem;max-width:680px}.home-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.home-preview{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:8px;display:grid;gap:14px;grid-template-columns:1fr 1fr;min-height:390px;padding:18px}.preview-tile{align-items:end;border-radius:8px;color:#fffdf8;display:flex;font-size:1.15rem;font-weight:900;min-height:160px;padding:18px}.preview-tile.coral{background:var(--color-accent);grid-row:span 2}.preview-tile.teal{background:var(--color-secondary)}.preview-tile.ink{background:var(--color-primary)}.content-page{min-height:340px}.contact-link{color:var(--color-secondary);font-size:1.1rem;font-weight:900}.signin-layout{align-items:stretch;display:grid;gap:22px;grid-template-columns:minmax(0,1.15fr) 400px}.signin-copy{align-content:end;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:8px;min-height:390px;padding:36px}.signin-copy h2,.dashboard-heading h2,.editor-toolbar h2{margin:0}.signin-copy h2{font-size:clamp(2rem,5vw,4rem);line-height:1;max-width:760px}.signin-copy p{font-size:1.06rem;max-width:560px}.signin-panel,.account-panel,.dashboard-main,.status-panel,.empty-panel,.editor-surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}.signin-panel,.account-panel,.status-panel,.empty-panel{padding:24px}.guarded-panel{display:grid;gap:10px;justify-items:start}.guarded-panel h2{margin:0}.signin-panel{align-content:center;display:grid;gap:12px}.remember-choice{align-items:center;color:var(--color-text);display:flex;font-weight:800;gap:10px}.remember-choice input{accent-color:var(--color-secondary);height:18px;width:18px}.provider-button,.primary-button,.ghost-button,.upload-button{align-items:center;border-radius:8px;display:inline-flex;font-weight:800;justify-content:center;min-height:44px;padding:0 16px;white-space:nowrap}.provider-button,.primary-button,.upload-button{background:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-surface)}.ghost-button{background:transparent;border:1px solid var(--color-muted);color:var(--color-text)}.upload-button input{display:none}.muted,.image-card small,.editor-toolbar span,.upload-confirm span{color:var(--color-muted)}.dashboard-layout{align-items:start;display:grid;gap:20px;grid-template-columns:280px minmax(0,1fr)}.account-panel h2{margin:0;overflow-wrap:anywhere}.account-panel p:last-child{margin-bottom:0;overflow-wrap:anywhere}.dashboard-main{display:grid;gap:18px;padding:22px}.dashboard-heading,.editor-toolbar,.upload-confirm{align-items:center;display:flex;gap:16px;justify-content:space-between}.dashboard-heading h2,.editor-toolbar h2{font-size:1.5rem}.upload-confirm{background:var(--color-page);border:1px solid var(--color-border);border-radius:8px;min-height:72px;padding:12px 14px}.upload-confirm div{display:grid;min-width:0}.upload-confirm strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.image-card{background:var(--color-page);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);display:grid;gap:8px;min-height:244px;padding:10px;text-align:left}.image-card:hover{border-color:var(--color-secondary)}.image-card img{aspect-ratio:1;background:color-mix(in srgb,var(--color-page) 70%,var(--color-border));border-radius:6px;object-fit:contain;width:100%}.image-card span{font-weight:800;min-height:48px;overflow-wrap:anywhere}.empty-panel{min-height:220px}.empty-panel h3{margin:0 0 6px}.empty-panel p{margin:0}.editor-layout{display:grid;gap:18px}.editor-toolbar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:18px}.editor-toolbar div{min-width:0}.editor-toolbar h2{overflow-wrap:anywhere}.editor-surface{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) 300px;padding:18px}.image-stage{background:linear-gradient(45deg,color-mix(in srgb,var(--color-page) 78%,var(--color-border)) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--color-page) 78%,var(--color-border)) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--color-page) 78%,var(--color-border)) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--color-page) 78%,var(--color-border)) 75%);background-color:var(--color-page);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;position:relative}.image-stage img{display:block;height:auto;width:100%}.crop-box{border:2px solid var(--color-surface);box-shadow:0 0 0 999px #22211f8c;pointer-events:none;position:absolute}.crop-controls{align-content:start;display:grid;gap:16px}.transform-controls{display:grid;gap:10px;grid-template-columns:1fr 1fr}.transform-controls .ghost-button{min-width:0;padding:0 12px;white-space:normal}.crop-toggle{width:100%}.crop-toggle[aria-expanded=true]{background:var(--color-page);border-color:var(--color-secondary)}.crop-panel{border-top:1px solid var(--color-border);display:grid;gap:16px;padding-top:16px}.crop-controls label{color:var(--color-text);display:grid;font-weight:800;gap:8px}.crop-controls input{accent-color:var(--color-secondary);width:100%}@media(max-width:860px){.app-shell{padding:18px}.topbar,.home-layout,.signin-layout,.dashboard-layout,.editor-surface{display:grid;grid-template-columns:1fr}.main-nav{justify-content:start;max-width:none}.home-copy,.signin-copy{min-height:280px;padding:28px}.home-preview{min-height:260px}.dashboard-heading,.editor-toolbar,.upload-confirm{align-items:stretch;display:grid}.provider-button,.primary-button,.ghost-button,.upload-button{width:100%}.transform-controls{grid-template-columns:1fr}.nav-link{flex:1 1 auto}}