:root{color:oklch(26.5% .012 50);font-synthesis:none;--paper:oklch(96.9% .012 80);--cream:oklch(92.8% .024 75);--accent:oklch(58.5% .072 56);--ink:oklch(26.5% .012 50);--muted:oklch(48% .018 55);--border:oklch(88.5% .018 70);--white:#fffdf9;--green:#446a51;background:oklch(96.9% .012 80);font-family:Inter,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--white);color:inherit;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:11px 16px;font-size:13px;font-weight:500;transition:background .18s,box-shadow .18s;display:inline-flex}button:hover{background:#eee5d9}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #ac8166}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:400}h1{letter-spacing:-1.6px;font-size:43px;line-height:1.16}h1>span{color:var(--accent)}h2{font-size:24px}h3{font-size:21px}p{color:var(--muted);font-size:14px;line-height:1.75}small{color:var(--muted);font-size:11px;line-height:1.6}.muted{color:var(--muted);font-size:12px}.primary{background:var(--accent);color:#fff;border-color:var(--accent);white-space:nowrap;border-radius:30px;padding:13px 21px;box-shadow:0 4px 10px #82634d12}.primary:hover{color:#fff;background:#8b654c}.secondary{white-space:nowrap;background:0 0;border-radius:30px;padding:12px 20px}.danger{color:#fff;background:#984e41;border-color:#0000;border-radius:30px}.text-button{color:var(--accent);background:0 0;border:0;padding:7px 0;font-size:12px}.text-button:hover,.inline-button:hover{color:var(--ink);background:0 0}.inline-button{color:var(--accent);background:0 0;border:0;padding:0;text-decoration:underline;display:inline}.icon-button{background:0 0;border:0;border-radius:7px;width:30px;height:30px;padding:6px}.danger-hover:hover{color:#993e2b;background:#f6e2dc}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);z-index:20;background:#f3eee4;flex-direction:column;width:232px;padding:35px 22px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;display:flex}.brand img{object-fit:contain;mix-blend-mode:multiply;width:60px;height:60px}.wordmark{letter-spacing:2px;font-family:Fraunces,Georgia,serif;font-size:29px}.wordmark span{letter-spacing:2.5px;color:var(--accent);margin-top:4px;font:8px Inter,sans-serif;display:block}.sidebar-rule{background:var(--border);height:1px;margin:28px 0}.nav-label{letter-spacing:1.7px;color:#8c8072;margin:0 12px 15px;font-size:9px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.sidebar nav button{color:#6a6055;background:0 0;border:0;justify-content:flex-start;gap:11px;padding:13px 12px;font-size:12px;font-weight:400}.sidebar nav button.selected{color:#765038;background:#e7dac9;font-weight:600}.sidebar nav button.selected:before{content:"";background:var(--accent);border-radius:3px;width:3px;height:17px;position:absolute;left:22px}.sidebar nav button span{margin-left:auto;font-size:10px}.sidebar-note{margin-top:auto;padding:36px 12px 32px}.note-icon{width:42px;height:42px;color:var(--accent);background:#e7dccd;border-radius:50%;justify-content:center;align-items:center;margin-bottom:15px;display:flex}.sidebar-note h3{font-size:22px;line-height:1.3}.sidebar-note p{max-width:155px;margin-top:12px;font-size:11px;line-height:1.9}.sidebar-bottom{border-top:1px solid var(--border);align-items:center;gap:10px;padding-top:18px;display:flex}.avatar{color:#75523c;background:#ddd0bf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font:12px Fraunces,serif;display:inline-flex}.avatar.small{width:31px;height:31px}.sidebar-bottom strong{font-size:11px;font-weight:500;display:block}.sidebar-bottom small{font-size:9px}.sidebar-bottom .icon-button{margin-left:auto}.workspace{width:calc(100% - 232px);min-width:0;margin-left:232px;padding-bottom:93px}.topbar{border-bottom:1px solid var(--border);background:#fbf8f1;justify-content:space-between;align-items:center;height:76px;padding:0 42px;display:flex}.breadcrumb{color:#867c71;align-items:center;gap:12px;font-size:11px;display:flex}.breadcrumb strong{color:#51473f;font-weight:500}.breadcrumb span{color:#c2b5a4}.topbar-right{align-items:center;gap:22px;display:flex}.private-tag{color:#776c5f;align-items:center;gap:6px;font-size:10px;display:flex}.demo-strip{color:#52654f;background:#e9eee5;border-bottom:1px solid #dce3d6;justify-content:space-between;align-items:center;gap:12px;padding:9px 42px;font-size:10px;display:flex}.demo-strip>span{align-items:center;gap:7px;line-height:1.6;display:flex}.demo-dot{background:#78906a;border-radius:50%;flex-shrink:0;width:5px;height:5px}.demo-strip label{white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.demo-strip select{color:#40563d;background:0 0;border:0;width:112px;padding:3px;font-size:10px}.workspace main{max-width:1450px;margin:auto;padding:27px 42px 15px}.context-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:34px;display:flex}.business-picker{align-items:center;gap:9px;max-width:70%;font-size:12px;display:flex;position:relative}.business-mini{color:#805c4b;background:#eaddd6;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-family:Fraunces;display:inline-flex}.business-picker select{appearance:none;color:var(--ink);background:0 0;border:0;width:auto;min-width:0;max-width:220px;padding:8px 3px;font-weight:500}.business-picker select:disabled{opacity:1;-webkit-text-fill-color:var(--ink)}.eyebrow{letter-spacing:2px;color:var(--accent);margin-bottom:12px;font-size:9px;font-weight:500}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:33px;display:flex}.page-heading p:not(.eyebrow){margin-top:12px;font-size:12px}.gallery-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;display:flex}.tabs{gap:25px;display:flex}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:0;padding:0 0 15px;font-size:12px;position:relative}.tabs button.active{color:var(--ink);font-weight:600}.tabs button.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.tabs span{background:#e9e1d6;border-radius:5px;padding:3px 6px;font-size:9px;font-weight:500}.sort-hint{color:#887e70;align-items:center;gap:5px;padding-bottom:14px;font-size:10px;display:flex}.upload-zone{background:linear-gradient(120deg,#f4ede2,#f9f5ed);border:1px dashed #cbbba5;border-radius:14px;align-items:center;gap:20px;padding:24px 30px;display:flex}.upload-zone.drag-over{border-color:var(--accent);background:#e8ddcd}.upload-icon{width:52px;height:52px;color:var(--accent);background:#e9dfd0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.upload-zone strong{font-size:13px;font-weight:500}.upload-zone p{margin:5px 0 3px;font-size:12px}.upload-zone small{color:#8c8071;font-size:10px}.feature-note{color:var(--accent);background:#eee7da;border-radius:13px;align-items:center;gap:16px;padding:23px 25px;display:flex}.feature-note strong{color:var(--ink);font-size:13px;font-weight:500}.feature-note p{margin-top:5px;font-size:11px}.section-caption{justify-content:space-between;align-items:center;margin:29px 0 17px;display:flex}.section-caption h2{font-size:21px}.section-caption>span{color:var(--muted);font-size:10px}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.photo-card{background:#fffdf9;border:1px solid #e2d9cb;border-radius:13px;overflow:hidden;box-shadow:0 3px 10px #42372804}.photo-image{aspect-ratio:1.22;background:#efe7db;position:relative;overflow:hidden}.photo-image>img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.photo-card:hover .photo-image>img{transform:scale(1.025)}.image-number{color:#66594a;background:#fffaf2df;border-radius:5px;padding:4px 8px;font-size:10px;position:absolute;top:12px;left:12px}.favorite{color:#7e6c58;background:#fffdf4ed;border:0;border-radius:50%;width:31px;height:31px;padding:0;position:absolute;top:10px;right:10px;box-shadow:0 2px 7px #00000009}.favorite.is-favorite{background:var(--accent);color:#fff}.photo-featured{color:#795437;background:#fffdf5ed;border-radius:5px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;display:flex;position:absolute;bottom:11px;left:12px}.photo-details{padding:14px 14px 7px}.photo-details>strong{text-overflow:ellipsis;white-space:nowrap;margin-bottom:7px;font-size:11px;font-weight:500;display:block;overflow:hidden}.photo-controls{justify-content:space-between;align-items:center;display:flex}.photo-controls>div{gap:2px;display:flex}.photo-controls .icon-button{color:#928271;width:27px;height:27px}.page-footnote{color:#8a7f70;justify-content:center;align-items:center;gap:7px;padding:30px 0 15px;font-size:10px;display:flex}.publish-bar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid var(--border);z-index:15;background:#fdfaf5f5;justify-content:space-between;align-items:center;gap:15px;min-height:82px;padding:17px 42px;display:flex;position:fixed;bottom:0;left:232px;right:0}.publish-state{align-items:center;gap:11px;display:flex}.status-orb{color:#56704b;background:#e6eddf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;display:flex}.status-orb.pending{color:#986a3e;background:#f0dfc9}.publish-state strong{font-size:11px;font-weight:500;display:block}.publish-state small{margin-top:4px;font-size:9px;display:block}.publish-actions{align-items:center;gap:10px;display:flex}.publish-actions button{padding:11px 18px;font-size:11px}.empty-state{color:var(--accent);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:55px 20px;display:flex}.empty-state h2{color:var(--ink)}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.review-card{background:var(--white);border:1px solid var(--border);border-radius:14px;flex-direction:column;padding:24px;display:flex}.review-top{justify-content:space-between;align-items:center;display:flex}.review-number{color:#8a7c6c;font-size:10px}.stars{color:#af844b;letter-spacing:3px;font-size:15px}.review-card blockquote{overflow-wrap:anywhere;flex:1;margin:23px 0;font:20px/1.6 Fraunces,Georgia,serif}.review-person{align-items:center;gap:10px;margin-bottom:17px;display:flex}.review-person span{width:30px;height:30px;color:var(--accent);background:#eee5d8;border-radius:50%;justify-content:center;align-items:center;font-family:Fraunces;display:flex}.review-person strong{font-size:11px;font-weight:500}.review-card .photo-controls{border-top:1px solid #ede6dc;padding-top:10px}.business-list{flex-direction:column;gap:15px;display:flex}.business-card{border:1px solid var(--border);background:var(--white);border-radius:15px;align-items:center;gap:20px;padding:25px;display:flex}.business-card h2{font-size:22px}.business-card p{margin:7px 0;font-size:11px}.business-avatar{background:#e7d9c5;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font:25px Fraunces;display:flex}.badge{color:#70634e;background:#eee7dc;border-radius:20px;padding:4px 8px;font-size:9px;display:inline-flex}.badge.green{color:#526649;background:#e6ecdf}.business-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-left:auto;display:flex}.business-actions button{font-size:11px}.quiet-note{color:var(--accent);align-items:center;gap:12px;padding:23px;display:flex}.quiet-note p{font-size:11px}.alert{color:#894c3e;background:#fcf0e9;border:1px solid #dec1b7;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 15px;font-size:12px;line-height:1.6;display:flex}.toast{z-index:100;color:#fff;background:#334b3b;border-radius:10px;align-items:center;gap:10px;max-width:90vw;padding:14px 21px;font-size:12px;display:flex;position:fixed;top:15px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #0002}.error-text{color:#984e41;margin:15px 0;font-size:12px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}dialog{border:1px solid var(--border);background:var(--paper);color:var(--ink);border-radius:20px;width:calc(100% - 32px);max-width:620px;max-height:90vh;padding:28px;box-shadow:0 20px 100px #30251833}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#30282077}.modal-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.modal-top h2{font-size:27px}.modal-top .icon-button{flex-shrink:0}form{flex-direction:column;gap:20px;display:flex}label{flex-direction:column;gap:9px;font-size:12px;font-weight:500;display:flex}input,textarea,select{border:1px solid var(--border);width:100%;color:var(--ink);background:#fffdf9;border-radius:8px;padding:12px 13px;font-size:13px;line-height:1.5}textarea{resize:vertical}.checkbox-label{flex-direction:row;align-items:flex-start;font-size:11px;font-weight:400;line-height:1.6}.checkbox-label input{width:15px;height:15px;accent-color:var(--accent);flex-shrink:0;margin:2px 0}.form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.edit-photo{object-fit:contain;background:#e9dfd1;border-radius:12px;width:100%;max-height:240px;margin-bottom:20px;display:block}.publish-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0;display:grid}.publish-summary>div{color:var(--accent);background:#ede5d8;border-radius:12px;flex-direction:column;align-items:center;gap:9px;padding:18px 7px;display:flex}.publish-summary strong{color:var(--ink);font:28px Fraunces}.publish-summary span{font-size:10px}.preview-toolbar{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.preview-toolbar>div{gap:5px;display:flex}.icon-button.chosen{background:#e7dac8}.website-preview{border:1px solid var(--border);background:#fffaf4;border-radius:12px;width:100%;margin:20px auto 0;padding:24px;transition:width .2s}.website-preview.mobile-preview{max-width:320px}.website-preview h2{margin-bottom:20px}.website-preview h3{margin:23px 0 15px}.preview-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.preview-gallery img{aspect-ratio:1;object-fit:cover;border-radius:9px;width:100%}.mobile-preview .preview-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.website-preview blockquote{border:1px solid var(--border);background:#fff;border-radius:9px;margin:15px 0;padding:15px}.website-preview blockquote p{overflow-wrap:anywhere;font-size:12px}.member-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding:15px 0;display:flex}.member-row strong{overflow-wrap:anywhere;font-size:12px;display:block}.member-row small{margin-top:4px;display:block}.member-row .secondary{font-size:11px}.login-page{background:radial-gradient(ellipse at top left, #e9dac7, transparent 50%), var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 22px;display:flex}.login-page>img{object-fit:contain;mix-blend-mode:multiply;width:90px;height:90px;margin-bottom:25px}.login-page h1{max-width:650px}.login-page>p:not(.eyebrow){margin-top:16px}.login-page form{border:1px solid var(--border);text-align:left;background:#fffaf3;border-radius:18px;width:100%;max-width:400px;margin:30px 0;padding:32px}.login-page form h2{margin-bottom:4px}.loading{flex-direction:column;justify-content:center;align-items:center;gap:25px;height:100vh;display:flex}.loading img{mix-blend-mode:multiply;width:80px}@media (width>=1600px){.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1150px){.sidebar{width:205px;padding-left:16px;padding-right:16px}.sidebar nav button.selected:before{left:16px}.workspace{width:calc(100% - 205px);margin-left:205px}.publish-bar{padding:16px 28px;left:205px}.workspace main{padding:25px 28px}.topbar,.demo-strip{padding-left:28px;padding-right:28px}.photo-grid{gap:15px}.sort-hint{display:none}.business-card{flex-wrap:wrap}.business-actions{justify-content:flex-start;width:100%;margin-left:0}.page-heading h1{font-size:36px}.publish-state small{max-width:200px}}@media (width<=800px){.sidebar{border-right:0;border-bottom:1px solid var(--border);z-index:1;flex-flow:wrap;align-items:center;gap:15px;width:100%;padding:16px 20px;position:static}.brand img{width:39px;height:39px}.wordmark{font-size:24px}.wordmark span{font-size:7px}.sidebar-rule,.nav-label,.sidebar-note,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;gap:5px;margin-left:auto}.sidebar nav button{gap:6px;padding:10px;font-size:11px}.sidebar nav button.selected:before{display:none}.app-shell{display:block}.workspace{width:100%;margin-left:0;padding-bottom:115px}.publish-bar{padding:14px 22px;left:0}.topbar{height:50px;padding:0 22px}.private-tag{display:none}.topbar-right{gap:0}.demo-strip{padding:9px 22px;font-size:9px}.workspace main{padding:23px 22px}.context-row{margin-bottom:29px}.page-heading h1{font-size:35px}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-image{aspect-ratio:1}.page-heading{margin-bottom:27px}.photo-details{padding:10px}.photo-controls .icon-button{width:23px}.upload-zone{padding:22px}.publish-state strong{font-size:10px}.publish-state small{font-size:9px}.publish-actions button{padding:11px 14px}.status-orb{width:28px;height:28px}}@media (width<=580px){.sidebar{gap:12px;padding:15px 18px}.sidebar nav{width:100%;margin-left:0}.sidebar nav button{flex:1;justify-content:center;padding:11px 8px;font-size:11px}.brand{gap:8px}.topbar{display:none}.demo-strip{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 18px}.demo-strip label{align-self:flex-end;margin-top:-1px}.workspace main{padding:23px 18px 10px}.context-row{gap:5px;margin-bottom:28px}.context-row .text-button{gap:4px;font-size:10px}.business-picker{gap:5px;max-width:62%}.business-picker select{max-width:155px;font-size:11px}.business-mini{width:23px;height:23px}.business-picker>svg{display:none}.page-heading{flex-direction:column;align-items:flex-start;gap:20px}.page-heading h1{letter-spacing:-1.2px;font-size:35px}.page-heading p:not(.eyebrow){margin-top:10px;font-size:11px}.page-heading>.primary{padding:11px 18px;font-size:11px}.eyebrow{letter-spacing:1.7px;font-size:8px}.tabs{justify-content:space-between;gap:17px;width:100%}.tabs button{gap:6px;font-size:11px}.upload-zone{align-items:flex-start;gap:13px;padding:18px 14px}.upload-icon{width:36px;height:36px}.upload-icon svg{width:18px}.upload-zone strong{font-size:11px}.upload-zone p{font-size:10px}.upload-zone small{font-size:9px;line-height:1.6;display:block}.upload-zone .inline-button{font-size:10px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-details>strong{font-size:10px}.photo-details{padding:11px 8px 6px}.photo-controls>div{gap:0}.photo-controls .icon-button{width:25px;height:29px}.photo-featured{padding:4px 6px;font-size:8px;bottom:8px;left:8px}.image-number{font-size:9px;top:8px;left:8px}.favorite{width:28px;height:28px;top:8px;right:8px}.publish-bar{flex-wrap:wrap;gap:10px;padding:12px 18px}.publish-state{gap:8px}.publish-state small{max-width:none;font-size:9px}.publish-actions{justify-content:flex-end;gap:8px;width:100%}.publish-actions .primary,.publish-actions .secondary{flex:1}.workspace{padding-bottom:140px}.section-caption{margin-top:25px}.section-caption h2{font-size:20px}.review-grid{grid-template-columns:1fr}.feature-note{align-items:flex-start;gap:12px;padding:18px 15px}.feature-note>svg{flex-shrink:0;width:18px}.feature-note strong{font-size:12px}.feature-note p{font-size:10px}.business-card{gap:12px;padding:20px 15px}.business-card h2{font-size:20px}.business-actions{gap:5px}.business-actions button{padding:9px;font-size:10px}.quiet-note{align-items:flex-start;padding:20px 5px}.quiet-note svg{flex-shrink:0}.quiet-note p{font-size:10px}dialog{padding:23px 18px}.modal-top h2{font-size:24px}.publish-summary{gap:6px}.publish-summary span{font-size:8px}.form-actions button{padding:12px 15px;font-size:11px}.review-card blockquote{font-size:20px}.login-page h1{font-size:36px}.preview-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.website-preview{padding:16px}.toast{width:90vw;font-size:11px;top:10px}.page-footnote{font-size:9px}.login-page form{padding:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.business-picker,.demo-strip label{flex-direction:row}.app-shell{overflow-anchor:none;scrollbar-gutter:stable;height:100dvh;overflow-y:auto}.language-picker{flex-direction:row;align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.language-picker select{width:auto;padding:6px 24px 6px 10px}.context-row{flex-wrap:wrap;gap:12px}.context-row .language-picker{order:3}@media (width<=580px){.context-row .language-picker{justify-content:flex-end;width:100%}}
