@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-Variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;min-height:100vh}html{scroll-behavior:smooth;direction:rtl}body{color:#2a2824;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3efe8;font-family:Vazirmatn,Tahoma,Arial,sans-serif;line-height:1.75;overflow-x:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}img,svg{max-width:100%;display:block}.ltr{direction:ltr;unicode-bidi:embed;display:inline-block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d8cfbd;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c9bda3}.app-shell{background:#eae5dc;width:100%;height:100dvh;position:relative;overflow:hidden}.showroom,.showroom__canvas{position:absolute;inset:0}.showroom__hint-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#4a4740;pointer-events:none;white-space:nowrap;background:#ffffffe6;border:1px solid #0000000f;border-radius:999px;padding:.6rem 1.1rem;font-size:.83rem;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000014}.showroom__hint-bar kbd{background:#f4efe5;border:1px solid #d8cfbd;border-radius:4px;margin:0 1px;padding:1px 6px;font-family:inherit;font-size:.78rem;display:inline-block}.topbar{z-index:20;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:1.25rem;left:1.25rem;right:1.25rem}.topbar>*{pointer-events:auto}.logo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000000f;border-radius:14px;align-items:center;gap:.75rem;padding:.6rem 1rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 24px #00000014}.logo:hover{transform:translateY(-1px);box-shadow:0 10px 28px #0000001a}.logo__mark{color:#f7f4ee;letter-spacing:-.02em;background:linear-gradient(135deg,#3a5742,#2a4534);border-radius:10px;place-items:center;width:38px;height:38px;font-size:1.2rem;font-weight:700;display:grid}.logo__text{text-align:right;flex-direction:column;line-height:1.2;display:flex}.logo__name{color:#2a2824;letter-spacing:.01em;font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:700}.logo__sub{color:#8a8478;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.topbar__actions{gap:.5rem;display:flex}.icon-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#4a4740;background:#fffffff2;border:1px solid #0000000f;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-width:60px;padding:.55rem .7rem;font-size:.7rem;font-weight:500;transition:background .2s,color .2s,transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #0000000d}.icon-btn:hover{color:#2a2824;background:#fff;transform:translateY(-1px);box-shadow:0 8px 20px #00000014}.icon-btn.is-active{color:#fff;background:#c9a24a;border-color:#c9a24a;box-shadow:0 6px 18px #c9a24a59}.icon-btn__label{letter-spacing:.02em;font-size:.65rem}.breadcrumbs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:15;background:#fffffff2;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:.4rem;padding:.55rem .9rem;animation:.25s ease-out slideDown;display:flex;position:absolute;top:6.5rem;left:1.25rem;box-shadow:0 6px 18px #0000000f}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.breadcrumbs__item{color:#8a8478;font-size:.82rem;font-weight:500;transition:color .15s}.breadcrumbs__item:hover{color:#3a5742}.breadcrumbs__sep{color:#c4bca8}.breadcrumbs__current{color:#2a2824;font-size:.82rem;font-weight:600}.marker{color:#2a2824;cursor:pointer;background:#fffffff2;border:2px solid #fffffff2;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.8rem;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;animation:.4s ease-out pulseIn;display:grid;box-shadow:0 4px 12px #0000002e,0 0 0 1px #0000000d}@keyframes pulseIn{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.marker:hover{color:#fff;background:#c9a24a;transform:scale(1.15);box-shadow:0 6px 18px #c9a24a80}.marker.is-active{color:#fff;background:#3a5742;transform:scale(1.2);box-shadow:0 0 0 4px #3a574233,0 6px 18px #3a574266}.edit-modal{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:25;background:#fffffff7;border:1px solid #0000000f;border-radius:18px;flex-direction:column;width:min(360px,100vw - 2.5rem);max-height:calc(100vh - 12rem);animation:.3s cubic-bezier(.2,.9,.3,1) slideUpModal;display:flex;position:absolute;bottom:5rem;right:1.25rem;overflow:hidden;box-shadow:0 20px 50px #00000026}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.edit-modal__head{border-bottom:1px solid #f0ebe0;justify-content:space-between;align-items:flex-start;padding:1rem 1.1rem .75rem;display:flex}.edit-modal__eyebrow{color:#8a8478;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.15rem;font-size:.65rem;display:block}.edit-modal__title{color:#2a2824;font-size:1.05rem;font-weight:700}.edit-modal__close{color:#8a8478;border-radius:999px;place-items:center;width:30px;height:30px;transition:background .15s,color .15s;display:grid}.edit-modal__close:hover{color:#2a2824;background:#f4efe5}.edit-modal__body{flex-direction:column;flex:1;gap:1.1rem;padding:1rem 1.1rem;display:flex;overflow-y:auto}.edit-modal__foot{background:#fbf8f2;border-top:1px solid #f0ebe0;padding:.75rem 1.1rem}.modal-section h4{color:#3a3830;margin-bottom:.55rem;font-size:.82rem;font-weight:600}.modal-hint{color:#6b675e;background:#f4efe5;border-radius:10px;padding:.85rem;font-size:.85rem;line-height:1.8}.swatches{grid-template-columns:repeat(2,1fr);gap:.45rem;display:grid}.swatch{color:#2a2824;text-align:start;background:#fff;border:1px solid #e8e1d3;border-radius:10px;align-items:center;gap:.5rem;padding:.45rem .55rem;font-size:.78rem;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.swatch:hover{background:#fdfbf7;border-color:#b6a888}.swatch.is-active{background:#f8faf8;border-color:#3a5742;box-shadow:0 0 0 2px #3a574226}.swatch__color{border:1px solid #00000014;border-radius:5px;flex:none;width:18px;height:18px}.swatch__label{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.info-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#fffffff7;border:1px solid #0000000f;border-radius:18px;flex-direction:column;gap:1rem;width:min(340px,100vw - 2.5rem);max-height:calc(100vh - 9rem);padding:1.25rem;animation:.3s cubic-bezier(.2,.9,.3,1) slideLeft;display:flex;position:absolute;top:6.5rem;right:1.25rem;overflow-y:auto;box-shadow:0 20px 50px #0000001f}@keyframes slideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.info-panel__head{justify-content:space-between;align-items:flex-start;display:flex}.info-panel__eyebrow{color:#8a8478;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.2rem;font-size:.65rem;display:block}.info-panel__title{color:#2a2824;font-size:1.15rem;font-weight:700}.info-panel__close{color:#8a8478;border-radius:999px;place-items:center;width:30px;height:30px;transition:background .15s;display:grid}.info-panel__close:hover{color:#2a2824;background:#f4efe5}.info-panel__desc{color:#6b675e;font-size:.83rem;line-height:1.85}.info-panel__section h4{color:#3a3830;margin-bottom:.6rem;font-size:.82rem;font-weight:600}.info-panel__list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.info-panel__list li{color:#4a4740;border-bottom:1px solid #f5f0e6;justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.5rem;font-size:.8rem;display:flex}.info-panel__list li:last-child{border-bottom:none;padding-bottom:0}.info-panel__list code{color:#8a8478;background:#f4efe5;border-radius:4px;margin-inline-start:.35rem;padding:1px 6px;font-size:.72rem}.btn{border-radius:12px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.75rem 1rem;font-size:.88rem;font-weight:600;transition:background .15s,transform .1s,box-shadow .15s;display:inline-flex}.btn--sm{width:auto;padding:.5rem .85rem;font-size:.8rem}.btn--primary{color:#f7f4ee;background:#3a5742}.btn--primary:hover{background:#2f4836;box-shadow:0 6px 18px #3a574240}.btn--ghost{color:#6b675e;background:0 0;border:1px solid #e0d8c7}.btn--ghost:hover{color:#2a2824;background:#f4efe5}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#14120f80;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:#fbf8f2;border-radius:18px;width:min(480px,100%);padding:1.75rem;position:relative;box-shadow:0 20px 60px #00000040}.modal__close{top:.75rem;color:#8a8478;border-radius:999px;place-items:center;width:32px;height:32px;display:grid;position:absolute;inset-inline-start:.75rem}.modal__close:hover{color:#2a2824;background:#f4efe5}.modal__form,.modal__success{flex-direction:column;gap:.9rem;display:flex}.modal__form h3,.modal__success h3{color:#2a2824;font-size:1.1rem;font-weight:600}.modal__desc{color:#6b675e;font-size:.85rem}.modal__form label{color:#3a3830;flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.modal__form input,.modal__form textarea{color:#2a2824;background:#fff;border:1px solid #d8cfbd;border-radius:8px;outline:none;padding:.6rem .75rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.modal__form input:focus,.modal__form textarea:focus{border-color:#3a5742;box-shadow:0 0 0 3px #3a574226}.modal__form textarea{resize:vertical;min-height:80px}.modal__success p{color:#4a4740;font-size:.9rem;line-height:1.8}@media (width<=768px){.topbar{top:.75rem;left:.75rem;right:.75rem}.logo{padding:.5rem .75rem}.logo__mark{width:32px;height:32px;font-size:1rem}.logo__name{font-size:.88rem}.logo__sub{display:none}.topbar__actions{gap:.35rem}.icon-btn{min-width:44px;padding:.5rem .4rem}.icon-btn__label{display:none}.breadcrumbs{padding:.45rem .7rem;font-size:.75rem;top:5rem;left:.75rem}.edit-modal{width:auto;max-height:55vh;bottom:4.5rem;left:.75rem;right:.75rem}.info-panel{width:auto;max-height:70vh;top:5rem;left:.75rem;right:.75rem}.showroom__hint-bar{padding:.5rem .85rem;font-size:.75rem;bottom:1rem}.swatches{grid-template-columns:1fr 1fr}}.edit-modal__body::-webkit-scrollbar{width:6px}.info-panel::-webkit-scrollbar{width:6px}.edit-modal__body::-webkit-scrollbar-thumb{background:#e0d8c7;border-radius:3px}.info-panel::-webkit-scrollbar-thumb{background:#e0d8c7;border-radius:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.loading-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#4a4740;pointer-events:none;white-space:nowrap;z-index:50;background:#ffffffeb;border:1px solid #0000000f;border-radius:999px;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.8rem;display:flex;position:absolute;top:5.5rem;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000014}.loading-pill__bar{background:#e5dfd2;border-radius:999px;width:70px;height:4px;overflow:hidden}.loading-pill__fill{background:#b08968;height:100%;transition:width .2s;display:block}.field-error{color:#b3392f;margin-top:.3rem;font-size:.78rem;display:block}.btn:disabled{opacity:.6;cursor:progress}.modal:focus{outline:none}