:root{--bg: #0d0d0f;--surface: #161618;--surface2: #1e1e21;--surface3: #252528;--border: rgba(255, 255, 255, .07);--border-med: rgba(255, 255, 255, .12);--text: #eeebe4;--text-dim: #7a7a82;--text-dimmer: #4a4a52;--accent: #ff6b35;--accent-dim: rgba(255, 107, 53, .1);--accent-hover: #ff7d4d;--success: #4ade80;--danger: #f87171;--warn: #fbbf24;--radius-card: 12px;--radius-input: 8px;--radius-btn: 7px;--font: "Plus Jakarta Sans", system-ui, sans-serif;--mono: "DM Mono", ui-monospace, monospace;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}#root{margin:0;min-height:100%;width:100%}body{font-family:var(--font);background:var(--bg);color:var(--text)}.app-root{width:100%;max-width:var(--app-max-width);margin:0 auto;min-height:100%}a{color:var(--accent)}.app-logo img{display:block;object-fit:contain}.app-logo-text{font-weight:700;letter-spacing:-.02em}.landing-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border);flex-shrink:0}.landing-hero{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem 3rem;text-align:center}.landing-hero-inner{width:100%;max-width:720px;margin:0 auto}.landing-hero-title{font-size:clamp(1.75rem,4vw,2.35rem);margin:0 0 1rem;line-height:1.2}.landing-hero-demo{width:100%;margin:0 auto 1.25rem;border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--border-med);box-shadow:var(--shadow-md);background:var(--surface)}.landing-hero-demo-video{display:block;width:100%;height:auto;vertical-align:middle;background:#000}.landing-hero-lead{color:var(--text-dim);margin:0 auto 1rem;max-width:680px;line-height:1.65;font-size:1.05rem}.landing-hero-tagline{color:var(--text-dim);margin:0 0 1.25rem;font-size:.95rem}.landing-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}button{font-family:var(--font)}input,select,textarea{font-family:var(--font);width:100%;padding:.55rem .75rem;border-radius:var(--radius-input);border:1px solid var(--border-med);background:var(--surface2);color:var(--text);font-size:.9rem;transition:border-color .15s,box-shadow .15s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff6b351f}.field-label{display:block;font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);margin-bottom:5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:none;border-radius:var(--radius-btn);padding:.5rem .95rem;cursor:pointer;font-weight:600;font-size:.875rem;transition:opacity .15s,background .15s,box-shadow .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#0d0d0f;box-shadow:0 2px 8px #ff6b3540}.btn-primary:not(:disabled):hover{background:var(--accent-hover);box-shadow:0 3px 12px #ff6b3559}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border-med)}.btn-ghost:not(:disabled):hover{background:var(--surface3);border-color:var(--border-med)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:1.25rem;box-shadow:var(--shadow-sm)}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;flex-shrink:0;height:100vh;overflow-y:auto;background:var(--surface);border-right:1px solid var(--border);padding:1.25rem 1rem;display:flex;flex-direction:column;z-index:100;transition:transform .25s ease}.sidebar nav a{display:block;padding:.55rem .75rem;border-radius:var(--radius-input);color:var(--text);margin-bottom:.25rem;text-decoration:none}.sidebar nav a:hover,.sidebar nav a.active{background:var(--accent-dim);color:var(--accent)}.main-content{flex:1;min-width:0;min-height:0;padding:1.5rem 2rem;overflow:auto}.main-topbar{display:flex;justify-content:flex-end;margin-bottom:1rem;margin-top:-.25rem}.mobile-topbar,.app-download-banner{display:none}.dash-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.drawer-backdrop{display:none}@media(max-width:768px){.app-shell{flex-direction:column;height:100dvh}.mobile-topbar{display:flex;align-items:center;gap:10px;padding:.65rem 1rem;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;position:sticky;top:0;z-index:90}.mobile-topbar-title{flex:1;min-width:0}.mobile-hamburger{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:transparent;border:1px solid var(--border-med);border-radius:var(--radius-btn);color:var(--text);cursor:pointer;padding:0;flex-shrink:0}.mobile-hamburger:hover{background:var(--surface3)}.sidebar{position:fixed;top:0;left:0;height:100dvh;width:260px;transform:translate(-100%);border-right:1px solid var(--border-med);box-shadow:4px 0 24px #00000073;z-index:200;padding-top:env(safe-area-inset-top,1.25rem)}.sidebar.drawer-open{transform:translate(0)}.drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:150;opacity:0;pointer-events:none;transition:opacity .25s ease}.drawer-backdrop.visible{opacity:1;pointer-events:auto}.main-content{padding:1rem;flex:1;overflow:auto}.main-topbar{display:none}.app-download-banner{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border-med);border-radius:var(--radius-card);padding:12px 14px;margin-bottom:16px}.dash-stats-grid,.dash-completeness{display:none}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.mobile-topbar .credits-pill .credits-label{display:none}}.credits-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 12px;border-radius:999px;cursor:pointer;font-family:inherit;transition:opacity .15s}.credits-pill:hover{opacity:.85}.credits-add-btn{display:inline-flex;align-items:center;background:var(--accent);color:#fff;font-size:.82rem;font-weight:600;padding:4px 11px;border-radius:999px;margin-left:4px;white-space:nowrap}.main-content--photos{display:flex;flex-direction:column;overflow:hidden}.photos-panel{display:flex;flex-direction:column;flex:1;min-height:0}.photos-panel-header{flex-shrink:0}.photos-grid-scroll{flex:1;min-height:0;overflow-y:auto;margin-top:1.5rem;padding-right:.25rem}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.badge{display:inline-block;font-size:.75rem;padding:.15rem .45rem;border-radius:999px;background:var(--accent-dim);color:var(--accent)}.share-menu-card{margin-bottom:16px;padding:12px 14px!important}.share-menu-row{display:flex;align-items:center;gap:14px}.share-menu-qr{flex:0 0 auto;background:#fff;padding:6px;border-radius:8px;line-height:0}.share-menu-qr img{display:block;border-radius:4px}.share-menu-qr-placeholder{width:108px;height:108px;background:var(--surface2);border-radius:4px}.share-menu-qr-fallback{display:block;width:108px;font-size:.75rem;color:var(--text-dim);text-align:center;padding:8px}.share-menu-body{flex:1 1 200px;min-width:0}.share-menu-title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:4px}.share-menu-title{font-size:.95rem}.share-menu-hint{font-size:.78rem;color:var(--text-dim)}.share-menu-link{display:block;font-size:.78rem;color:var(--text-dim)!important;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.share-menu-link:hover{color:var(--accent)!important}.share-menu-actions{display:flex;flex-wrap:wrap;gap:6px}.upload-zone{border:2px dashed rgba(255,107,53,.35);border-radius:var(--radius-card);padding:1.25rem 1.35rem;background:var(--surface)}.upload-zone-header{margin-bottom:12px}.upload-zone-header strong{display:block;font-size:.95rem;margin-bottom:4px}.upload-zone-header p{margin:0;color:var(--text-dim);font-size:.85rem;line-height:1.45}.file-picker{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.file-picker input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-picker-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;margin:0}.file-picker-btn:has(input:disabled){opacity:.55;cursor:not-allowed}.file-picker-icon{font-size:1.1rem;line-height:1}.file-picker-meta{font-size:.82rem;color:var(--text-dim)}.file-picker-meta strong{color:var(--text);font-weight:600}.toast-fixed{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:9999;padding:.7rem 1.2rem;border-radius:999px;background:#4ade8026;border:1px solid rgba(74,222,128,.45);color:#4ade80;font-weight:600;font-size:.9rem;white-space:nowrap;box-shadow:0 4px 24px #00000059;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast-fixed.err{background:#f8717126;border-color:#f8717173;color:#f87171}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.typing-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--text-dim);animation:typing-bounce 1.1s infinite ease-in-out}.customer-app .fab-chat{position:fixed;right:1.25rem;bottom:max(1.25rem,env(safe-area-inset-bottom,0px));width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:1.4rem;cursor:pointer;box-shadow:0 8px 24px #0003;z-index:50;display:flex;align-items:center;justify-content:center;line-height:1}.editor-page-grid{display:grid;grid-template-columns:minmax(280px,340px) 1fr;flex:1;min-height:0;overflow:hidden}.editor-page-grid>*{overflow-y:auto;min-height:0}.editor-page-grid>*:first-child{border-right:1px solid var(--border)}@media(max-width:960px){.editor-page-grid{grid-template-columns:1fr}.editor-page-grid>*:first-child{border-right:none;border-bottom:1px solid var(--border);max-height:45vh}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#fff3}.customer-app{--bg: #faf7f2;--surface: #ffffff;--surface2: #f3efe8;--border: rgba(0, 0, 0, .08);--text: #1a1814;--text-dim: #6b6560;position:relative;background:var(--bg);color:var(--text);min-height:100vh}.customer-app input,.customer-app select,.customer-app textarea{font-size:1rem}.chat-page{display:flex;flex-direction:column;min-height:0!important;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden}.chat-page-head{position:relative;display:flex;align-items:center;padding:.65rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--surface)}.chat-page-messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 16px;background:var(--bg)}.chat-page-input{flex-shrink:0;display:flex;gap:8px;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface)}