.settings-panel{display:none!important}.settings-panel.on{display:flex!important;flex-direction:column;gap:14px}.sn-item svg{width:18px;height:18px;flex-shrink:0}.s-card-title{display:flex;align-items:center;gap:8px}.s-card-title svg{width:18px;height:18px;flex-shrink:0}.wh-grid{display:grid!important;grid-template-columns:80px minmax(110px,1fr) minmax(150px,1fr) 92px;align-items:center;gap:10px;flex-direction:unset}.hours-helper{line-height:1.7;margin:5px 0 0;max-width:570px}.hours-helper,.wh-head{font-size:11px;color:var(--t3)}.wh-head{padding:0 10px 6px}.wh-row{padding:9px 10px;border:.5px solid var(--bd);border-radius:10px;margin-bottom:8px;background:var(--sf)}.wh-row.is-closed{background:var(--s2)}.wh-row>strong{font-size:13px}.hours-close-field{position:relative}.hours-time-field{display:block;min-width:0}.hours-mobile-label{display:none;font-size:10px;color:var(--t3);margin-bottom:4px}.hours-close-field .form-ctrl{padding-inline-end:62px}.next-day-badge{position:absolute;inset-inline-end:7px;top:50%;transform:translateY(-50%);font-size:9px;font-weight:700;background:var(--i1);color:var(--i7);border-radius:5px;padding:3px 5px;pointer-events:none}.hours-closed-toggle{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:11px;color:var(--t2);cursor:pointer}.upload-zone input[type=file]{display:none}.save-indicator{display:flex;align-items:center;gap:6px}.domain-intro{display:flex;align-items:flex-start;gap:13px;padding:17px 19px;border:1px solid color-mix(in srgb,var(--i5) 28%,var(--bd));border-radius:14px;background:linear-gradient(135deg,var(--i1),var(--sf))}.domain-intro-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:var(--sf);box-shadow:var(--s-sm);color:var(--i6)}.domain-intro-icon svg{width:23px;height:23px}.domain-intro h2{font-size:16px;margin:0 0 4px;color:var(--tx)}.domain-helper,.domain-intro p{font-size:12px;line-height:1.8;color:var(--t3);margin:0}.domain-card-head{align-items:flex-start;gap:14px}.domain-card-head>div:first-child{min-width:0}.domain-status{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:5px 9px;border-radius:999px;background:var(--s2);color:var(--t2);font-size:10px;font-weight:700;white-space:nowrap}.domain-status>span{width:7px;height:7px;border-radius:50%;background:currentColor}.domain-status.is-verified{background:#ecfdf5;color:#047857}.domain-status.is-pending{background:#fffbeb;color:#b45309}.domain-status.is-failed{background:#fef2f2;color:#b91c1c}.domain-status.is-disabled{background:var(--s2);color:var(--t3)}.domain-input-row{display:flex;align-items:stretch;gap:9px}.domain-input-row .form-ctrl{min-width:0;text-align:left}.domain-label-input{border-start-end-radius:0;border-end-end-radius:0}.domain-suffix{display:flex;align-items:center;margin-left:-9px;padding:0 13px;border:.5px solid var(--bd);border-left:0;border-radius:0 9px 9px 0;background:var(--s2);color:var(--t2);font-size:13px;white-space:nowrap}.domain-current{margin-top:9px;color:var(--t3);font-size:11px}.domain-current a{display:inline-block;color:var(--i6);font-weight:600;text-decoration:none;margin-inline-start:4px}.domain-current a:hover{text-decoration:underline}.domain-availability{margin:8px 0 0;font-size:12px;line-height:1.7;color:var(--t3)}.domain-availability.is-checking{color:var(--t2)}.domain-availability.is-available{color:#047857}.domain-availability.is-current{color:var(--i7)}.domain-availability.is-blocked{color:#b91c1c}.domain-quota{margin:8px 0 0;font-size:12px;line-height:1.7;color:var(--t3)}.dns-steps{margin:16px 0 0;padding:0 18px 0 0;color:var(--t2);font-size:12px;line-height:1.85}.dns-steps li{margin-bottom:8px}.dns-steps code{direction:ltr;font-size:11px}.custom-domain-setup .s-card-head{margin-bottom:12px}.ob-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.ob-mode{border:2px solid var(--bd);border-radius:14px;padding:14px 12px;background:var(--sf);text-align:right;cursor:pointer;transition:var(--tr)}.ob-mode:hover{border-color:var(--bd2)}.ob-mode.on{border-color:var(--i5);background:var(--i1)}.ob-mode strong{display:block;font-size:13px;color:var(--tx);margin-bottom:4px}.ob-mode span{display:block;font-size:11px;line-height:1.7;color:var(--t3)}@media (max-width:560px){.dns-records,.ob-mode-grid{grid-template-columns:1fr}}.dns-guide-title{font-size:13px;font-weight:800;color:var(--tx);margin-bottom:4px}.dns-guide>p{font-size:11px;line-height:1.8;color:var(--t3);margin:0 0 12px}.dns-records{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dns-record{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;padding:10px;border:1px solid var(--bd);border-radius:9px;background:var(--sf);text-align:left}.dns-record>div{grid-column:1/-1;display:flex;align-items:center;gap:7px;color:var(--t3);font-size:10px}.dns-record code{overflow:hidden;text-overflow:ellipsis;color:var(--tx);font-size:12px;direction:ltr}.dns-record button{min-width:44px;min-height:36px;border:0;border-radius:6px;padding:5px 8px;background:var(--i1);color:var(--i7);font:inherit;font-size:10px;font-weight:700;cursor:pointer}.dns-record button:hover{filter:brightness(.97)}.dns-type{padding:2px 6px;border-radius:5px;background:var(--i1);color:var(--i7);font-weight:800}.dns-guide .dns-note{margin:11px 0 0;padding-top:10px;border-top:1px dashed var(--bd)}.domain-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.domain-actions a{text-decoration:none}.domain-error,.domain-loading{padding:18px;font-size:12px;color:var(--t3)}.domain-error{border-color:#fecaca;color:#b91c1c;background:#fef2f2}.clr-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.clr-sw{width:40px;height:40px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:var(--tr);position:relative}.clr-sw:hover{transform:scale(1.12)}.clr-sw.on{border-color:var(--tx);box-shadow:0 0 0 2px var(--sf),0 0 0 4px var(--tx)}.clr-sw.on:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.bg-opts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.bg-opt{border:2px solid var(--bd);border-radius:12px;padding:14px 10px;text-align:center;cursor:pointer;transition:var(--tr);font-size:12px;font-weight:500}.bg-opt:hover{border-color:var(--bd2);transform:translateY(-1px)}.bg-opt.on{border-color:var(--i5);background:var(--i1)}.bg-samp{width:100%;height:32px;border-radius:8px;margin-bottom:8px;border:.5px solid var(--bd)}.dm-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dm-opt{border:2px solid var(--bd);border-radius:12px;padding:16px 12px;text-align:center;cursor:pointer;transition:var(--tr);font-size:12px;font-weight:500}.dm-opt:hover{border-color:var(--bd2)}.dm-opt.on{border-color:var(--i5);background:var(--i1)}.dm-ico{font-size:24px;margin-bottom:6px}.font-prev{background:var(--s2);border:.5px solid var(--bd);border-radius:12px;padding:16px 20px;margin-top:12px;text-align:center;transition:var(--tr)}.font-prev-title{font-size:18px;font-weight:700;color:var(--tx);margin-bottom:4px}.font-prev-sub{font-size:13px;color:var(--t3)}.fs-wrap{display:flex;align-items:center;gap:14px}.fs-label{font-size:12px;color:var(--t3);white-space:nowrap;min-width:40px}.fs-slider{flex:1;-webkit-appearance:none;height:6px;border-radius:999px;background:var(--bd);outline:none;cursor:pointer}.fs-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--i5);border:3px solid var(--sf);box-shadow:var(--s-sm);cursor:pointer}.fs-val{background:var(--i1);color:var(--i7);font-size:12px;font-weight:700;padding:4px 10px;border-radius:8px;min-width:48px;text-align:center}.lay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.lay-card{border:2px solid var(--bd);border-radius:14px;padding:16px 12px;cursor:pointer;transition:var(--tr);text-align:center}.lay-card:hover{border-color:var(--bd2);transform:translateY(-2px)}.lay-card.on{border-color:var(--i5);background:var(--i1)}.lay-icon{font-size:28px;margin-bottom:8px}.lay-name{font-size:13px;font-weight:600;color:var(--tx)}.lay-desc{font-size:11px;color:var(--t3);margin-top:3px;line-height:1.5}.shape-opts{display:flex;gap:12px;flex-wrap:wrap}.shape-opt{width:56px;height:56px;border:2px solid var(--bd);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--tr);background:var(--s2)}.shape-opt:hover{border-color:var(--bd2)}.shape-opt.on{border-color:var(--i5);background:var(--i1)}.shape-opt.sq{border-radius:10px}.shape-opt.rd{border-radius:50%}.shape-opt.rs{border-radius:14px}.rad-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rad-opt{border:2px solid var(--bd);border-radius:12px;padding:14px;text-align:center;cursor:pointer;transition:var(--tr)}.rad-opt:hover{border-color:var(--bd2)}.rad-opt.on{border-color:var(--i5);background:var(--i1)}.rad-samp{width:100%;height:30px;background:var(--i5);margin-bottom:8px}.rad-samp.r0{border-radius:2px}.rad-samp.r8{border-radius:8px}.rad-samp.r16{border-radius:16px}.bdg-grid{display:flex;flex-wrap:wrap;gap:8px}.bdg-chip{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--bd);background:var(--sf);cursor:pointer;transition:var(--tr);font-size:12px;font-weight:500}.bdg-chip:hover{border-color:var(--bd2)}.bdg-chip.on{border-color:var(--i5);background:var(--i1);color:var(--i7)}.bdg-chip .bdg-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.soc-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.soc-row:last-child{margin-bottom:0}.soc-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.cover-preview{width:100%;aspect-ratio:3/1;border-radius:14px;overflow:hidden;position:relative;background:linear-gradient(135deg,var(--i5),var(--i7));margin-bottom:12px}.cover-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cover-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);opacity:0;transition:var(--tr);cursor:pointer}.cover-preview:hover .cover-overlay{opacity:1}.css-editor{width:100%;min-height:160px;font-family:Courier New,monospace;font-size:13px;direction:ltr;text-align:left;padding:14px;border-radius:10px;border:.5px solid var(--bd);background:var(--s2);color:var(--tx);resize:vertical;line-height:1.7;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.css-editor:focus{border-color:var(--i5);box-shadow:var(--sf2)}.phone-frame{width:280px;height:540px;border:3px solid var(--bd2);border-radius:32px;overflow:hidden;background:var(--sf);box-shadow:var(--s-lg);margin:auto}.phone-top{height:28px;background:var(--tx);display:flex;align-items:center;justify-content:center}.phone-notch{width:100px;height:18px;background:var(--sf);border-radius:0 0 12px 12px}.phone-body{height:calc(100% - 28px);overflow-y:auto;padding:0;direction:rtl;font-family:Vazirmatn,sans-serif;scrollbar-width:none}.phone-body::-webkit-scrollbar{display:none}.tmpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.tmpl-card{border:2px solid var(--bd);border-radius:14px;overflow:hidden;cursor:pointer;transition:var(--tr)}.tmpl-card:hover{border-color:var(--bd2);transform:translateY(-2px);box-shadow:var(--s-md)}.tmpl-card.on{border-color:var(--i5);box-shadow:0 0 0 2px rgba(99,102,241,.2)}.tmpl-prev{height:90px;position:relative}.tmpl-info{padding:10px 12px}.tmpl-name{font-size:12px;font-weight:600;color:var(--tx)}.tmpl-sub{font-size:11px;color:var(--t3);margin-top:2px}.desc-demo{background:var(--s2);border:.5px solid var(--bd);border-radius:10px;padding:12px;margin-top:10px;font-size:12px;color:var(--t2);line-height:1.7;overflow:hidden}@media(max-width:640px){.settings-layout{grid-template-columns:1fr}.settings-nav{position:static}.wh-head{display:none!important}.wh-grid{grid-template-columns:1fr 1fr}.wh-row>strong{grid-column:1/-1}.hours-mobile-label{display:block}.hours-closed-toggle{grid-column:1/-1;justify-content:flex-start}.bg-opts{grid-template-columns:repeat(2,1fr)}.dm-opts{grid-template-columns:repeat(3,1fr)}.lay-grid{grid-template-columns:1fr 1fr}.domain-card-head{flex-direction:column}.domain-input-row{flex-wrap:wrap}.domain-input-row .form-ctrl{flex:1 1 130px}.domain-input-row .btn{width:100%}.dns-records{grid-template-columns:1fr}}