[hidden]{display:none!important}button:disabled{cursor:default;opacity:.5}input,select,textarea{color:var(--ink)}.demo-toolbar{background:#e0f0f3;border-bottom:1px solid #cee2e7}.demo-inner{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-inner>span{display:flex;align-items:center;gap:7px;font-size:10px;color:#5b7e88;white-space:nowrap}.demo-inner i{width:6px;height:6px;border-radius:50%;background:#76a59d}.demo-inner>div{display:flex;gap:3px;overflow:auto}.demo-inner button{border:0;background:transparent;font-size:10px;padding:8px 13px;border-radius:6px;white-space:nowrap;color:#6c8892}.demo-inner button.active{background:#fff;color:#008a7b;box-shadow:0 2px 6px #315f6510}.intro{padding-top:30px;padding-bottom:29px}.intro h1{font-size:43px}.workspace{grid-template-columns:225px minmax(0,1fr) 305px}.model-card{gap:7px;padding-right:10px}.model-photo{width:65px}.model-photo img{width:65px}.model-title{font-size:11px}.model-volume{font-size:20px}.preview-panel{position:sticky;top:22px}.stage{height:390px}.stage-halo{top:65px}.preview-controls{padding-left:18px;padding-right:18px;flex-wrap:wrap}.swatches{gap:6px}.stage-caption{gap:10px;padding:13px 18px}.view-buttons{display:flex;padding:3px;background:#edf5f4;border-radius:6px}.view-buttons button{background:transparent;border:0;font-size:9px;padding:5px 8px;color:#728e94;border-radius:4px}.view-buttons button.active{background:#fff;box-shadow:0 1px 4px #173d4210;color:#176d60}.design-panel{display:block;padding:20px 17px}.design-panel .order-heading{margin-bottom:16px}.design-panel .order-model>span{font-size:18px}.design-panel .order-model small{font-size:9px;line-height:1.6}.design-panel .quantity-block{margin-top:20px}.count-badge{font-size:9px;color:#6f9893;border-radius:12px;background:#edf7f4;padding:4px 7px}.layer-list{display:grid;gap:10px;margin:18px 0 10px}.layer-card{border:1px solid #e0ecea;border-radius:9px;padding:11px 10px 8px;background:#fbfdfc}.selected-layer{border-color:#9bd6ca}.layer-first{display:flex;align-items:start;gap:8px}.layer-toggle{display:flex;align-items:center;gap:7px;padding-top:2px}.layer-toggle input,.inline-bottom input,.bottom-option input{accent-color:var(--teal);margin:0;width:14px;height:14px;flex-shrink:0}.layer-dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1px solid #91a6a844}.layer-toggle .layer-dot{display:none}.layer-edit{border:0;background:none;padding:0;text-align:left;flex:1;min-width:0}.layer-edit b{display:block;font-size:10px}.layer-edit small{display:block;font-size:8px;line-height:1.7;color:#839a9b;margin-top:4px;overflow-wrap:anywhere}.bare-button{border:0;background:none;padding:0;color:#9bb0b0}.bare-button:hover{color:#de777b}.bare-button svg{width:13px;height:13px}.layer-settings{border:0;border-top:1px solid #e7efed;background:none;color:#398c7d;display:flex;justify-content:space-between;width:100%;font-size:9px;padding:8px 0 0;margin-top:8px}.inline-bottom{display:flex;align-items:center;gap:7px;font-size:10px;margin:10px 0 0 22px}.inline-bottom input{width:13px;height:13px}.muted-layer{opacity:.55}.add-decor{border:1px dashed #6fc8b7;border-radius:9px;padding:12px;width:100%;display:flex;justify-content:center;align-items:center;gap:8px;background:#eefaf6;color:#008a7b;font-size:11px;font-weight:700}.add-decor:hover{background:#ddf5ec}.add-decor svg{width:16px;height:16px}.micro-note{font-size:10px;color:#84999f;line-height:1.7;margin:11px 0 16px}.design-panel>.micro-note{font-size:9px}.design-panel .price-note{display:flex;justify-content:space-between;align-items:center;margin-top:19px;margin-bottom:17px;gap:12px}.design-panel .price-note p{font-size:11px;margin:0;text-align:right}.design-panel .continue-note{margin-bottom:0}.secondary-button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #cfe3df;border-radius:8px;background:white;color:#2f7b70;width:100%;padding:12px;font-size:11px;font-weight:650}.secondary-button:hover{background:#eef9f5;border-color:#9bcec0}.secondary-button svg{width:16px;height:16px}.design-panel>.secondary-button{margin-top:9px}.compact{width:auto;padding:12px 17px;white-space:nowrap}.muted{color:var(--muted);font-size:12px;line-height:1.8}.text-button{border:0;background:none;color:#198d80;padding:0;font-size:11px}.empty-inline{padding:22px;color:var(--muted);font-size:12px;line-height:1.7}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 20px}dialog h2{font-size:25px;letter-spacing:-.8px;line-height:1.35;margin:0 0 12px}dialog h3{font-size:14px}.picker-dialog,.auth-dialog,.form-dialog,.detail-dialog{border-radius:18px;padding:28px;max-width:calc(100vw - 32px);max-height:92dvh;overflow:auto}.picker-dialog{width:540px}.decor-choices{display:grid;gap:9px;margin:23px 0}.decor-choices button{border:1px solid #dceae7;background:white;border-radius:10px;display:flex;align-items:center;padding:13px;gap:14px;text-align:left}.decor-choices button:hover:enabled{border-color:#71c9b6;background:#f3fcf8}.decor-choice-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#e9f7f2;color:#38a18b}.decor-choices button>span:nth-child(2){flex:1}.decor-choices b{display:block;font-size:12px}.decor-choices small{display:block;font-size:10px;color:#849a9e;margin-top:5px}.decor-choices button>svg{width:16px;height:16px;color:#56a695}.bottom-option{display:flex;gap:11px;align-items:center;padding:17px 13px;background:#edf8f3;border:1px solid #a5d8c6;border-radius:9px;margin:23px 0 12px}.bottom-option b{font-size:12px;display:block}.bottom-option small{display:block;font-size:9px;color:#72948a;margin-top:5px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field-grid label,.surface-form label{display:block;color:#55727d;font-size:11px;line-height:1.7}.field-grid input,.surface-form input:not([type=checkbox]),.surface-form select,.surface-form textarea{display:block;border:1px solid #d8e6e7;background:#fbfdfd;width:100%;min-width:0;border-radius:7px;padding:10px 12px;margin-top:6px;font:inherit;font-size:12px;color:var(--ink)}.field-grid input:focus,.surface-form input:focus{border-color:#60c6b4}.field-grid{margin-top:18px}.upload-box{padding:24px 15px;background:#f3faf8;border:1px dashed #a0d2c5;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;cursor:pointer}.upload-box svg{width:28px;height:28px;color:#4b9b88}.upload-box b{font-size:12px}.upload-box span{font-size:10px;color:#84a097}.upload-box input{max-width:100%;font-size:10px;margin-top:7px}.file-caption{font-size:11px;color:#478f80;overflow-wrap:anywhere}.notice{background:#edf7f4;border:1px solid #d6eae1;border-radius:9px;padding:15px 18px;color:#5a7f73;font-size:11px;line-height:1.8;margin:18px 0}.surface-form{background:#fff;padding:26px;border:1px solid #e1ebee;border-radius:12px}.surface-form>label{margin-bottom:17px}.surface-form h2{font-size:18px;letter-spacing:-.3px;margin:0 0 22px}.surface-form h3{font-size:13px;margin:24px 0 15px}.surface-form .field-grid{margin:0 0 17px}.surface-form .primary-button{margin-top:23px}.surface-form .checkbox-line,.surface-form .consent-line{display:flex;align-items:start;gap:9px;font-size:11px}.consent-line input{accent-color:var(--teal);margin:4px 0 0}.form-error{color:#c85355;font-size:11px}.auth-dialog{width:550px}.auth-tabs{display:flex;border-bottom:1px solid #e2eceb;margin:0 0 24px;gap:27px}.auth-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:0 0 12px;font-size:13px;color:#81979e}.auth-tabs button.active{border-color:var(--teal);color:#1a8171;font-weight:700}.auth-form{border:0;padding:0}.demo-notice{font-size:10px;padding:10px 12px;background:#fff8e6;border:1px solid #f3e8c5;border-radius:7px;line-height:1.7;color:#9a8550;margin:15px 0 21px}.password-field{display:flex;align-items:center;position:relative}.password-field input{padding-right:80px!important}.password-field button{position:absolute;right:10px;top:17px;background:transparent;border:0;font-size:9px;color:#698d8a}.forgot{display:block;margin:-4px 0 15px auto}.demo-entry{display:block;background:none;border:0;font-size:11px;color:#328a7d;text-align:center;margin:20px auto 0;padding:5px}.mail-preview-icon{display:grid;place-items:center;width:65px;height:65px;background:#e3f5ed;border-radius:50%;margin:20px auto;color:#389b81}.mail-preview-icon svg{width:31px;height:31px}.form-dialog{width:560px}.form-dialog .surface-form{border:0;padding:0}.portal-shell{display:grid;grid-template-columns:215px minmax(0,1fr);gap:34px;padding-top:33px;padding-bottom:60px;min-height:calc(100vh - 195px)}.portal-sidebar{padding-top:5px}.portal-person{display:flex;align-items:center;gap:11px;padding-bottom:27px;border-bottom:1px solid #d9e8ed;margin-bottom:21px}.avatar{display:grid;place-items:center;background:#ceece5;border:4px solid #eef8f7;width:44px;height:44px;border-radius:50%;font-size:16px;font-weight:700;color:#2d8d7e;flex-shrink:0}.portal-person strong{font-size:12px;display:block}.portal-person small{display:block;font-size:9px;color:#7c949d;margin-top:4px}.portal-sidebar nav{display:grid;gap:4px}.portal-sidebar nav button{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;border-radius:8px;padding:13px 12px;font-size:11px;color:#6f8994;text-align:left}.portal-sidebar nav svg{width:17px;height:17px}.portal-sidebar nav button.active{background:#fff;color:#078b7b;box-shadow:0 4px 12px #527b8610;font-weight:700}.portal-sidebar nav button:hover{background:#f6fcfd}.portal-sidebar nav button>span{margin-left:auto;font-size:10px;background:#e6f3ef;padding:2px 6px;border-radius:4px}.sidebar-note{display:flex;gap:9px;color:#89a0a7;font-size:9px;line-height:1.8;margin:30px 10px 17px}.sidebar-note svg{flex-shrink:0;width:15px;height:15px}.sidebar-back{border:0;background:none;color:#56847c;padding:12px 10px;font-size:10px}.portal-main{min-width:0}.portal-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:4px 0 27px}.portal-heading h1{font-size:29px;letter-spacing:-1px;line-height:1.25;margin:10px 0 0}.portal-heading .eyebrow{font-size:8px}.portal-banner{position:relative;overflow:hidden;background:#d0eee6;border-radius:15px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;min-height:176px}.portal-banner h2{font-size:25px;letter-spacing:-1px;margin:10px 0}.portal-banner p{font-size:11px;color:#648e82;line-height:1.9;max-width:380px;margin:0}.portal-banner .eyebrow{font-size:7px;color:#5f9588}.banner-glasses{display:flex;align-items:center;gap:10px;padding-right:7px;transform:rotate(-8deg)}.banner-glasses i{display:block;width:48px;height:68px;border-radius:6px 6px 13px 13px;background:linear-gradient(90deg,#098b7f,#22baa1,#0d8876);box-shadow:4px 11px 13px #4e8d7d25;border-top:5px solid #b5e5d6}.banner-glasses i:nth-child(2){height:58px;background:linear-gradient(90deg,#b79bc7,#d2bfdf,#b095c1);border-color:#eedff8}.banner-glasses i:nth-child(3){height:47px;background:linear-gradient(90deg,#e6ae60,#f8d598,#d9ae73);border-color:#fbe6c8}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:20px 0 28px}.stat-card{border:1px solid #e3ecef;border-radius:11px;background:#fff;padding:19px 18px;position:relative}.stat-card svg{position:absolute;right:15px;top:17px;width:16px;height:16px;color:#96b9b1}.stat-card strong{display:block;font-size:28px;letter-spacing:-1px;font-weight:650;margin-bottom:9px}.stat-card span{font-size:10px;color:#7a929d}.card-section{border:1px solid #e1ebee;background:white;border-radius:12px;overflow:hidden;margin-bottom:19px}.section-top{padding:22px 22px 5px;display:flex;justify-content:space-between;align-items:center}.section-top h2{font-size:15px;margin:0}.section-top button{border:0;background:none;color:#448d81;font-size:10px}.table-scroll{overflow:auto}.order-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.order-table th{font-size:9px;font-weight:650;color:#8da2aa;padding:18px 18px 13px;border-bottom:1px solid #e7eef1;white-space:nowrap}.order-table td{padding:18px;border-bottom:1px solid #edf2f4;line-height:1.7;vertical-align:middle}.order-table tr:last-child td{border-bottom:0}.order-table tbody tr:hover{background:#fcfefd}.order-table td small{display:block;font-size:9px;color:#8b9fa7;margin-top:5px;max-width:230px;line-height:1.6}.table-title{border:0;background:none;text-align:left;padding:0;font-size:11px;font-weight:650;color:#254954;min-width:120px}.table-title:hover{color:#0b9a84}.order-table .amount{white-space:nowrap;font-weight:650;font-size:11px}.order-table .muted{font-size:10px}.row-arrow{border:1px solid #dae9e7;color:#629e93;border-radius:6px;background:#f6faf9;font-size:13px;width:27px;height:27px}.status{display:inline-block;white-space:nowrap;font-size:9px;font-weight:650;padding:5px 8px;border-radius:5px;line-height:1.5}.status-draft{background:#eff3f5;color:#7d929e}.status-review{background:#fff3d9;color:#b18b2f}.status-payment{background:#fce8e2;color:#bb856b}.status-production{background:#ece6f8;color:#9574bd}.status-ready{background:#dff3e9;color:#4a9276}.status-shipped{background:#e0eff6;color:#608aa8}.portal-footnote{font-size:10px;line-height:1.8;color:#8aa0aa;margin:17px 0}.list-toolbar{margin-bottom:18px;display:flex;flex-direction:column;gap:18px}.filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.filter-tabs button{background:transparent;border:1px solid #dce9ed;color:#7b929e;padding:8px 12px;font-size:10px;border-radius:7px}.filter-tabs button.active{background:#fff;border-color:#79c4b4;color:#228d7e}.list-toolbar input{width:290px;max-width:100%;padding:11px 14px;border:1px solid #dce9ed;background:white;border-radius:8px;font-size:11px}.profile-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;align-items:start}.info-card{background:#fff;border:1px solid #e0ebee;border-radius:11px;padding:23px;margin-bottom:16px}.info-card>svg{color:#72a89d;width:26px;height:26px}.info-card h3{font-size:14px;margin:14px 0 10px;letter-spacing:-.2px}.info-card p{font-size:11px;line-height:1.9;color:#7b939d}.info-card .secondary-button{margin-top:20px}.customer-grid,.role-grid,.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.document-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.document-card{background:#fff;border:1px solid #e1ebee;border-radius:11px;padding:23px}.document-card>svg{display:block;color:#6da99a;width:28px;height:28px;margin-bottom:19px}.document-card small{font-size:9px;color:#8fa6ae}.document-card h3{font-size:14px;margin:9px 0}.document-card p{font-size:11px;color:#8a9fa8;line-height:1.8;min-height:40px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.catalog-card{border:1px solid #e0ebee;border-radius:12px;overflow:hidden;background:white}.catalog-photo{height:170px;position:relative;background:#fcfefe;padding:20px;display:grid;place-items:center}.catalog-photo img{max-width:95px;max-height:130px;border-radius:6px}.catalog-photo .status{position:absolute;right:10px;top:10px;font-size:8px}.catalog-card>div:last-child{padding:20px}.catalog-card small{font-size:8px;letter-spacing:1px;color:#8ca1a8}.catalog-card h3{font-size:16px;margin:9px 0}.catalog-card p{font-size:11px;line-height:1.7;color:#7a929b}.catalog-card .secondary-button{margin-top:18px;font-size:10px}.price-editor{padding:22px}.price-editor h2{font-size:15px;margin:5px 0 15px}.price-editor h2:not(:first-child){margin-top:27px}.price-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #edf2f4;font-size:12px}.price-row>div{display:flex;gap:10px;align-items:center}.price-row input{width:110px;background:#fafdfe;border:1px solid #dce8ea;padding:9px;border-radius:6px;font-size:12px}.price-row>div>span{font-size:10px;color:#90a3a9}.price-editor>.primary-button{margin-top:25px}.role-grid{margin-top:24px}.integration-grid .status{display:block;width:max-content;margin:17px 0 0}.admin-welcome{display:flex;align-items:center;gap:19px;margin-bottom:25px;background:#d8efe9;border-radius:13px;padding:27px}.admin-welcome h2{font-size:19px;letter-spacing:-.5px;margin:0 0 8px}.admin-welcome p{font-size:11px;color:#6c9388;margin:0}.admin-welcome .process-icon{width:49px;height:49px;background:#fff}.admin-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.admin-sections>button{display:flex;align-items:center;gap:16px;background:white;border:1px solid #e0ebee;border-radius:12px;padding:23px;text-align:left}.admin-sections>button:hover{border-color:#82c9b8}.admin-sections>button>svg{width:26px;height:26px;color:#6ba798;flex-shrink:0}.admin-sections b{display:block;font-size:13px;margin-bottom:8px}.admin-sections small{display:block;font-size:10px;color:#8aa0a8;line-height:1.7}.admin-sections>button>span:last-child{margin-left:auto;color:#85afa4}.journal{padding:20px 26px}.journal>div{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid #edf2f3}.journal-dot{width:7px;height:7px;background:#95cdbd;border-radius:50%;margin-top:6px;flex-shrink:0}.journal p{font-size:11px;margin:0;line-height:1.8}.journal small{display:block;font-size:9px;color:#8fa3aa;margin-top:4px}.detail-dialog{width:900px}.order-detail-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;padding-bottom:15px;border-bottom:1px solid #e2edef;margin-bottom:24px}.order-detail-heading h2{margin-bottom:4px}.order-detail-heading p{margin:0;font-size:11px}.order-detail-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px}.order-detail-grid>aside{background:#f4f9fa;border-radius:11px;padding:20px;text-align:center;height:max-content}.detail-product{width:90px;height:112px;object-fit:contain;margin:12px auto}.order-detail-grid>aside h3{font-size:17px}.order-detail-grid>aside p{font-size:11px;color:#7b959e;line-height:1.8}.order-detail-grid>aside .secondary-button{font-size:10px;margin-top:20px}.detail-stages{display:flex;justify-content:space-between;gap:8px;margin:0 0 24px}.detail-stages span{display:flex;flex-direction:column;align-items:center;gap:8px;color:#9aabb0;font-size:8px;text-align:center;flex:1}.detail-stages i{font-style:normal;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#edf3f4;font-size:9px}.detail-stages .current{color:#268c79}.detail-stages .current i{background:#bde6d9}.detail-layers>div{display:flex;align-items:start;gap:10px;padding:11px 0;border-bottom:1px solid #edf2f3}.detail-layers .layer-dot{margin-top:5px}.detail-layers p{margin:0;font-size:11px}.detail-layers small{display:block;line-height:1.8;margin-top:5px;color:#8a9fa5;font-size:10px}.order-cost{margin:22px 0}.order-cost>div{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:10px 0;font-size:11px;line-height:1.7}.order-cost .total{border-top:1px solid #e1eceb;padding-top:15px;margin-top:16px}.order-cost .total strong{font-size:20px;letter-spacing:-.5px}.work-form{border:1px solid #dfeae9;background:#f7fbfa;border-radius:9px;padding:13px;margin-bottom:12px}.work-form h4{font-size:10px;margin:0 0 10px}.work-form>div{display:flex;gap:8px;flex-wrap:wrap}.work-form input{border:1px solid #d7e5e3;border-radius:6px;padding:9px;min-width:0;font-size:10px;flex:1}.work-form input[name=name]{flex:2;min-width:150px}.work-form input[name=amount]{max-width:110px}.work-form button{font-size:10px;padding:8px}.order-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.order-actions>button{width:auto;flex:1;min-width:175px}.order-actions .notice{width:100%;margin:0 0 12px}.locked-notice{display:flex;align-items:center;gap:10px}.locked-notice svg{flex-shrink:0;width:19px}.doc-rows>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e6eeed;padding:18px 0}.doc-rows>div>svg{color:#79a698;flex-shrink:0}.doc-rows b{font-size:11px;display:block}.doc-rows small{font-size:9px;color:#8ba1a7;display:block;line-height:1.8;margin-top:5px}.doc-rows .status{font-size:8px;margin-left:auto}.file-list{padding-left:0;list-style:none;font-size:11px}.file-list li{display:flex;gap:10px;align-items:center;padding:7px 0;overflow-wrap:anywhere}.file-list svg{width:17px;flex-shrink:0}
@media(min-width:1500px){.workspace{grid-template-columns:245px minmax(0,1fr) 330px}.stage{height:420px}.model-photo{width:78px}.model-photo img{width:73px}.model-title{font-size:12px}.layer-edit b{font-size:11px}.layer-edit small{font-size:9px}.layer-toggle .layer-dot{display:block}.portal-shell{grid-template-columns:230px minmax(0,1fr);gap:40px}.order-table td{padding:20px}.portal-heading h1{font-size:32px}}
@media(max-width:1180px){.workspace{grid-template-columns:200px minmax(0,1fr) 270px;gap:14px}.model-photo{width:52px}.model-photo img{width:52px}.model-volume{font-size:18px}.layer-card{padding:10px 8px}.layer-edit b{font-size:9px}.design-panel{padding:18px 13px}.portal-shell{grid-template-columns:185px minmax(0,1fr);gap:22px}.portal-heading h1{font-size:25px}.order-table td{padding:15px 12px}.order-table th{padding:17px 12px 12px}.customer-grid,.catalog-grid,.integration-grid,.role-grid{grid-template-columns:repeat(2,1fr)}.banner-glasses{display:none}}
@media(max-width:950px){.workspace{grid-template-columns:210px minmax(0,1fr)}.design-panel{grid-column:1/-1;display:block;padding:23px}.design-panel .layer-list{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-edit b{font-size:12px}.layer-edit small{font-size:10px}.inline-bottom{font-size:11px}.layer-settings{font-size:10px}.design-panel .order-heading{display:flex}.design-panel .quantity-block{max-width:320px}.design-panel .price-note{display:flex}.design-panel>.primary-button,.design-panel>.secondary-button{max-width:320px;margin-left:auto;margin-right:auto}.portal-shell{display:block}.portal-sidebar{margin-bottom:25px}.portal-person,.sidebar-note,.sidebar-back{display:none}.portal-sidebar nav{display:flex;overflow:auto;gap:5px;padding-bottom:8px}.portal-sidebar nav button{width:auto;white-space:nowrap;padding:10px 12px;font-size:10px}.portal-sidebar nav svg{width:14px;height:14px}.portal-sidebar nav button>span{margin-left:0}.portal-heading h1{font-size:28px}.profile-layout{grid-template-columns:1.5fr 1fr}.preview-panel{position:static}}
@media(max-width:680px){.demo-inner{padding-top:7px;padding-bottom:7px;display:block}.demo-inner>span{font-size:8px;margin-bottom:5px}.demo-inner>div{gap:0}.demo-inner button{font-size:9px;padding:7px 10px}.intro h1{font-size:37px}.intro-note{margin-top:14px}.intro{padding-top:26px;padding-bottom:24px}.workspace{display:flex}.stage{height:340px}.stage-halo{top:45px}.model-photo{width:62px}.model-photo img{width:60px}.preview-controls{gap:13px}.preview-chip{font-size:7px}.view-buttons button{font-size:8px;padding:5px 7px}.design-panel .layer-list{display:grid;grid-template-columns:1fr}.layer-edit b{font-size:12px}.layer-toggle .layer-dot{display:inline-block}.layer-edit small{font-size:10px}.layer-settings{font-size:10px;padding-top:9px}.layer-card{padding:13px}.inline-bottom{margin-left:41px;font-size:12px}.design-panel .quantity-block,.design-panel>.primary-button,.design-panel>.secondary-button{max-width:none}.design-panel .price-note{margin:20px 0}.add-decor{font-size:12px;padding:14px}.design-panel>.micro-note{font-size:10px}.design-panel .order-model small{font-size:11px}.count-badge{font-size:10px}.drawer{width:calc(100% - 20px)}.field-grid{gap:11px}.picker-dialog,.auth-dialog,.form-dialog,.detail-dialog{padding:22px;max-width:calc(100vw - 22px);max-height:94dvh}.picker-dialog h2,.auth-dialog h2,.form-dialog h2,.detail-dialog h2{font-size:23px}.decor-choices button{gap:10px;padding:12px}.decor-choices b{font-size:11px}.decor-choices small{font-size:9px}.decor-choice-icon{width:34px;height:34px;flex-shrink:0}.portal-shell{padding-top:18px;padding-bottom:35px}.portal-sidebar{margin-bottom:17px}.portal-heading{align-items:start;margin-bottom:22px;gap:10px}.portal-heading h1{font-size:25px}.portal-heading .eyebrow{font-size:7px}.portal-heading .compact{font-size:10px;padding:10px 12px}.portal-heading .compact svg{width:14px}.portal-banner{padding:23px;min-height:166px}.portal-banner h2{font-size:23px}.portal-banner p{font-size:11px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:15px 0 23px}.stat-card{padding:17px}.stat-card strong{font-size:26px}.stat-card span{font-size:10px}.section-top{padding:19px 16px 8px}.section-top h2{font-size:13px}.section-top button{font-size:9px}.order-table{min-width:550px}.order-table th{font-size:8px}.order-table td{font-size:10px}.portal-footnote{font-size:9px}.profile-layout,.customer-grid,.integration-grid,.role-grid,.document-grid{grid-template-columns:1fr}.surface-form{padding:20px}.profile-layout .info-card{margin-top:0}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.catalog-card>div:last-child{padding:14px}.catalog-photo{height:135px}.catalog-photo img{max-height:95px;max-width:75px}.catalog-card h3{font-size:13px}.catalog-card p{font-size:10px}.catalog-card .secondary-button{font-size:9px;padding:9px}.catalog-photo .status{font-size:7px;top:7px;right:7px}.price-row{font-size:11px}.price-row input{width:90px}.price-editor{padding:18px}.price-row>div{gap:7px}.admin-welcome{padding:20px;gap:13px}.admin-welcome h2{font-size:17px}.admin-welcome p{font-size:10px;line-height:1.7}.admin-sections{grid-template-columns:1fr;gap:11px}.admin-sections>button{padding:20px}.notice{font-size:10px;padding:14px}.order-detail-grid{grid-template-columns:1fr;gap:22px}.order-detail-grid>aside{display:grid;grid-template-columns:80px 1fr;gap:3px 17px;text-align:left;padding:16px}.detail-product{grid-column:1;grid-row:1/5;width:70px;height:90px;margin:0}.order-detail-grid>aside h3,.order-detail-grid>aside p{margin:0}.order-detail-grid>aside .secondary-button{grid-column:1/-1;margin-top:14px}.order-detail-heading{display:block}.order-detail-heading .status{margin-top:12px}.detail-stages span{font-size:7px}.order-actions>button{min-width:150px;font-size:10px}.doc-rows .status{display:none}.auth-form{padding:0}.form-dialog .order-table{min-width:480px}.form-dialog .table-scroll{margin:0 -8px}.form-dialog .card-section{overflow:auto}.journal{padding:14px 18px}.portal-main>.card-section{overflow:auto}}
@media(min-width:1181px){.layer-edit b{font-size:11px}.layer-edit small{font-size:9px}.inline-bottom{font-size:11px}.layer-settings{font-size:10px}}
.demo-inner>div,.portal-sidebar nav{scrollbar-width:none}.demo-inner>div::-webkit-scrollbar,.portal-sidebar nav::-webkit-scrollbar{display:none}
@media(max-width:680px){.demo-inner>div{flex-wrap:wrap;gap:3px}.demo-inner button{font-size:10px;padding:7px 9px}.portal-heading{flex-wrap:wrap}.portal-heading>div{min-width:220px}}