#app{min-height:100vh;color:var(--ink);background:var(--paper);font-size:14px}#app .navigation-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;padding:10px 28px;min-height:64px}#app .brand-picker{justify-self:start;display:block;width:44px;min-width:44px;min-height:44px;height:44px;padding:4px;border:0;border-radius:8px;background:transparent;margin:0}#app .brand-logo{width:36px;height:36px;object-fit:contain}#app .header-home{font-size:16px;font-weight:650;text-decoration:none;white-space:nowrap}#app .profile-trigger{justify-self:end;display:flex;align-items:center;gap:9px;padding:3px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;min-width:0;max-width:100%;border-radius:30px}.avatar-circle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#eee8e3;color:#625158;font-size:18px;font-weight:650}.avatar-circle svg{width:23px;height:23px}.identity-copy{display:grid;gap:3px;min-width:0}.identity-copy strong{font-size:12px;font-weight:600}.identity-copy small{font-size:10px;color:var(--muted)}.context-tabs{display:flex;flex-wrap:wrap;gap:5px;padding:8px 28px;border-bottom:1px solid var(--line)}.context-tabs a{display:flex;align-items:center;gap:6px;font-size:11px;padding:7px 10px;min-height:34px}.context-tabs .nav-label,.context-tabs .nav-marker{display:none}.context-tabs .nav-common{display:contents}.context-tabs .icon{width:15px;height:15px}#app main{padding-top:24px;padding-bottom:20px;max-width:1240px}#app .topbar{min-height:46px;padding:8px 28px}#app .home-intro{margin-bottom:22px}#app .dashboard-intro h1{font-size:42px;margin:8px 0 12px}#app .home-intro p{font-size:13px}#app .dashboard-label{font-size:11px;padding:8px 12px}#app .dashboard .hs-heading{margin-bottom:16px}#app .dashboard .hs-heading h2{font-size:21px}#app .dashboard-grid{gap:14px}#app .dashboard-card{padding:18px;border-radius:16px}#app .dashboard-card h3{font-size:15px;margin:12px 0}#app .dashboard-card p{font-size:12px;line-height:1.6}#app .dashboard-symbol{padding:9px;border-radius:11px}#app .dashboard-symbol .icon{width:20px;height:20px}#app .home-demo-entry.hero{margin-top:24px;padding:20px 24px}#app .home-demo-entry.hero h2{font-size:21px}#app .picker-header{padding:20px 24px 14px}#app .picker-app{padding:12px;border-radius:13px}#app .app-symbol{width:40px;height:40px;border-radius:11px}.picker-utilities{display:flex;gap:12px;border-top:1px solid var(--line);padding:15px 24px;font-size:13px}.picker-utilities a{padding:6px 0}
.profile-panel{width:min(490px,calc(100vw - 24px));max-width:none;max-height:92dvh;overflow:auto;border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--paper);color:var(--ink)}.profile-panel::backdrop{background:#15101880;backdrop-filter:blur(4px)}.profile-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-heading h2{font-size:22px;margin-top:7px}.profile-heading button{width:34px;height:34px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;font-size:22px;background:transparent;color:inherit;cursor:pointer}.profile-notice{font-size:12px;color:var(--muted);line-height:1.65;margin:16px 0}.profile-preview{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;margin-bottom:18px}.profile-preview strong{overflow-wrap:anywhere}.profile-preview small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.profile-fields{display:grid;gap:14px}.profile-fields label{display:grid;gap:7px;font-size:12px;font-weight:600}.profile-fields input{width:100%;min-width:0;border:1px solid #c8bfc0;border-radius:8px;padding:10px 11px;background:#fff;color:#292329;font:inherit;font-size:14px}.profile-fields fieldset{border:1px solid var(--line);border-radius:10px;min-width:0;margin:0;padding:12px}.profile-fields legend{font-size:12px;padding:0 5px}.profile-fields fieldset p,.appearance p{font-size:11px;line-height:1.6;color:var(--muted);margin-top:9px}.avatar-choices,.theme-options{display:flex;gap:8px;flex-wrap:wrap}.avatar-choices button,.theme-options button{border:1px solid #c8bfc0;background:#fff;color:#392d31;border-radius:8px;min-height:38px;padding:8px 12px;cursor:pointer;font:inherit;font-size:12px}.avatar-choices button[aria-pressed=true],.theme-options button[aria-pressed=true]{background:#721112;border-color:#721112;color:#fff}.profile-role{display:grid;gap:7px;font-size:12px}.profile-role strong{font-size:12px;color:var(--muted);font-weight:500}.profile-save{padding:11px;border:1px solid var(--line);border-radius:8px;background:#e8e3df;color:#675f62;font-size:12px}.appearance{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.appearance h3{font-size:15px}.theme-options{margin-top:12px}#app button:focus-visible,#app input:focus-visible{outline:3px solid #a04727;outline-offset:3px}
#app[data-theme=dark]{color-scheme:dark;--ink:#fafafa;--muted:#c6c1c4;--wine:#ffadb7;--line:#484044;--paper:#090909;--rose:#32161c;--sand:#30291e;--sage:#1e2b21;--blue:#202936}#app[data-theme=dark] :is(.navigation-header,.topbar,.dashboard-card,.app-picker,.application-unavailable,.hs-settings-card,.hs-unavailable,.profile-panel,.quote-sheet,.customer-card,.product-card,.empty-panel,.file-tile,.image-tile,.journey-complete,.journey ol,.demo-dialog,.document-sketch,.dialog-disclaimer){background:#151515;color:#fafafa;border-color:#484044}#app[data-theme=dark] :is(.home-demo-entry.hero,.profile-preview,.profile-role){background:#1c1a1b;color:#fafafa}#app[data-theme=dark] :is(.picker-app,.dashboard-symbol,.app-symbol,.avatar-circle,.dashboard-label,.journey a>span,.main-nav a:hover){background:#292326;color:#fafafa;border-color:#484044}#app[data-theme=dark] :is(p,small,.eyebrow,.picker-notice,.catalog-status,.hs-state,.access-notice,.context-tabs a,.topbar strong,.edition,.footer,.profile-role strong,.product-copy>p>strong,.product-picture>span,.picker-group h3>span,.main-nav a,.document-sketch>span){color:#c6c1c4}#app[data-theme=dark] :is(.hs-state,.catalog-status,.status,.context-chip){background:#30272b}#app[data-theme=dark] :is(.primary-link,button[aria-pressed=true],.select-product){background:#85212b;border-color:#85212b;color:#fff}#app[data-theme=dark] .brand-picker{background:#f7f3ef}#app[data-theme=dark] :is(input,.avatar-choices button,.theme-options button,.picker-close,.profile-heading button,.reset-link,.quantity>button,.gallery-tabs button,.dialog-close){background:#252123;color:#fff;border-color:#70666c}#app[data-theme=dark] :is(.avatar-choices button[aria-pressed=true],.theme-options button[aria-pressed=true],.gallery-tabs button[aria-selected=true],.journey a[aria-current=step]>span){background:#85212b;color:#fff}#app[data-theme=dark] :is(.profile-save,button:disabled){background:#353034;color:#d6cdd1;border-color:#6e6369}#app[data-theme=dark] .home-demo-warning{color:#ffadb7}#app[data-theme=dark] :is(button,input,a):focus-visible{outline-color:#ffadb7}#app[data-theme=dark] .context-tabs a[aria-current=page]{background:#451b24;color:#fff}body:has(#app[data-theme=dark]){background:#090909}
@media(max-width:820px){#app .navigation-header{display:grid;padding:9px 18px;gap:8px}.identity-copy{max-width:110px}.identity-copy strong{font-size:11px}.identity-copy small{font-size:10px}.context-tabs{padding:7px 18px}#app main{padding:20px 22px}#app .dashboard-intro h1{font-size:34px}#app .dashboard-card{padding:15px}#app .dashboard-grid{gap:11px}#app .dashboard-intro{margin-top:0}#app .home-demo-entry.hero h2{font-size:20px}.profile-panel{padding:20px}}
@media(max-width:380px){#app .navigation-header{padding:8px 12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:5px}#app .header-home{font-size:14px}.profile-trigger{gap:4px!important}.identity-copy{max-width:65px}.identity-copy strong{font-size:10px}.identity-copy small{font-size:10px;line-height:1.4}.avatar-circle{width:29px;height:29px}.avatar-circle svg{width:20px;height:20px}#app .dashboard-intro h1{font-size:32px}#app .context-tabs a{font-size:10px;padding:7px 8px}}

.footer,.home-demo-entry .eyebrow,.picker-group h3>span,.picker-app small,.document-sketch>span{color:#62585c}#app[data-theme=dark] input::placeholder{color:#c6c1c4;opacity:1}