@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap";:root{font-family:Vazirmatn,sans-serif;color:#202522;background:#eeece6;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}button{color:inherit}.app-shell{width:100%;height:100%;display:grid;grid-template:72px 1fr / 340px 1fr;grid-template-areas:"header header" "sidebar viewport";direction:rtl;background:#eeece6}.topbar{grid-area:header;display:flex;align-items:center;padding:0 24px;background:#fbfaf7f0;border-bottom:1px solid #d9d5cc;z-index:10}.brand{display:flex;align-items:center;gap:12px;margin-left:auto}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:#202824;color:#fff;font:600 19px/1 Georgia,serif;border-radius:3px}.brand div{display:flex;flex-direction:column;line-height:1.25}.brand strong{font-size:16px;letter-spacing:-.3px}.brand small{color:#747872;font-size:11px}.project{display:flex;align-items:center;gap:10px;font-size:13px;color:#555a55}.project i{width:4px;height:4px;border-radius:50%;background:#b4b7b2}.project small{color:#43745e}.clear-button{margin-right:auto;border:1px solid #d8d4cb;background:transparent;padding:8px 12px;border-radius:6px;display:flex;align-items:center;gap:7px;cursor:pointer;font-size:12px}.report-actions{margin-right:auto;display:flex;align-items:center;gap:7px}.report-button{border:1px solid #9caf9f;background:#edf2ed;color:#3f5b49;padding:8px 12px;border-radius:6px;display:flex;align-items:center;gap:7px;cursor:pointer;font-size:12px}.report-actions+.clear-button{margin-right:8px}.customer-workspace{display:flex;align-items:center;gap:7px;margin-right:8px}.save-config-button,.account-button{display:flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid #d6d2c9;border-radius:6px;background:#fff;color:#46514a;font-size:11px;cursor:pointer;white-space:nowrap}.save-config-button{border-color:#718a79;background:#3f5949;color:#fff}.save-config-button.saved{background:#397651}.save-config-button:disabled{opacity:.65;cursor:wait}.workspace-backdrop{position:fixed;z-index:60;inset:0;display:flex;justify-content:flex-start;direction:rtl;background:#1e232061;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.workspace-panel{width:min(410px,100%);height:100%;padding:22px;overflow-y:auto;border-right:1px solid #d6d1c7;background:#faf9f6;box-shadow:20px 0 70px #1b201d33}.workspace-panel>header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #dedad2}.workspace-panel>header div{display:grid}.workspace-panel>header strong{font-size:15px}.workspace-panel>header small{margin-top:3px;color:#7b807b;font-size:9px;direction:ltr;text-align:right}.workspace-panel>header button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d8d4cb;border-radius:6px;background:#fff;cursor:pointer}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;margin:20px 0;padding:3px;border-radius:7px;background:#ece9e3}.auth-tabs button{padding:8px;border:0;border-radius:5px;background:transparent;color:#747a74;font-size:10px;cursor:pointer}.auth-tabs button.active{background:#fff;color:#324238;box-shadow:0 2px 7px #282d2a14}.auth-form,.current-config{display:grid;gap:12px}.auth-form label,.current-config label{display:grid;gap:5px;color:#606660;font-size:10px}.auth-form input,.current-config input{width:100%;padding:9px 10px;border:1px solid #d7d3ca;border-radius:6px;background:#fff;outline:none}.auth-form input:focus,.current-config input:focus{border-color:#6f8a79;box-shadow:0 0 0 3px #4e69581a}.auth-form>p{margin:-5px 0 0;color:#858a85;font-size:8px}.workspace-panel .primary{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 11px;border:0;border-radius:6px;background:#3d5747;color:#fff;font-size:10px;cursor:pointer}.workspace-panel .secondary{padding:8px;border:1px solid #d7d3ca;border-radius:6px;background:#fff;color:#667068;font-size:9px;cursor:pointer}.current-config{margin-top:20px;padding:14px;border:1px solid #d9ddd8;border-radius:8px;background:#f0f4f0}.configuration-list-head{display:flex;align-items:center;justify-content:space-between;margin:24px 0 10px}.configuration-list-head strong{font-size:11px}.configuration-list-head span{display:grid;place-items:center;min-width:22px;height:22px;border-radius:12px;background:#e5e9e5;color:#55705e;font-size:9px}.configuration-list{display:grid;gap:7px}.configuration-list article{display:grid;grid-template-columns:1fr 34px;overflow:hidden;border:1px solid #ddd9d1;border-radius:7px;background:#fff}.configuration-list article.active{border-color:#728c7b;box-shadow:0 0 0 2px #54705d17}.configuration-load{display:grid;gap:3px;padding:11px;border:0;background:transparent;text-align:right;cursor:pointer}.configuration-load strong{font-size:10px}.configuration-load small,.configuration-load time{color:#838883;font-size:8px}.configuration-load time{direction:ltr;text-align:right}.configuration-delete{display:grid;place-items:center;border:0;border-right:1px solid #ebe7e0;background:#fff9f7;color:#a25249;cursor:pointer}.workspace-empty{padding:32px 10px;color:#8d918d;text-align:center;font-size:9px}.workspace-error{padding:9px;border:1px solid #e6beb8;border-radius:6px;background:#fff3f1;color:#98463e;font-size:9px;line-height:1.7}.workspace-logout{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:22px;padding:9px;border:0;background:transparent;color:#85665c;font-size:9px;cursor:pointer}.sidebar{grid-area:sidebar;z-index:5;padding:24px 22px 28px;background:#f8f7f3;border-left:1px solid #d8d5cc;overflow-y:auto;box-shadow:-14px 0 35px #2d2b250a}.intro{padding-bottom:19px;border-bottom:1px solid #ddd9d0}.intro span{color:#55715f;font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px}.intro p{color:#71756f;font-size:12px;line-height:1.9;margin:10px 0 0}.sidebar h1,.control-section h2{font-size:14px;font-weight:600;margin:23px 0 14px}.control-section h2{display:flex;align-items:center;gap:8px}.products{display:grid;grid-template-columns:1fr 1fr;gap:9px}.palette-group>small{display:block;margin:13px 0 6px;direction:rtl;color:#747b75;font-size:10px;font-weight:650}.no-placeables{color:#9a4d4d;background:#fff2f0;border:1px solid #ecc7c2;border-radius:6px;padding:11px;font-size:10px;line-height:1.8}.product-card{position:relative;min-height:108px;border:1px solid #dcd8cf;border-radius:8px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:13px;cursor:grab;text-align:right;transition:.18s ease;touch-action:none}.product-card:hover{border-color:#84998b;transform:translateY(-1px);box-shadow:0 7px 18px #343e3614}.product-card:active{cursor:grabbing;transform:scale(.98)}.product-icon{width:34px;height:34px;display:grid;place-items:center;background:#eef1ed;color:#4f6658;border-radius:50%;margin-bottom:3px}.product-card span:nth-child(2){font-size:12px;font-weight:500}.product-card small{font-size:10px;color:#91938f}.control-section{padding-top:5px;margin-top:18px;border-top:1px solid #ddd9d0}.field{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#686c67;margin-bottom:10px}.input-wrap{display:flex;align-items:center;border:1px solid #d8d4cb;background:#fff;border-radius:6px;overflow:hidden}.input-wrap input{direction:ltr;width:78px;border:0;outline:0;padding:7px;background:transparent}.input-wrap b{font-size:9px;font-weight:400;padding:0 8px;border-right:1px solid #e4e1da}.height-help{margin:5px 0 10px;color:#6f766f;font-size:9px;line-height:1.7}.height-dialog-backdrop{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:20px;background:#1c211e61;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.height-dialog{width:min(420px,100%);padding:20px;border:1px solid #d8d4cb;border-radius:10px;background:#fbfaf7;box-shadow:0 24px 70px #191e1b3d}.height-dialog strong{display:block;color:#27312b;font-size:15px}.height-dialog p{margin:7px 0 16px;color:#727770;font-size:11px;line-height:1.8}.height-dialog p b{color:#334b3d}.height-dialog button{width:100%;margin-top:8px;padding:10px 12px;border:1px solid #d4d8d3;border-radius:7px;background:#fff;color:#34443a;text-align:right;cursor:pointer}.height-dialog button small{display:block;margin-top:3px;color:#858a84;font-size:9px}.height-dialog .height-dialog-cancel{border:0;background:transparent;color:#777c77;text-align:center}.bay-controls{margin-top:16px;padding-top:13px;border-top:1px dashed #ddd9d0}.column-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:4px}.column-actions button{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px;border:1px solid #d8d4cb;border-radius:6px;background:#fff;color:#4e5952;font-size:10px;cursor:pointer}.column-actions button:disabled{opacity:.38;cursor:default}.stock-summary{margin-top:12px;padding:10px;border:1px solid #d8ded8;border-radius:7px;background:#f0f4f0;display:grid;grid-template-columns:1fr auto;gap:3px 8px;color:#4e5f54;font-size:9px}.stock-summary strong{font-size:10px}.stock-summary span{direction:ltr;font-weight:600}.stock-summary small{grid-column:1 / -1;color:#7b847d}.end-controls{margin-top:13px;padding-top:13px;border-top:1px dashed #ddd9d0}.field select{min-width:130px;padding:7px 9px;border-radius:6px;background:#fff;border:1px solid #d8d4cb;color:#373c38;outline:none}.viewport{grid-area:viewport;position:relative;direction:ltr;min-width:0}.viewport canvas{touch-action:none}.height-dimension{display:block;direction:ltr;white-space:nowrap;padding:5px 8px;color:#31443a;background:#f8f7f3eb;border:1px solid rgba(82,104,91,.35);border-radius:4px;font:600 12px/1.1 Vazirmatn,sans-serif;box-shadow:0 3px 10px #2a342e14}.object-controls{position:relative;width:215px;padding:9px;border:1px solid rgba(104,96,82,.32);border-radius:8px;background:#faf9f6eb;box-shadow:0 10px 28px #1f262129;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.object-controls:after{content:"";position:absolute;left:50%;width:12px;height:12px;transform:translate(-50%) rotate(45deg);background:#faf9f6f5}.object-controls.is-above:after{bottom:-7px;border-right:1px solid rgba(104,96,82,.25);border-bottom:1px solid rgba(104,96,82,.25)}.object-controls.is-below:after{top:-7px;border-left:1px solid rgba(104,96,82,.25);border-top:1px solid rgba(104,96,82,.25)}.object-controls-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:7px}.object-controls-head strong{font-size:10px}.object-controls-head b{color:#496052;font-size:9px}.object-controls label{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#697069;font-size:9px}.object-controls select{min-width:105px;padding:5px;border:1px solid #d8d4cb;border-radius:5px;background:#fff;font-size:9px}.object-controls label+label{margin-top:6px}.shelf-facing-fixed{width:100%;box-sizing:border-box;margin-top:7px;padding:6px 7px;border:1px solid #cfd8d1;border-radius:5px;background:#f6faf7;color:#405148;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px;text-align:right;font-size:8px}.shelf-facing-fixed span{color:#68746c}.shelf-facing-fixed b{font-size:8px;font-weight:650}.shelf-facing-fixed em{grid-column:1 / -1;color:#6e5a49;font-style:normal;font-weight:650}.object-control-actions{display:grid;grid-template-columns:1fr 1fr 32px;gap:5px;margin-top:8px}.object-control-actions button{display:flex;align-items:center;justify-content:center;gap:3px;padding:6px 4px;border:1px solid #d8d4cb;border-radius:5px;background:#fff;color:#46534b;font-size:8px;cursor:pointer}.object-control-actions button:disabled{opacity:.35;cursor:default}.object-control-actions .remove-object{color:#a2433d;border-color:#e3bfba;background:#fff7f5}.viewport-badge{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:7px;direction:rtl;padding:8px 11px;border:1px solid rgba(112,109,102,.22);background:#faf9f6db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;color:#626761;font-size:11px}.viewport-badge span{color:#fff;background:#3e5147;border-radius:10px;min-width:20px;height:20px;display:grid;place-items:center}.empty-hint{position:absolute;left:50%;bottom:38px;transform:translate(-50%);direction:rtl;display:flex;align-items:center;gap:9px;color:#6f746e;background:#faf9f6cc;border:1px solid rgba(120,116,107,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:7px;padding:10px 14px;font-size:11px;pointer-events:none}.snap-status{position:absolute;top:20px;left:50%;transform:translate(-50%);direction:rtl;padding:9px 15px;border-radius:5px;color:#fff;font-size:11px;box-shadow:0 8px 24px #20282321}.snap-status.is-valid{background:#36775c}.snap-status.is-invalid{background:#b54848}.toast{position:absolute;right:24px;bottom:24px;direction:rtl;width:min(390px,calc(100% - 48px));display:flex;align-items:center;gap:11px;padding:14px 15px;background:#fff8f5;color:#8e3f36;border:1px solid #e6c1b9;border-radius:8px;box-shadow:0 13px 35px #5a322824}.toast div{flex:1}.toast strong{font-size:12px}.toast p{margin:3px 0 0;color:#8f6a63;font-size:10px}.toast>span{display:grid;place-items:center;min-width:25px;height:25px;background:#b45147;color:#fff;border-radius:50%;font-size:11px}.catalog-banner{position:absolute;z-index:8;top:18px;right:18px;left:18px;min-height:64px;display:flex;align-items:center;gap:11px;padding:11px 14px;background:#691c22f0;color:#fff;border:1px solid #d46f76;border-radius:7px;box-shadow:0 10px 30px #41141833;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.catalog-banner div{flex:1}.catalog-banner strong{display:block;font-size:12px}.catalog-banner p{margin:2px 0;color:#f1ced1;font-size:10px}.catalog-banner small{color:#e5aeb2;font-size:9px}.catalog-banner a{display:flex;align-items:center;gap:6px;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:5px;padding:7px 9px;text-decoration:none;font-size:10px;white-space:nowrap}@media(max-width:850px){.app-shell{grid-template:64px 1fr 255px / 1fr;grid-template-areas:"header" "viewport" "sidebar"}.sidebar{border-left:0;border-top:1px solid #d8d5cc;display:grid;grid-template-columns:1fr 2fr 1.5fr;gap:20px;padding:14px 18px}.intro{border:0;padding:0}.sidebar h1,.control-section h2{margin-top:0}.control-section{margin:0;padding:0;border:0}.products{grid-template-columns:repeat(5,1fr)}.product-card{min-height:88px;padding:8px}.product-card small,.project{display:none}}