/* One DEMI identity across the storefront, personal workspace and account flows. */
:root{--app-sidebar:238px;--app-line:#dfddd6;--app-paper:#fff;--app-muted:#686760;--app-ink:#20211e;--app-accent:#2e40e6;--app-ground:#f5f4f0;--app-font:'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
[data-workspace-page]{background:var(--app-ground);color:var(--app-ink);font-family:var(--app-font);font-size:14px}
[data-workspace-page] h1,[data-workspace-page] h2,[data-workspace-page] h3{font-family:var(--app-font);color:var(--app-ink);letter-spacing:-.035em}
[data-workspace-page] h1{font-size:clamp(28px,3vw,40px);line-height:1.15;font-weight:600;margin:0 0 12px}
[data-workspace-page] h2{font-size:21px;line-height:1.3;font-weight:600;margin:0}
[data-workspace-page] h3{font-size:17px;font-weight:600}
.app-icon{width:19px;height:19px;flex:none;vertical-align:middle}
.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--app-sidebar);z-index:45;padding:34px 20px 20px;border-right:1px solid var(--app-line);background:#efeee9;display:flex;flex-direction:column;overflow:auto}
.app-sidebar-brand{display:flex;justify-content:space-between;align-items:center;padding:0 12px 35px}.app-sidebar .wordmark b{font-size:27px;letter-spacing:-1.2px}.app-sidebar .wordmark small{font-size:8px}.app-workspace-label{margin:0 12px 12px;font:600 10px/1.5 var(--app-font);letter-spacing:.12em;color:#77786e}.app-sidebar nav{display:grid;gap:5px}.app-nav-link{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;text-decoration:none;color:#56574f;min-height:44px;font-size:13px;font-weight:500}.app-nav-link:hover{color:var(--app-ink);background:#e5e4de}.app-nav-link[aria-current=page]{color:var(--app-accent);background:#e2e5ff}.app-nav-link[aria-current=page] .app-icon{stroke-width:2}.app-create{display:flex;gap:12px;align-items:center;border-top:1px solid var(--app-line);border-bottom:1px solid var(--app-line);margin:24px 0;padding:18px 12px;text-decoration:none;font-weight:600}.app-create>.app-icon:last-child{margin-left:auto;width:16px}.app-create:hover{color:var(--app-accent)}.app-sidebar-bottom{margin-top:auto;padding-top:30px}.app-sidebar-note{border-top:1px solid var(--app-line);margin-top:22px;padding:22px 10px 8px;font-size:10px;color:#696b62;line-height:1.6}.app-status-dot{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#536850}.app-privacy{font-size:10px;color:#696b62;display:inline-block;margin:4px 10px;text-underline-offset:3px}
.app-topbar{position:relative;min-height:76px;margin-left:var(--app-sidebar);padding:16px 44px;border-bottom:1px solid var(--app-line);display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--app-ground)}.app-breadcrumb{display:flex;gap:14px;align-items:center;color:#77786e;font-size:12px}.app-breadcrumb strong{font-weight:500;color:var(--app-ink)}.app-main{margin-left:var(--app-sidebar);padding:42px 44px 72px;max-width:1740px;min-height:calc(100vh - 76px)}.app-main>.app-page-heading{margin-bottom:30px}.app-page-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.app-page-heading p{max-width:660px;color:var(--app-muted);font-size:14px;line-height:1.7}.app-eyebrow{font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#72736b;margin-bottom:14px}.app-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.app-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 18px;border:1px solid #d2d2ca;border-radius:8px;background:#fff;color:var(--app-ink);font:500 13px/1.4 var(--app-font);cursor:pointer;text-decoration:none}.app-button:hover{background:#efeee8;border-color:#b9bcb4}.app-button.primary{background:var(--app-accent);border-color:var(--app-accent);color:white}.app-button.primary:hover{background:#2433c4}.app-button:disabled{opacity:.6;cursor:wait}.app-text-link{color:var(--app-ink);font-size:13px;text-underline-offset:4px}.app-tag{display:inline-flex;align-items:center;padding:4px 9px;border:1px solid var(--app-line);border-radius:5px;font-size:10px;color:#66695d;background:#f7f7f3;line-height:1.4;letter-spacing:.02em}.app-account-control{position:relative;flex:none}.app-profile-toggle{display:flex;align-items:center;gap:9px;min-height:40px;padding:0;border:0;background:transparent;cursor:pointer;font:500 12px var(--app-font);color:var(--app-ink)}.app-avatar{display:grid;place-items:center;width:32px;height:32px;background:#e4e1d8;border:1px solid #d6d4cb;border-radius:50%;color:#4e5344;font-size:12px}.app-profile-menu{position:absolute;right:0;top:calc(100% + 12px);width:216px;padding:7px;background:white;border:1px solid var(--app-line);border-radius:10px;box-shadow:0 12px 36px #2221;z-index:60}.app-profile-menu a,.app-profile-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:12px;font:500 13px var(--app-font);text-decoration:none;cursor:pointer;border-radius:5px;color:var(--app-ink)}.app-profile-menu a:hover,.app-profile-menu button:hover{background:#f1f0eb}.app-profile-menu button{border-top:1px solid var(--app-line);border-radius:0;margin-top:5px}.app-session-pending{display:inline-block;color:#77786e;font-size:12px;min-width:106px}.app-session-retry{font:inherit;font-size:12px;min-height:40px;border:1px solid var(--app-line);border-radius:7px;background:transparent;cursor:pointer}.app-signin{text-decoration:none;font-size:13px;font-weight:500}.app-close-nav,.app-open-nav{display:none}.app-backdrop{position:fixed;inset:0;border:0;background:#14141266;z-index:40}.app-state{padding:22px 24px;border:1px solid var(--app-line);border-radius:10px;background:#fff;line-height:1.7}.app-state:empty{display:none}.app-state[data-error=true]{background:#fff1ec;border-color:#edc6b9;color:#873626}.app-state h2{margin-bottom:8px}.app-state p{color:var(--app-muted);margin:8px 0 18px}.app-status{font-size:12px;color:var(--app-muted);margin:14px 0;min-height:18px}.app-status[data-error=true]{color:#a12f21}
.welcome-guide{position:relative;padding:22px 26px;border:1px solid #d8dcc9;border-radius:12px;background:#eaede2;margin:0 0 34px}.welcome-guide h2{font-size:15px;margin-bottom:20px}.guide-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.guide-steps li{display:grid;grid-template-columns:26px 1fr;gap:8px 10px;font-size:12px;line-height:1.5}.guide-steps .step-number{grid-row:span 2;display:grid;place-items:center;align-self:start;width:25px;height:25px;border:1px solid #cad2bf;border-radius:50%;font-size:10px}.guide-steps strong{font-weight:600}.guide-steps p{color:#666e59;font-size:11px}.guide-dismiss{position:absolute;right:20px;top:17px;border:0;padding:8px 10px;background:transparent;text-decoration:underline;text-underline-offset:3px;font-size:11px;color:#59634d;cursor:pointer;min-height:36px}
.app-section{margin-top:36px}.app-section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.app-section-head p{color:var(--app-muted);margin-top:6px;font-size:12px}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.design-card{overflow:hidden;border:1px solid var(--app-line);border-radius:11px;background:#fff;min-width:0}.design-preview{display:block;aspect-ratio:1.45;background:#eae8e1;overflow:hidden;position:relative;text-decoration:none}.design-preview img{width:100%;height:100%;object-fit:contain;transition:transform .2s ease}.design-preview:hover img{transform:scale(1.035)}.design-preview .preview-caption{position:absolute;bottom:10px;left:12px;font-size:9px;background:#ffffffd9;padding:3px 6px;border-radius:3px;color:#5d6258}.design-card-body{padding:18px}.design-card h3{font-size:14px;line-height:1.4;letter-spacing:-.015em;overflow-wrap:anywhere;margin:0 0 6px}.design-card p{font-size:11px;color:var(--app-muted);margin:5px 0 18px}.design-card .app-actions{gap:16px;justify-content:space-between}.design-card .app-text-link{font-size:11px}.design-card .app-button{min-height:36px;font-size:11px;padding:8px 12px}.design-empty{border:1px dashed #c8cdc0;border-radius:12px;background:#eeeee6;padding:42px;text-align:center}.design-empty h2{margin:0 0 10px}.design-empty p{font-size:13px;color:var(--app-muted);margin:0 auto 22px;max-width:380px}.design-empty .app-tag{margin-bottom:20px}.workspace-welcome{display:grid;grid-template-columns:1.2fr 1fr;background:#e9e6dd;border:1px solid #dcd8cc;border-radius:12px;overflow:hidden;min-height:210px}.workspace-welcome-copy{padding:32px}.workspace-welcome h2{font-size:27px;line-height:1.2;max-width:350px;margin-bottom:12px}.workspace-welcome p{font-size:13px;color:#67695c;line-height:1.7;max-width:360px;margin-bottom:22px}.workspace-welcome-art{display:grid;place-items:center;position:relative;background:#e4e2d6;overflow:hidden}.workspace-welcome-art img{width:75%;max-height:240px;object-fit:contain;transform:rotate(-6deg)}.workspace-welcome-art span{position:absolute;bottom:15px;right:20px;font-size:10px;color:#656958}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:25px 0 20px}.catalog-filters{display:flex;gap:8px;flex-wrap:wrap}.catalog-filter{border:1px solid var(--app-line);background:transparent;border-radius:6px;min-height:38px;padding:8px 14px;font:500 12px var(--app-font);cursor:pointer}.catalog-filter[aria-pressed=true]{background:#252820;border-color:#252820;color:white}.catalog-count{font-size:11px;color:var(--app-muted);white-space:nowrap}.catalog-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.catalog-card{text-decoration:none;display:block;min-width:0}.catalog-card-image{display:block;aspect-ratio:1.15;border-radius:11px;background:#e9e7df;overflow:hidden;border:1px solid #dedbd2}.catalog-card-image img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.catalog-card:hover img{transform:scale(1.045)}.catalog-card-heading{display:flex;justify-content:space-between;gap:12px;padding:14px 0 4px;font-size:13px;font-weight:600}.catalog-card p{font-size:11px;color:var(--app-muted);line-height:1.6}.catalog-shelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.catalog-shelf .catalog-card-heading{font-size:12px}.catalog-search{position:relative;max-width:300px;width:100%}.catalog-search input{width:100%;border:1px solid var(--app-line);background:white;border-radius:7px;padding:10px 13px;font:12px var(--app-font);min-height:40px}.catalog-note{font-size:11px;color:#787a70;margin:28px 0}.app-form-panel{background:#fff;border:1px solid var(--app-line);border-radius:12px;padding:28px;max-width:780px}.app-form-panel h2{margin-bottom:20px}.app-form{display:grid;gap:18px}.app-form label{display:grid;gap:8px;font-size:12px;font-weight:500}.app-form input,.app-form select,.app-form textarea{width:100%;min-height:44px;border:1px solid #cfcec6;border-radius:7px;background:white;padding:11px 13px;font:14px var(--app-font);color:var(--app-ink)}.app-form textarea{min-height:125px;resize:vertical}.app-form .field-hint{font-size:11px;color:var(--app-muted);font-weight:400}.quote-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:28px;align-items:start}.quote-summary{background:#eeece4;border:1px solid var(--app-line);border-radius:12px;padding:24px}.quote-summary img{width:100%;aspect-ratio:1.25;object-fit:contain;border-radius:8px;margin-bottom:20px}.quote-summary h2{font-size:17px}.quote-summary p{font-size:12px;line-height:1.8;margin:9px 0;color:var(--app-muted)}.quote-list{display:grid;gap:16px}.quote-row{border:1px solid var(--app-line);border-radius:10px;padding:22px;background:#fff;display:flex;justify-content:space-between;gap:24px}.quote-row h2{font-size:16px;margin:0 0 7px}.quote-row p{font-size:12px;color:var(--app-muted);line-height:1.7;margin:6px 0}.quote-row .quote-notes{white-space:pre-wrap;overflow-wrap:anywhere;max-width:640px}.quote-meta{text-align:right;flex:none;font-size:11px;color:var(--app-muted)}.quote-meta .app-tag{margin-bottom:10px}.app-tag[data-status=new]{background:#e9ebff;border-color:#d5dafa;color:#3141bd}.app-tag[data-status=reviewing]{background:#fbf0d6;border-color:#e7d5a7;color:#755713}.app-tag[data-status=replied]{background:#e4f0e7;border-color:#c7dfce;color:#32633e}
.app-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.app-account-section{background:#fff;border:1px solid var(--app-line);border-radius:10px;padding:26px}.app-account-section h2{font-size:18px;margin:0 0 18px}.app-account-section p{font-size:12px;line-height:1.7;margin:10px 0;color:var(--app-muted)}.app-account-section .form{display:grid;gap:12px}.app-account-section .form label{font-size:12px}.app-account-section .field{height:44px;border-radius:7px;font-size:14px}.app-account-section .btn{min-height:42px;height:auto;padding:12px 16px;border-radius:7px;font-size:12px}.app-account-section summary{cursor:pointer;font-size:15px;font-weight:600;min-height:30px}.app-account-section details+details{border-top:1px solid var(--app-line);padding-top:20px;margin-top:20px}.app-account-section details[open]>summary{margin-bottom:20px}.app-account-section pre{white-space:pre-wrap;overflow-wrap:anywhere}.app-account-section .result{font-size:12px}.app-account-section .app-actions{margin-top:18px}.app-wide{grid-column:1/-1}.app-inline-notice{border-left:3px solid #c1c9ae;padding:12px 16px;background:#eff1e8;font-size:12px;line-height:1.7;color:#525e42}.app-settings-tabs{display:flex;gap:8px;margin-bottom:26px;flex-wrap:wrap}.app-settings-tabs a{font-size:12px;padding:8px 14px;border:1px solid var(--app-line);border-radius:6px;text-decoration:none}.app-settings-tabs a:hover{background:#e9e8e0}
[data-workspace-page] .commerce-shell{width:auto;margin:0;color:var(--app-ink)}[data-workspace-page] .commerce-shell main{padding:0}[data-workspace-page] .commerce-shell h1{font:600 clamp(28px,3vw,40px)/1.15 var(--app-font);margin-bottom:12px}[data-workspace-page] .commerce-intro{font-size:14px;line-height:1.7;color:var(--app-muted)}[data-workspace-page] .commerce-card{background:white;border-color:var(--app-line);border-radius:10px;padding:24px}[data-workspace-page] .commerce-card h2{font:600 18px/1.3 var(--app-font)}[data-workspace-page] .commerce-shell a:not(.btn){color:inherit}[data-workspace-page] .commerce-filters label{font-size:12px}[data-workspace-page] .commerce-shell .btn{height:44px;border-radius:7px;padding:0 18px;font-size:13px}[data-workspace-page] .commerce-footnote{color:var(--app-muted);font-size:12px}[data-workspace-page] .commerce-shell footer{font-size:11px;border-color:var(--app-line)}[data-workspace-page] .commerce-note{background:#eeeee5}
.auth-polish .account-box{max-width:400px}.auth-polish .account-center{padding-top:45px;padding-bottom:45px}.auth-polish .account-box h1{font-size:36px;letter-spacing:-.045em}.auth-polish .account-box .intro{font-size:14px;line-height:1.7}.auth-polish .auth-provider{order:0}.auth-polish .account-box>.btn[data-provider=google]{border-color:#cccac0;background:#fff;min-height:52px;width:100%;font-size:14px}.auth-polish .divider{margin:22px 0;font-size:11px}.auth-polish .form .btn{font-size:14px}.auth-polish .account-box>.btn[href]{font-size:12px;min-height:42px;height:auto;background:transparent;border-color:transparent;padding:10px}.auth-polish .account-visual{background:#e8e5dc}.auth-polish .account-visual .piece-caption strong{font-size:17px}.auth-polish .account-visual .piece-caption span{font-size:13px}.auth-polish .fineprint{font-size:11px}.auth-polish .auth-promise{font-size:11px;color:#6b6b61;margin-top:18px}.auth-polish #auth-status:empty{margin:0;padding:0}.auth-polish .account-box .switch{font-size:12px}.studio-v2 .studio-signin{min-width:92px;text-align:center}.studio-v2 .studio-bar .app-studio-home{font-size:11px;color:#666a5f;text-decoration:none;white-space:nowrap}.studio-v2 .studio-order-notice{font-size:11px}
[data-public-page] .public-session-nav{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.landing-account{display:flex;align-items:center;gap:20px}.app-skeleton{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.app-skeleton span{display:block;height:240px;border:1px solid #e1dfd5;border-radius:12px;background:#eeece5}.app-skeleton span::after{content:'';display:block;height:14px;width:60%;margin:185px 20px 0;background:#dfddd4;border-radius:4px}.site-header .header-actions{gap:18px}
@media(min-width:1600px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.app-main{padding:48px 56px 80px}.app-topbar{padding-inline:56px}}
@media(max-width:1150px){:root{--app-sidebar:214px}.app-main{padding:32px 28px 60px}.app-topbar{padding:16px 28px}.design-grid,.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-steps{gap:16px}.quote-layout{grid-template-columns:1.2fr .8fr}}
@media(max-width:900px){.app-sidebar{transform:translateX(-100%);width:268px;transition:transform .18s ease}.app-navigation-open .app-sidebar{transform:translateX(0)}.app-navigation-open{overflow:hidden}.app-topbar{margin-left:0;padding:14px 22px;min-height:66px}.app-main{margin-left:0;padding:30px 22px 56px}.app-open-nav,.app-close-nav{display:grid;place-items:center;width:40px;height:40px;padding:8px;border:0;background:transparent;cursor:pointer}.app-close-nav{font-size:26px}.app-open-nav{margin-left:-8px}.app-breadcrumb{margin-right:auto;font-size:11px;gap:10px}.app-breadcrumb>span:first-child,.app-breadcrumb>span:nth-child(2){display:none}.app-topbar{gap:12px}.app-account-grid{gap:16px}.app-skeleton span{height:210px}.app-skeleton span::after{margin-top:160px}}
@media(max-width:600px){.app-main{padding:26px 18px 48px}.app-topbar{padding-inline:18px}.app-page-heading{align-items:start;flex-direction:column;gap:18px}.app-page-heading h1{font-size:29px}.app-page-heading p{font-size:13px}.app-page-heading>.app-button{width:100%}.welcome-guide{padding:20px}.welcome-guide h2{font-size:14px;padding-right:45px;margin-bottom:18px}.guide-steps{grid-template-columns:1fr;gap:16px}.guide-steps li{column-gap:12px}.guide-dismiss{right:10px;top:10px}.design-grid{grid-template-columns:1fr}.catalog-grid{gap:22px 14px}.catalog-card-image{aspect-ratio:1}.catalog-card-heading{font-size:12px;gap:6px}.catalog-card p{font-size:10px}.catalog-tools{align-items:start;flex-direction:column;gap:14px}.catalog-filter{font-size:11px;padding:8px 12px;min-height:40px}.catalog-count{display:none}.catalog-search{max-width:none}.catalog-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-welcome{grid-template-columns:1fr}.workspace-welcome-copy{padding:25px}.workspace-welcome h2{font-size:25px}.workspace-welcome-art{min-height:190px;max-height:200px}.workspace-welcome-art img{height:190px;width:auto}.app-section{margin-top:28px}.app-section-head h2{font-size:19px}.app-section-head .app-text-link{font-size:11px}.app-account-grid,.quote-layout{grid-template-columns:1fr}.app-account-section,.app-form-panel{padding:22px}.quote-row{flex-direction:column;gap:12px}.quote-meta{text-align:left}.quote-summary{order:-1}.quote-summary img{max-height:220px}.app-settings-tabs{gap:6px}.app-settings-tabs a{font-size:11px;padding:8px 12px}.app-skeleton{grid-template-columns:1fr}.app-skeleton span:not(:first-child){display:none}.design-empty{padding:32px 22px}.app-profile-toggle>span:not(.app-avatar){display:none}.app-state{padding:20px}.auth-polish .account-center{padding-top:34px}.studio-v2 .studio-bar .app-studio-home{display:none}.header-actions .app-session-pending{font-size:10px;min-width:85px}.landing-account{gap:10px}}
.catalog-card-image img,.workspace-welcome-art img{mix-blend-mode:multiply}
.app-text-link{display:inline-flex;align-items:center;min-height:32px}.design-card .app-actions a{min-height:40px}.app-profile-toggle{min-height:44px}.app-profile-toggle>span:not(.app-avatar){max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-welcome h2,.quote-summary h2,.quote-row h2,.app-account-section p,#profile-summary{overflow-wrap:anywhere}.app-privacy{min-height:24px;padding-block:5px}
.app-main .workspace-form{margin:20px 0 28px}.app-main .workspace-form label{font-size:12px}.app-main .workspace-form input{border-radius:7px}.app-account-section details{margin-top:22px}.app-account-section summary{min-height:44px;padding-block:10px}.app-profile-menu button:disabled{opacity:.6}
@media(max-width:600px){.welcome-guide .guide-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.welcome-guide .guide-steps li{grid-template-columns:1fr;gap:8px;font-size:11px}.welcome-guide .step-number{grid-row:auto}.welcome-guide .guide-steps p{display:none}.catalog-filters{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding-bottom:2px}.catalog-filter{flex-shrink:0;min-height:44px}.catalog-tools{margin-top:20px;gap:12px}.welcome-guide{margin-bottom:24px}.welcome-guide h2{padding-right:52px}.app-main .workspace-form input{font-size:16px}.design-card .app-actions a,.app-text-link{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}