.dns-workspace{gap:18px;display:grid}.dns-record-hero,.dns-record-panel,.dns-publication-notice{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:18px}.dns-record-hero{overflow:hidden}.dns-record-hero>header{justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 30px;display:flex}.dns-record-hero header span,.dns-record-drawer header span,.dns-change-preview header span{font-size:var(--font-small)}.dns-record-hero h2,.dns-record-drawer h2,.dns-change-preview h2{margin:5px 0;font-size:clamp(1.25rem,2vw,1.7rem)}.dns-record-hero p,.dns-record-drawer p,.dns-change-preview p{color:var(--muted);font-size:var(--font-small);margin:0;line-height:1.9}.dns-primary-action{color:#fff;cursor:pointer;background:#111214;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 16px;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s,opacity .2s;display:inline-flex}.theme-dark .dns-primary-action{color:#111214;background:#f2f4f5}.dns-primary-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #00000024}.dns-primary-action:disabled{cursor:not-allowed;opacity:.42}.dns-primary-action svg{width:17px}.dns-record-metrics{border-top:1px solid var(--line);background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.dns-record-metrics>span{background:var(--soft);justify-content:space-between;align-items:baseline;gap:10px;padding:16px 20px;display:flex;position:relative}.dns-record-metrics b{font-size:1.15rem}.dns-record-metrics small{font-size:var(--font-caption)}.dns-record-metrics .has-draft:after{content:"";background:var(--warning);width:100%;height:2px;animation:.4s dns-draft-line;position:absolute;bottom:0;right:0}.dns-publication-notice{border-color:color-mix(in srgb,var(--warning) 45%,var(--line));background:color-mix(in srgb,var(--warning) 7%,var(--surface));align-items:center;gap:12px;padding:15px 18px;display:flex}.dns-publication-notice>svg{color:#bd7416;width:20px}.dns-publication-notice b,.dns-publication-notice small{display:block}.dns-publication-notice b{font-size:var(--font-small)}.dns-publication-notice small{font-size:var(--font-caption);margin-top:3px}.dns-toolbar{border-bottom:1px solid var(--line);grid-template-columns:minmax(270px,1.4fr) minmax(145px,.55fr) minmax(155px,.6fr) minmax(155px,.6fr) auto;align-items:center;gap:8px;padding:18px 20px;display:grid}.dns-toolbar>label{border:1px solid var(--line);background:var(--soft);border-radius:10px;align-items:center;gap:8px;height:42px;padding:0 11px;transition:border-color .18s,background .18s;display:flex}.dns-toolbar>label:focus-within{border-color:var(--ink);background:var(--surface)}.dns-toolbar label svg{flex:none;width:15px}.dns-toolbar input,.dns-toolbar select{width:100%;height:100%;color:var(--ink);font-size:var(--font-small);background:0 0;border:0;outline:0}.dns-toolbar-actions{gap:5px;display:flex}.dns-toolbar-actions button{border:1px solid var(--line);background:var(--surface);height:42px;color:var(--ink);font-size:var(--font-caption);white-space:nowrap;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 11px;display:flex}.dns-toolbar-actions button:last-child{border-radius:50%;width:42px;padding:0}.dns-toolbar-actions svg{width:15px}.dns-filter-chips{border-bottom:1px solid var(--line);scrollbar-width:thin;align-items:center;gap:6px;padding:12px 20px;display:flex;overflow:auto}.dns-filter-chips button{border:1px solid var(--line);min-width:max-content;color:var(--muted);font-size:var(--font-caption);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;transition:all .18s;display:flex}.dns-filter-chips button.is-current{border-color:var(--ink);background:var(--ink);color:var(--surface)}.dns-filter-chips small{opacity:.65}.dns-bulkbar{border-bottom:1px solid var(--line);background:color-mix(in srgb,#536dfe 7%,var(--surface));align-items:center;gap:8px;padding:10px 20px;animation:.24s cubic-bezier(.2,.8,.2,1) dns-slide-down;display:flex}.dns-bulkbar>span{font-size:var(--font-small);align-items:center;gap:7px;margin-left:auto;display:flex}.dns-bulkbar svg{width:15px}.dns-bulkbar label{font-size:var(--font-caption);align-items:center;gap:7px;display:flex}.dns-bulkbar select,.dns-bulkbar button{border:1px solid var(--line);background:var(--surface);height:34px;color:var(--ink);font-size:var(--font-caption);border-radius:8px;padding:0 10px}.dns-bulkbar button{cursor:pointer;align-items:center;gap:5px;display:flex}.dns-bulkbar button.is-danger{color:#ce4545}.dns-record-table{display:grid}.dns-record-head,.dns-record-row{grid-template-columns:30px 66px minmax(150px,.75fr) minmax(230px,1.35fr) 100px 105px 140px;align-items:center;gap:12px;padding:0 20px;display:grid}.dns-record-head{border-bottom:1px solid var(--line);min-height:43px;color:var(--muted);font-size:var(--font-caption)}.dns-record-row{border-bottom:1px dashed var(--line-dark);min-height:70px;color:var(--ink);transition:background .18s,opacity .18s;position:relative}.dns-record-row:hover{background:var(--soft)}.dns-record-row.is-new,.dns-record-row.is-updated{background:color-mix(in srgb,#536dfe 4%,var(--surface));animation:.28s cubic-bezier(.2,.8,.2,1) dns-row-in}.dns-record-row.is-deleted{opacity:.55;background:color-mix(in srgb,#d64b4b 5%,var(--surface))}.dns-record-row.is-deleted:after{content:"";background:#ce454552;height:1px;position:absolute;top:50%;left:20px;right:76px}.dns-record-row input[type=checkbox],.dns-record-head input[type=checkbox]{accent-color:var(--ink)}.dns-type{border:1px solid var(--line);background:var(--soft);min-width:48px;color:var(--ink);font:650 var(--font-caption) ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;border-radius:7px;justify-self:start;place-items:center;padding:6px 8px;display:inline-grid}.dns-type--a,.dns-type--aaaa{color:#4865d9;background:#4468ff12;border-color:#4468ff47}.dns-type--mx,.dns-type--txt{color:#168b5a;background:#15a06612;border-color:#15a0664d}.dns-type--cname,.dns-type--srv{color:#a46220;background:#b8671b12;border-color:#b8671b4d}.dns-host{min-width:0}.dns-host bdi,.dns-host small{text-align:left;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dns-host bdi{font:650 var(--font-small) ui-monospace,SFMono-Regular,Consolas,monospace}.dns-host small{color:var(--muted);font-size:var(--font-micro);margin-top:3px}.dns-record-content{min-width:0;color:var(--ink);text-align:right;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:7px;padding:0;display:grid}.dns-record-content code{text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-caption);direction:ltr;overflow:hidden}.dns-record-content small{background:var(--soft);font-size:var(--font-micro);border-radius:999px;padding:3px 6px}.dns-record-content svg{width:14px;color:var(--muted)}.dns-ttl b,.dns-ttl small{display:block}.dns-ttl b{font-size:var(--font-caption)}.dns-ttl small{font-size:var(--font-micro);margin-top:2px}.dns-row-status{border:1px solid var(--line);color:var(--muted);font-size:var(--font-micro);border-radius:999px;justify-self:start;padding:5px 8px}.dns-row-status.is-new,.dns-row-status.is-updated{color:#4b66d2;border-color:#4468ff4d}.dns-row-status.is-deleted{color:#ce4545;border-color:#ce454559}.dns-row-actions{justify-content:flex-end;gap:4px;display:flex}.dns-row-actions button{width:29px;height:29px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;transition:all .18s;display:grid}.dns-row-actions button:hover:not(:disabled){border-color:var(--line);background:var(--surface);color:var(--ink);transform:translateY(-1px)}.dns-row-actions button.is-danger:hover{color:#ce4545}.dns-row-actions svg{width:14px}.dns-record-values{border:1px solid var(--line);background:var(--surface);border-radius:10px;grid-column:3/-1;gap:6px;margin:0 0 14px;padding:12px;animation:.24s cubic-bezier(.2,.8,.2,1) dns-expand;display:grid}.dns-record-values>div{border-bottom:1px dashed var(--line);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 3px;display:grid}.dns-record-values>div:last-of-type{border-bottom:0}.dns-record-values em{font-size:var(--font-micro);font-style:normal}.dns-record-values code{overflow-wrap:anywhere;font-size:var(--font-caption);text-align:left}.dns-record-values button{color:var(--muted);font-size:var(--font-micro);background:0 0;border:0;align-items:center;gap:5px;display:flex}.dns-record-values svg{width:13px}.dns-record-values>small{color:var(--muted);font-size:var(--font-micro);align-items:center;gap:6px;display:flex}.dns-record-empty{text-align:center;place-items:center;min-height:300px;padding:35px;display:grid}.dns-record-empty>svg{width:31px}.dns-record-empty h3{margin:18px 0 5px;font-size:1rem}.dns-record-empty p{font-size:var(--font-small);margin:0}.dns-record-empty>button,.dns-record-empty>div button{border:1px solid var(--line);color:var(--ink);font-size:var(--font-caption);background:0 0;border-radius:9px;margin-top:15px;padding:9px 13px}.dns-record-empty>div{gap:7px;display:flex}.dns-record-empty>div button{align-items:center;gap:5px;display:flex}.dns-record-empty button svg{width:14px}.dns-draft-tray{z-index:40;border:1px solid color-mix(in srgb,var(--warning) 40%,var(--line));background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:13px;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:12px;width:calc(100% - 32px);margin:0 auto;padding:13px 14px;animation:.35s cubic-bezier(.16,1,.3,1) dns-tray-in;display:grid;position:sticky;bottom:18px;right:0;box-shadow:0 18px 50px #0000002b}.dns-draft-tray>svg{width:22px}.dns-draft-tray b,.dns-draft-tray small{display:block}.dns-draft-tray b{font-size:var(--font-small)}.dns-draft-tray small{font-size:var(--font-caption);margin-top:2px}.dns-draft-tray button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--ink);font-size:var(--font-caption);border-radius:8px;align-items:center;gap:6px;padding:0 11px;display:flex}.dns-draft-tray button.is-review{color:#fff;background:#111214}.theme-dark .dns-draft-tray button.is-review{color:#111214;background:#f2f4f5}.dns-draft-tray svg{width:15px}.dns-drawer-backdrop{z-index:2400;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0305089e;justify-content:flex-start;animation:.2s dns-fade;display:flex;position:fixed;inset:0}.dns-record-drawer{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;width:min(650px,100%);height:100%;animation:.42s cubic-bezier(.16,1,.3,1) dns-drawer-in;display:flex;overflow:hidden;box-shadow:30px 0 80px #0000003d}.dns-record-drawer>header,.dns-change-preview>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;padding:25px 28px;display:flex}.dns-record-drawer>header>button,.dns-change-preview>header>button{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.dns-record-drawer>header svg,.dns-change-preview>header svg{width:16px}.dns-record-drawer__body{align-content:start;gap:20px;padding:24px 28px;display:grid;overflow:auto}.dns-type-picker>span,.dns-editor-fields>label>span{color:var(--ink);font-size:var(--font-small);margin-bottom:8px;display:block}.dns-type-picker>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.dns-type-picker button{border:1px solid var(--line);background:var(--surface);min-height:67px;color:var(--ink);text-align:right;cursor:pointer;border-radius:10px;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:9px 11px;transition:all .18s;display:grid}.dns-type-picker button:hover,.dns-type-picker button.is-current{border-color:color-mix(in srgb,#536dfe 50%,var(--line));background:color-mix(in srgb,#536dfe 5%,var(--surface))}.dns-type-picker button>b{font:var(--font-body) ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr}.dns-type-picker button strong,.dns-type-picker button small{display:block}.dns-type-picker button strong{font-size:var(--font-caption)}.dns-type-picker button small{color:var(--muted);font-size:var(--font-micro);margin-top:2px;line-height:1.55}.dns-type-picker button>svg{color:#536dfe;width:15px}.dns-editor-type{border:1px solid var(--line);background:var(--soft);border-radius:10px;grid-template-columns:54px 1fr;align-items:center;gap:10px;padding:13px;display:grid}.dns-editor-type>b{font:700 var(--font-small) ui-monospace,SFMono-Regular,Consolas,monospace}.dns-editor-type strong,.dns-editor-type small{display:block}.dns-editor-type small{font-size:var(--font-micro)}.dns-editor-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dns-editor-fields>label{align-content:start;display:grid}.dns-editor-fields input,.dns-editor-fields select,.dns-value-row input,.dns-value-row select,.dns-value-row textarea{border:1px solid var(--line);background:var(--soft);width:100%;min-height:43px;color:var(--ink);font:inherit;font-size:var(--font-small);border-radius:9px;outline:0;padding:0 11px}.dns-value-row textarea{resize:vertical;padding-block:10px}.dns-editor-fields input:focus,.dns-editor-fields select:focus,.dns-value-row input:focus,.dns-value-row select:focus,.dns-value-row textarea:focus{border-color:var(--ink)}.dns-editor-fields>label>small{color:var(--muted);font-size:var(--font-micro);margin-top:5px}.dns-host-input{border:1px solid var(--line);background:var(--soft);border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;overflow:hidden}.dns-host-input input{border:0;border-radius:0}.dns-host-input bdi{border-right:1px solid var(--line);font-size:var(--font-caption);padding:0 10px}.dns-value-editor{gap:9px;display:grid}.dns-value-row{border:1px solid var(--line);background:var(--surface);border-radius:11px;grid-template-columns:repeat(4,1fr);gap:8px;padding:13px 44px 13px 13px;animation:.22s dns-row-in;display:grid;position:relative}.dns-value-row label{gap:6px;display:grid}.dns-value-row label>span{font-size:var(--font-micro)}.dns-value-row .is-wide{grid-column:1/-1}.dns-value-row--mx{grid-template-columns:110px 1fr}.dns-value-row--caa{grid-template-columns:80px 130px 1fr}.dns-value-remove{border:1px solid var(--line);color:#ce4545;background:0 0;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:18px;right:12px}.dns-value-remove svg{width:13px}.dns-value-add{border:1px dashed var(--line);color:var(--ink);font-size:var(--font-caption);background:0 0;border-radius:8px;justify-self:start;align-items:center;gap:6px;padding:7px 10px;display:flex}.dns-value-add svg{width:14px}.dns-record-preview{border:1px solid var(--line);background:var(--soft);border-radius:11px;grid-template-columns:40px 1fr 1fr;align-items:center;gap:11px;padding:13px;display:grid}.dns-record-preview>span{border:1px solid var(--line);border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.dns-record-preview svg{width:17px}.dns-record-preview small,.dns-record-preview code,.dns-record-preview b{display:block}.dns-record-preview small{font-size:var(--font-micro)}.dns-record-preview code,.dns-record-preview b{font-size:var(--font-caption);margin-top:3px}.dns-record-drawer>footer{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:auto;padding:17px 28px;display:flex}.dns-record-drawer>footer>button:not(.dns-primary-action){border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:9px;padding:0 14px}.dns-preview-backdrop{justify-content:center;align-items:center;padding:24px}.dns-change-preview{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(960px,100%);max-height:calc(100vh - 48px);animation:.32s cubic-bezier(.16,1,.3,1) dns-modal-in;display:grid;overflow:hidden;box-shadow:0 30px 90px #0000004d}.dns-change-preview__summary{border-bottom:1px solid var(--line);background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.dns-change-preview__summary span{background:var(--soft);justify-content:space-between;align-items:baseline;padding:13px 16px;display:flex}.dns-change-preview__summary b{font-size:1rem}.dns-change-preview__summary small{font-size:var(--font-micro)}.dns-change-list{align-content:start;gap:8px;padding:18px;display:grid;overflow:auto}.dns-change-list article{border:1px solid var(--line);border-radius:11px;overflow:hidden}.dns-change-list article>header{border-bottom:1px solid var(--line);grid-template-columns:58px 1fr auto;align-items:center;gap:10px;padding:9px 12px;display:grid}.dns-change-list article>header bdi{font:var(--font-small) ui-monospace,SFMono-Regular,Consolas,monospace;text-align:left}.dns-change-list article>header strong{font-size:var(--font-caption)}.dns-change-list article>div{grid-template-columns:1fr 1fr;display:grid}.dns-change-list article>div>span{grid-template-columns:1fr auto;gap:4px 10px;padding:12px;display:grid}.dns-change-list article>div>span:first-child{border-left:1px solid var(--line);background:var(--soft)}.dns-change-list small{font-size:var(--font-micro);grid-column:1/-1}.dns-change-list code{overflow-wrap:anywhere;font-size:var(--font-caption);text-align:left}.dns-change-list em{font-size:var(--font-micro);font-style:normal}.dns-change-preview>footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;padding:15px 18px;display:flex}.dns-change-preview>footer>span{align-items:center;gap:7px;max-width:390px;margin-left:auto;display:flex}.dns-change-preview>footer>span svg{color:#b66a13;flex:none;width:17px}.dns-change-preview>footer small{font-size:var(--font-micro)}.dns-change-preview>footer>button:not(.dns-primary-action){border:1px solid var(--line);min-height:42px;color:var(--ink);background:0 0;border-radius:9px;padding:0 13px}.is-spinning{animation:.8s linear infinite dns-spin}@keyframes dns-fade{0%{opacity:0}to{opacity:1}}@keyframes dns-drawer-in{0%{opacity:.4;transform:translate(-45px)}to{opacity:1;transform:none}}@keyframes dns-modal-in{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}@keyframes dns-row-in{0%{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes dns-expand{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}@keyframes dns-tray-in{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:none}}@keyframes dns-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes dns-spin{to{transform:rotate(360deg)}}@keyframes dns-draft-line{0%{transform-origin:100%;transform:scaleX(0)}to{transform-origin:100%;transform:scaleX(1)}}@media (max-width:1180px){.dns-toolbar{grid-template-columns:1fr 1fr 1fr}.dns-search{grid-column:1/-1}.dns-toolbar-actions{justify-content:flex-end}.dns-record-head,.dns-record-row{grid-template-columns:28px 60px minmax(140px,.7fr) minmax(210px,1.3fr) 90px 105px}.dns-record-head>span:last-child{display:none}.dns-row-actions{grid-column:3/-1;justify-content:flex-start;padding-bottom:10px}.dns-record-row{padding-top:8px}.dns-record-values{grid-column:3/-1}}@media (max-width:800px){.dns-record-hero>header{padding:23px}.dns-record-metrics{grid-template-columns:1fr 1fr}.dns-toolbar{grid-template-columns:1fr 1fr;padding:14px}.dns-search,.dns-toolbar-actions{grid-column:1/-1}.dns-toolbar-actions{justify-content:stretch}.dns-toolbar-actions button{flex:1}.dns-record-head{display:none}.dns-record-table{gap:9px;padding:12px}.dns-record-row{border:1px solid var(--line);border-radius:12px;grid-template-columns:28px 58px minmax(0,1fr) auto;padding:14px}.dns-record-content{border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);grid-column:3/-1;padding:10px 0}.dns-ttl{grid-column:3}.dns-row-status{grid-area:1/4}.dns-row-actions{grid-column:3/-1;padding:0}.dns-record-values{grid-column:1/-1;margin:0}.dns-draft-tray{grid-template-columns:32px 1fr}.dns-draft-tray button{justify-content:center}.dns-type-picker>div,.dns-editor-fields{grid-template-columns:1fr}.dns-change-preview__summary{grid-template-columns:1fr 1fr}.dns-change-preview>footer{flex-direction:column;align-items:stretch}.dns-change-preview>footer>span{margin:0}.dns-change-preview>footer button{justify-content:center}.dns-bulkbar{flex-wrap:wrap}.dns-bulkbar>span{width:100%;margin-left:0}}@media (max-width:560px){.dns-record-hero>header{flex-direction:column}.dns-record-hero>header>.dns-primary-action{width:100%}.dns-record-metrics,.dns-toolbar{grid-template-columns:1fr}.dns-toolbar>*{grid-column:1!important}.dns-toolbar-actions{grid-template-columns:1fr 1fr 42px;display:grid}.dns-filter-chips{padding-inline:14px}.dns-record-row{grid-template-columns:26px 52px minmax(0,1fr)}.dns-row-status{grid-area:auto/3;justify-self:start}.dns-record-content,.dns-ttl,.dns-row-actions{grid-column:2/-1}.dns-record-values{grid-column:1/-1}.dns-record-empty>div{flex-direction:column}.dns-draft-tray{border-radius:13px 13px 0 0;width:100%;bottom:0}.dns-record-drawer__body,.dns-record-drawer>header,.dns-record-drawer>footer{padding-inline:19px}.dns-value-row,.dns-value-row--mx,.dns-value-row--caa{grid-template-columns:1fr}.dns-value-row--srv label{grid-column:span 2}.dns-record-preview{grid-template-columns:38px 1fr}.dns-record-preview>div:last-child{grid-column:2}.dns-preview-backdrop{padding:7px}.dns-change-preview{max-height:calc(100vh - 14px)}.dns-change-preview>header{padding:20px}.dns-change-list article>div{grid-template-columns:1fr}.dns-change-list article>div>span:first-child{border-bottom:1px solid var(--line);border-left:0}}@media (prefers-reduced-motion:reduce){.dns-workspace *{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.dns-host bdi,.dns-host small,.dns-record-content code,.dns-record-values code,.dns-change-list code,.dns-record-preview code,.dns-change-list article>header bdi{text-align:right}.dns-workspace input,.dns-workspace select,.dns-workspace textarea,.dns-workspace button{font-family:inherit}.dns-record-content{display:block}.dns-record-content>button{width:100%;min-width:0;color:var(--ink);text-align:right;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:7px;padding:0;display:grid}.dns-record-panel{overflow:visible}.dns-toolbar{z-index:12;position:relative}.dns-toolbar-actions button{border-color:color-mix(in srgb,var(--ink) 12%,var(--line));background:var(--soft);transition:border-color .18s,background-color .18s,color .18s,transform .18s}.dns-toolbar-actions button:hover:not(:disabled){border-color:color-mix(in srgb,var(--ink) 34%,var(--line));background:var(--surface);transform:translateY(-1px)}.dns-toolbar-actions button:last-child{border-radius:10px}.dns-row-actions button.is-copied,.dns-record-values button.is-copied{border-color:color-mix(in srgb,var(--success) 42%,var(--line));color:var(--success)}.dns-select{direction:rtl;min-width:0;font-family:inherit;position:relative}.dns-select__trigger{border:1px solid var(--line);background:var(--soft);width:100%;height:42px;color:var(--ink);text-align:right;cursor:pointer;border-radius:10px;grid-template-columns:18px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:0 11px;font-family:inherit;transition:border-color .18s,background-color .18s,box-shadow .18s;display:grid}.dns-select__trigger:hover,.dns-select.is-open .dns-select__trigger{border-color:color-mix(in srgb,var(--ink) 45%,var(--line));background:var(--surface)}.dns-select.is-open .dns-select__trigger{box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 7%,transparent)}.dns-select__trigger>i{place-items:center;font-style:normal;display:grid}.dns-select__trigger>i svg,.dns-select__trigger>svg{width:15px}.dns-select__trigger>svg{transition:transform .22s}.dns-select.is-open .dns-select__trigger>svg{transform:rotate(180deg)}.dns-select__trigger span{min-width:0}.dns-select__trigger b,.dns-select__trigger small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dns-select__trigger b{font-size:var(--font-caption);font-weight:540}.dns-select__trigger small{color:var(--muted);font-size:var(--font-micro);margin-top:2px}.dns-select__menu{z-index:80;visibility:hidden;opacity:0;grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.2,.8,.2,1),opacity .18s,transform .22s,visibility 0s .22s;display:grid;position:absolute;top:calc(100% + 7px);left:0;right:0;transform:translateY(-7px)}.dns-select.is-open .dns-select__menu{visibility:visible;opacity:1;grid-template-rows:1fr;transition:grid-template-rows .22s cubic-bezier(.2,.8,.2,1),opacity .18s,transform .22s,visibility;transform:none}.dns-select__menu>div{border:1px solid var(--line);background:var(--surface);border-radius:11px;min-height:0;max-height:270px;overflow:auto;box-shadow:0 20px 55px #0003}.dns-select__menu button{border:0;border-bottom:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);text-align:right;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:8px;padding:8px 11px;font-family:inherit;display:grid}.dns-select__menu button:last-child{border-bottom:0}.dns-select__menu button:hover,.dns-select__menu button.is-selected{background:var(--soft)}.dns-select__menu button span>*{display:block}.dns-select__menu button b{font-size:var(--font-caption)}.dns-select__menu button small{color:var(--muted);font-size:var(--font-micro);margin-top:2px}.dns-select__menu button>svg{width:14px;color:var(--success)}.dns-select.is-compact{width:130px}.dns-select.is-compact .dns-select__trigger{background:var(--surface);height:34px}.dns-editor-fields .dns-select__trigger{height:43px}.dns-editor-fields .dns-select__menu{z-index:95}.dns-host-input{direction:ltr;grid-template-columns:minmax(90px,1fr) auto}.dns-host-input input{text-align:left}.dns-host-input bdi{border-right:0;border-left:1px solid var(--line);background:color-mix(in srgb,var(--ink) 3%,var(--soft));height:100%;color:var(--muted);font:500 var(--font-caption) ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;align-items:center;padding:0 11px;display:flex}.dns-record-values-shell{opacity:0;grid-column:3/-1;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.2,.8,.2,1),opacity .2s,transform .3s cubic-bezier(.2,.8,.2,1);display:grid;overflow:hidden;transform:translateY(-6px)}.dns-record-values-shell>div{min-height:0;overflow:hidden}.dns-record-values-shell.is-open{opacity:1;grid-template-rows:1fr;transform:none}.dns-record-values-shell .dns-record-values{margin-top:1px;animation:none}.dns-record-values{background:color-mix(in srgb,var(--soft) 72%,var(--surface));border-radius:12px;box-shadow:inset 3px 0 #536dfe6b}.dns-record-values>div{grid-template-columns:28px minmax(0,1fr) 82px;min-height:42px}.dns-record-values>div>em{border:1px solid var(--line);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.dns-record-values>div>button{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-self:end;padding:6px 8px}.dns-record-values>div>button:hover{border-color:var(--line);background:var(--surface);color:var(--ink)}.dns-drawer-backdrop{isolation:isolate;height:100dvh}.dns-record-drawer{height:100dvh;max-height:100dvh}.dns-drawer-backdrop.is-closing{animation:.22s both dns-fade-out}.dns-drawer-backdrop.is-closing .dns-record-drawer{animation:.22s both dns-drawer-out}.dns-drawer-backdrop.is-closing .dns-change-preview{animation:.22s both dns-modal-out}@keyframes dns-fade-out{to{opacity:0}}@keyframes dns-drawer-out{to{opacity:.4;transform:translate(-45px)}}@keyframes dns-modal-out{to{opacity:0;transform:translateY(14px)scale(.985)}}@media (max-width:1180px){.dns-record-values-shell{grid-column:3/-1}}@media (max-width:800px){.dns-record-values-shell{grid-column:1/-1}.dns-select.is-compact{width:115px}}@media (max-width:620px){.dns-record-drawer{width:100%}.dns-editor-fields,.dns-type-picker>div{grid-template-columns:1fr}.dns-toolbar .dns-select{min-width:0}.dns-host-input bdi{text-overflow:ellipsis;max-width:48vw;overflow:hidden}}@media (prefers-reduced-motion:reduce){.dns-select__menu,.dns-select__trigger>svg,.dns-record-values-shell,.dns-drawer-backdrop.is-closing,.dns-drawer-backdrop.is-closing .dns-record-drawer,.dns-drawer-backdrop.is-closing .dns-change-preview{transition:none;animation:none}}.dns-type{min-width:0;color:var(--ink);border-radius:0;align-items:center;gap:7px;padding:0;font-weight:720;display:inline-flex;background:0 0!important;border:0!important}.dns-type:before{content:"";opacity:.72;background:currentColor;border-radius:50%;width:6px;height:6px}.dns-type--a,.dns-type--aaaa{color:#6179e6}.dns-type--mx,.dns-type--txt{color:#2eaa75}.dns-type--cname,.dns-type--srv{color:#ca842f}.dns-row-actions button:hover:not(:disabled){box-shadow:none;color:var(--ink);background:0 0;border-color:#0000;transform:none}.dns-row-actions button:focus-visible,.dns-record-values button:focus-visible,.mdns-settings-connection button:focus-visible{outline:2px solid color-mix(in srgb,var(--ink) 55%,transparent);outline-offset:3px}.dns-record-values{border:0;border-top:1px solid var(--line);box-shadow:none;background:0 0;border-radius:0;gap:0;padding:4px 0 8px}.dns-record-values>div{padding:8px 0}.dns-record-values>div>em{width:auto;height:auto;color:var(--muted);border:0;border-radius:0}.dns-record-values>div>button{border-radius:0;padding:5px 0;border:0!important}.dns-record-values>div>button:hover{color:var(--ink);background:0 0}.dns-record-row.has-error{background:color-mix(in srgb,#d64b4b 4%,var(--surface));box-shadow:inset -2px 0 #d64b4b}.dns-row-status.has-error{color:#e06464;border:0;border-radius:0;font-weight:700}.dns-record-issues{border-top:1px solid color-mix(in srgb,#d64b4b 35%,var(--line));color:#d75b5b;grid-column:3/-1;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 10px;padding:10px 0;display:grid}.dns-record-issues>svg{width:17px}.dns-record-issues span>*{display:block}.dns-record-issues b{font-size:var(--font-caption)}.dns-record-issues small{font-size:var(--font-micro);margin-top:3px}.dns-record-issues>button{color:inherit;font-family:inherit;font-size:var(--font-micro);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:5px 0}.dns-type-picker>div{border-top:1px solid var(--line);gap:0}.dns-type-picker button{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;min-height:64px}.dns-type-picker button:nth-child(odd){border-left:1px solid var(--line)}.dns-type-picker button:hover,.dns-type-picker button.is-current{border-color:var(--line);background:#536dfe0a;box-shadow:inset -2px 0 #536dfe}.dns-editor-type{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;padding:11px 0}@media (max-width:800px){.dns-record-issues{grid-column:1/-1}.dns-type-picker button:nth-child(odd){border-left:0}}.dns-change-preview{width:min(1080px,100%);height:min(860px,100dvh - 48px);max-height:none}.dns-change-list>article{border:0;border-bottom:1px solid var(--line);min-height:112px;color:var(--ink);background:0 0;border-radius:0;overflow:visible;height:auto!important;display:block!important}.dns-change-list>article>header{border-bottom:1px dashed var(--line);visibility:visible;opacity:1;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;min-height:48px;padding:8px 0;height:auto!important;display:grid!important}.dns-change-list>article>header bdi,.dns-change-list>article>header strong,.dns-change-list>article>header span{visibility:visible;opacity:1;display:flex}.dns-change-list>article>div{visibility:visible;opacity:1;grid-template-columns:1fr 1fr;min-height:62px;height:auto!important;display:grid!important}.dns-change-list>article>div>span{visibility:visible;opacity:1;grid-template-columns:minmax(0,1fr) auto;align-content:center;min-height:62px;padding:10px 0;display:grid!important}.dns-change-list>article>div>span:first-child{border-left:1px solid var(--line);background:0 0;margin-left:18px}.dns-change-list>article code,.dns-change-list>article small,.dns-change-list>article em{visibility:visible;opacity:1;color:inherit;display:block}.dns-change-list>article small{color:var(--muted)}@media (max-width:800px){.dns-change-preview{height:calc(100dvh - 14px)}.dns-change-list{padding-inline:14px}.dns-change-list>article>div{grid-template-columns:1fr}.dns-change-list>article>div>span:first-child{border-bottom:1px dashed var(--line);border-left:0;margin-left:0}}.dns-change-list{scrollbar-gutter:stable;min-height:0;padding:0 22px;display:block;overflow:auto}.dns-change-list__head,.dns-change-list>article{grid-template-columns:62px minmax(105px,.55fr) 70px minmax(180px,1fr) minmax(180px,1fr) 76px;align-items:center;gap:12px;display:grid!important}.dns-change-list__head{z-index:2;border-bottom:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--muted);font-size:var(--font-micro);position:sticky;top:0}.dns-change-list>article{border:0;border-bottom:1px solid var(--line);color:var(--ink);background:0 0;border-radius:0;height:52px!important;min-height:52px!important;overflow:hidden!important}.dns-change-list>article:hover{background:color-mix(in srgb,var(--ink) 2.5%,transparent)}.dns-change-list>article>bdi,.dns-change-list>article>code{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.dns-change-list>article>bdi{font:620 var(--font-caption) ui-monospace,SFMono-Regular,Consolas,monospace}.dns-change-list>article>strong{font-size:var(--font-caption);font-weight:620}.dns-change-list>article>code{font-size:var(--font-micro);color:var(--ink)}.dns-change-list>article>code.is-before{color:var(--muted)}.dns-change-list>article>em{font-size:var(--font-micro);color:var(--muted);font-style:normal}.dns-change-list>article.is-delete>strong{color:#d65b5b}.dns-change-list>article.is-replace>strong{color:#5269cc}.dns-change-list .dns-type{font-size:var(--font-caption)}@media (max-width:800px){.dns-change-list{padding-inline:14px}.dns-change-list__head{display:none!important}.dns-change-list>article{grid-template-columns:48px minmax(90px,.7fr) 60px minmax(0,1.4fr) 62px;gap:8px;height:58px!important;min-height:58px!important}.dns-change-list>article>code.is-before{display:none}}@media (max-width:560px){.dns-change-list>article{grid-template-columns:44px minmax(72px,.65fr) 52px minmax(0,1.35fr);height:56px!important;min-height:56px!important}.dns-change-list>article>em{display:none}}.dns-select:not(.has-icon) .dns-select__trigger{grid-template-columns:minmax(0,1fr) 16px}.dns-record-head,.dns-record-row{grid-template-columns:28px 58px minmax(145px,.7fr) minmax(220px,1.25fr) 82px 92px 124px;gap:10px;padding-inline:16px}.dns-record-head{min-height:37px}.dns-record-row{cursor:pointer;min-height:50px}.dns-record-row:not(.has-details){cursor:default}.dns-record-row:focus-visible{z-index:1;outline:2px solid color-mix(in srgb,var(--ink) 45%,transparent);outline-offset:-2px}.dns-record-row:hover,.dns-record-row:focus-within{z-index:30;background:color-mix(in srgb,var(--ink) 2.5%,var(--surface))}.dns-host bdi{font-size:var(--font-small)}.dns-host small{display:none}.dns-record-content>button{width:100%;min-height:48px}.dns-record-content>button:disabled{cursor:default;opacity:1}.dns-record-content code{font-size:var(--font-caption)}.dns-ttl b,.dns-row-status{font-size:var(--font-micro)}.dns-ttl small{margin:0 5px 0 0;display:inline}.dns-record-values-shell{z-index:1;grid-column:3/-1;position:relative}.dns-record-values{padding-top:0}.dns-record-row>.dns-row-actions{z-index:35;justify-content:flex-end;align-items:center;gap:2px;padding:0;display:flex;position:relative;overflow:visible}.dns-record-values>.dns-record-issues{border-top:0;border-bottom:1px solid color-mix(in srgb,#d64b4b 35%,var(--line));grid-template-columns:20px minmax(0,1fr) auto;min-height:0;margin:0;padding:9px 0;display:grid}@media (max-width:1180px){.dns-record-head,.dns-record-row{grid-template-columns:28px 58px minmax(130px,.68fr) minmax(190px,1.15fr) 78px 88px 116px}.dns-record-row{padding-top:0}.dns-record-row>.dns-row-actions{grid-column:auto;justify-content:flex-end;padding:0}.dns-record-values-shell{grid-column:3/-1}}@media (max-width:800px){.dns-record-row{grid-template-columns:26px 54px minmax(0,1fr) auto;padding:10px 12px}.dns-host small{display:block}.dns-record-content>button{min-height:40px}.dns-record-values-shell{grid-column:1/-1}.dns-record-values__toolbar{align-items:flex-start}.dns-record-values>.dns-record-issues{grid-template-columns:20px minmax(0,1fr)}}@media (max-width:560px){.dns-record-table{gap:8px;padding:10px}.dns-record-row{grid-template-columns:26px 52px minmax(0,1fr) auto;grid-template-areas:"select type host host""content content content content""details details details details""ttl ttl status actions";gap:9px 10px;min-height:0;padding:11px 12px}.dns-record-select{grid-area:select;align-self:center}.dns-type{white-space:nowrap;grid-area:type;place-self:center start}.dns-host{grid-area:host;align-self:center}.dns-host small{display:none}.dns-record-content{border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);grid-area:content;padding:7px 0}.dns-record-content>button{min-height:30px}.dns-ttl{white-space:nowrap;grid-area:ttl;align-items:baseline;gap:6px;display:flex}.dns-ttl small{margin:0;display:inline}.dns-row-status{white-space:nowrap;grid-area:status;place-self:center start}.dns-record-row>.dns-row-actions{white-space:nowrap;grid-area:actions;place-self:center end}.dns-record-row>.dns-row-actions button{width:28px;height:28px}.dns-record-values-shell{grid-area:details;margin:0}.dns-record-values-shell.is-open .dns-record-values{border-top:0}}.dns-record-head,.dns-record-row{grid-template-columns:28px 54px minmax(135px,.68fr) minmax(205px,1.18fr) 104px 82px 92px 112px}.dns-cloud-cell{align-items:center;min-width:0;display:flex}.dns-cloud-control{border:1px solid var(--line);background:var(--soft);min-width:86px;height:31px;color:var(--muted);font-size:var(--font-micro);white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 9px;transition:border-color .18s,background .18s,color .18s;display:inline-flex}.dns-cloud-control svg{width:14px;height:14px}.dns-cloud-control.is-on{border-color:color-mix(in srgb,var(--success) 40%,var(--line));background:color-mix(in srgb,var(--success) 9%,var(--surface));color:var(--success)}.dns-cloud-control.is-pending{border-color:color-mix(in srgb,var(--warning) 42%,var(--line));background:color-mix(in srgb,var(--warning) 8%,var(--surface));color:var(--warning)}.dns-cloud-control.has-error{border-color:color-mix(in srgb,var(--danger) 42%,var(--line));background:color-mix(in srgb,var(--danger) 8%,var(--surface));color:var(--danger)}.dns-cloud-control:disabled{cursor:wait;opacity:.62}.dns-cloud-direct{color:var(--muted);font-size:var(--font-micro)}.dns-ttl{white-space:nowrap}.dns-ttl b{display:inline}.dns-ttl small{display:none}.dns-editor-cloud{border:1px solid var(--line);background:var(--soft);border-radius:12px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 16px;display:grid}.dns-editor-cloud>span{border:1px solid var(--line);width:42px;height:42px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.dns-editor-cloud.is-on{border-color:color-mix(in srgb,var(--success) 34%,var(--line));background:color-mix(in srgb,var(--success) 7%,var(--surface))}.dns-editor-cloud.is-on>span{border-color:color-mix(in srgb,var(--success) 40%,var(--line));color:var(--success)}.dns-editor-cloud svg{width:18px}.dns-editor-cloud small,.dns-editor-cloud b{display:block}.dns-editor-cloud small{color:var(--muted);font-size:var(--font-micro)}.dns-editor-cloud b{font-size:var(--font-small);margin-top:2px}.dns-editor-cloud p{color:var(--muted);font-size:var(--font-micro);margin:4px 0 0;line-height:1.65}.dns-editor-cloud>button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--ink);font-size:var(--font-caption);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:flex}.dns-editor-cloud>button svg{width:14px}@media (max-width:1180px) and (min-width:801px){.dns-record-head,.dns-record-row{grid-template-columns:26px 50px minmax(105px,.62fr) minmax(165px,1fr) 92px 70px 82px 94px;gap:7px;padding-inline:12px}.dns-cloud-control{min-width:78px;padding-inline:7px}.dns-row-actions{gap:0}}@media (max-width:800px){.dns-record-row{grid-template-columns:26px 54px minmax(0,1fr) auto;grid-template-areas:"select type host host""content content content content""cloud ttl status actions""details details details details"}.dns-record-select{grid-area:select}.dns-type{grid-area:type}.dns-host{grid-area:host}.dns-record-content{grid-area:content}.dns-cloud-cell{grid-area:cloud}.dns-ttl{grid-area:ttl}.dns-row-status{grid-area:status}.dns-record-row>.dns-row-actions{grid-area:actions}.dns-record-values-shell{grid-area:details}.dns-editor-cloud{grid-template-columns:42px minmax(0,1fr)}.dns-editor-cloud>button{grid-column:1/-1}}@media (max-width:560px){.dns-record-row{grid-template-areas:"select type host host""content content content content""cloud cloud ttl status""actions actions actions actions""details details details details"}.dns-cloud-control{min-width:0}.dns-record-row>.dns-row-actions{justify-self:start}.dns-editor-cloud{padding:13px}}
:root{--admin-line:var(--line);--admin-ink:var(--ink);--admin-surface:var(--surface);--admin-soft:var(--soft)}
:root{--control-h-sm:34px;--control-h-md:40px;--control-h-lg:44px;--control-radius:9px;--control-font-sm:.55rem;--control-font-md:.6rem;--control-font-lg:.64rem;--control-ease:cubic-bezier(.2,.8,.2,1)}.ui-button{-webkit-tap-highlight-color:transparent;box-sizing:border-box;width:auto;height:var(--control-h-md);min-height:var(--control-h-md);border-radius:var(--control-radius);color:var(--ink);font-family:inherit;font-size:var(--control-font-md);white-space:nowrap;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s var(--control-ease),opacity .18s ease;background:0 0;border:1px solid #0000;outline:0;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-weight:590;line-height:1;text-decoration:none;display:inline-flex}.ui-button>svg{stroke-width:1.9px;flex:none;width:16px;height:16px}.ui-button:hover:not(:disabled):not([aria-disabled=true]){transform:translateY(-1px)}.ui-button:active:not(:disabled):not([aria-disabled=true]){transform:translateY(0)}.ui-button:focus-visible{outline:2px solid color-mix(in srgb,var(--ink) 55%,transparent);outline-offset:3px}.ui-button:disabled,.ui-button[aria-disabled=true]{cursor:not-allowed;opacity:.42;box-shadow:none;transform:none}.ui-button--primary{border-color:var(--ink);background:var(--ink);color:var(--surface)}.ui-button--primary:hover:not(:disabled):not([aria-disabled=true]){box-shadow:0 9px 22px color-mix(in srgb,var(--ink) 16%,transparent)}.ui-button--secondary{border-color:var(--line);background:var(--surface);color:var(--ink)}.ui-button--secondary:hover:not(:disabled):not([aria-disabled=true]){border-color:color-mix(in srgb,var(--ink) 32%,var(--line));background:var(--soft)}.ui-button--ghost{color:var(--ink);background:0 0;border-color:#0000}.ui-button--ghost:hover:not(:disabled):not([aria-disabled=true]){background:var(--soft)}.ui-button--danger{border-color:color-mix(in srgb,#d64b4b 42%,var(--line));color:#d65353;background:#d64b4b0f}.ui-button--danger:hover:not(:disabled):not([aria-disabled=true]){background:#d64b4b1a;border-color:#d65353}.ui-button--link{height:auto;min-height:0;color:var(--ink);border:0;border-bottom:1px solid;border-radius:0;padding:3px 0}.ui-button--link:hover:not(:disabled):not([aria-disabled=true]){opacity:.72;transform:none}.ui-button--sm{height:var(--control-h-sm);min-height:var(--control-h-sm);font-size:var(--control-font-sm);padding-inline:10px}.ui-button--lg{height:var(--control-h-lg);min-height:var(--control-h-lg);font-size:var(--control-font-lg);padding-inline:17px}.ui-button--icon{width:var(--control-h-md);padding:0}.ui-button--icon.ui-button--sm{width:var(--control-h-sm);padding:0}.ui-button--icon.ui-button--lg{width:var(--control-h-lg);padding:0}.ui-button--round{border-radius:50%}.ui-button--block{width:100%}.ui-button.is-loading{pointer-events:none}.ui-button.is-loading>svg{animation:.8s linear infinite ui-button-spin}@keyframes ui-button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ui-button{transition:none}.ui-button.is-loading>svg{animation-duration:1.8s}}.dns-toolbar-actions .ui-button,.dns-draft-tray .ui-button,.dns-change-preview>footer>.ui-button,.dns-record-drawer>footer>.ui-button,.dns-record-empty .ui-button,.dns-bulkbar .ui-button,.dns-record-values .ui-button,.dns-record-issues .ui-button{font-family:inherit;font-weight:590;line-height:1}.dns-toolbar-actions .ui-button:not(.ui-button--icon),.dns-draft-tray .ui-button,.dns-change-preview>footer>.ui-button,.dns-record-drawer>footer>.ui-button,.dns-record-empty .ui-button{width:auto;height:var(--control-h-md);min-height:var(--control-h-md);border-radius:var(--control-radius);font-size:var(--control-font-md);padding:0 14px}.dns-toolbar-actions .ui-button--icon{width:var(--control-h-md);height:var(--control-h-md);min-height:var(--control-h-md);border-radius:var(--control-radius);padding:0}.dns-record-drawer>header>.ui-button,.dns-change-preview>header>.ui-button{width:var(--control-h-md);height:var(--control-h-md);min-height:var(--control-h-md);border-radius:50%;padding:0}.dns-row-actions .ui-button{width:var(--control-h-sm);height:var(--control-h-sm);min-height:var(--control-h-sm);border-radius:50%;padding:0}.dns-bulkbar .ui-button,.dns-record-values .ui-button{height:var(--control-h-sm);min-height:var(--control-h-sm);font-size:var(--control-font-sm);padding:0 10px}.dns-record-issues .ui-button--link{height:auto;min-height:0;font-size:var(--control-font-sm);border-radius:0;padding:3px 0}.dns-value-add.ui-button{height:var(--control-h-sm);min-height:var(--control-h-sm);font-size:var(--control-font-sm);padding:0 10px}.dns-record-empty .ui-button{margin-top:15px}.dns-draft-tray .ui-button--primary{border-color:var(--ink);background:var(--ink);color:var(--surface)}.ui-button[data-tooltip]{position:relative;overflow:visible}.ui-button[data-tooltip]:after{z-index:999;visibility:hidden;border:1px solid color-mix(in srgb,var(--surface) 18%,transparent);color:#f4f5f6;content:attr(data-tooltip);min-width:max-content;font-size:var(--font-micro);opacity:0;pointer-events:none;white-space:nowrap;direction:rtl;background:#101214;border-radius:6px;padding:5px 8px;font-weight:560;line-height:1.4;transition:opacity .14s,transform .14s,visibility 0s .14s;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%,4px);box-shadow:0 8px 24px #00000047}.ui-button[data-tooltip]:hover:after,.ui-button[data-tooltip]:focus-visible:after{visibility:visible;opacity:1;transition-delay:.28s;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.ui-button[data-tooltip]:after{transition:none}}
.auth-login{--auth-bg:#f2f5f8;--auth-surface:#fff;--auth-surface-soft:#edf0f3;--auth-ink:#111315;--auth-muted:#11131594;--auth-faint:#11131561;--auth-border:#11131521;--auth-border-strong:#11131547;--auth-shadow:0 24px 80px #16181a17;isolation:isolate;background:var(--auth-bg);min-height:100svh;color:var(--auth-ink);grid-template-rows:auto 1fr auto;gap:clamp(1.5rem,4vh,3.5rem);padding:clamp(1.25rem,3vw,3rem);font-family:IRANYekanX,Tahoma,sans-serif;display:grid;position:relative;overflow:hidden}.theme-dark .auth-login{--auth-bg:#0c0d0e;--auth-surface:#191b1d;--auth-surface-soft:#222528;--auth-ink:#f6f7f8;--auth-muted:#f6f7f894;--auth-faint:#f6f7f861;--auth-border:#ffffff21;--auth-border-strong:#ffffff47;--auth-shadow:0 24px 80px #00000059}.auth-login a{color:inherit;text-decoration:none}.auth-login button,.auth-login input{font:inherit}.auth-login svg{stroke-width:1.8px;flex:none;display:block}.auth-login__topbar,.auth-login__shell,.auth-login__footer{z-index:2;width:min(100%,1240px);margin-inline:auto;position:relative}.auth-login__topbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.auth-login__brand{align-items:center;gap:.85rem;display:inline-flex}.auth-login__brand-mark{background:var(--auth-ink);width:2.75rem;height:2.75rem;color:var(--auth-bg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--font-body);letter-spacing:-.04em;border-radius:50%;place-items:center;font-weight:700;display:grid}.auth-login__brand>span:last-child{gap:.08rem;display:grid}.auth-login__brand strong{font-size:var(--font-body);font-weight:800}.auth-login__brand small{color:var(--auth-muted);font-size:var(--font-body)}.auth-login__topbar-actions{align-items:center;gap:.75rem;display:flex}.auth-login__secure{color:var(--auth-muted);font-size:var(--font-body);align-items:center;gap:.45rem;display:inline-flex}.auth-login__secure svg{color:var(--auth-ink)}.auth-login__theme{border:1px solid var(--auth-border);background:var(--auth-surface);width:2.65rem;height:2.65rem;color:var(--auth-ink);border-radius:50%;place-items:center;padding:0;transition:transform .18s,border-color .18s,background-color .18s;display:grid}.auth-login__theme:hover{border-color:var(--auth-border-strong);transform:rotate(-8deg)}.auth-login__theme:focus-visible,.auth-login__brand:focus-visible,.auth-login__panel-footer a:focus-visible{outline:2px solid var(--auth-ink);outline-offset:4px}.auth-login__shell{border:1px solid var(--auth-border);background:var(--auth-surface);min-height:min(680px,100svh - 13rem);box-shadow:var(--auth-shadow);border-radius:clamp(1.25rem,3vw,2rem);grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-self:center;display:grid;overflow:hidden}.auth-login__story,.auth-login__panel{padding:clamp(2rem,4.5vw,4.75rem);position:relative}.auth-login__story{border-inline-end:1px solid var(--auth-border);background:var(--auth-surface-soft);grid-template-rows:auto 1fr auto;gap:2rem;min-height:620px;display:grid;overflow:hidden}.auth-login__story-copy{z-index:2;max-width:36rem;position:relative}.auth-login__eyebrow,.auth-login__step{color:var(--auth-muted);font-size:var(--font-body);letter-spacing:.035em;align-items:center;gap:.55rem;font-weight:700;display:inline-flex}.auth-login__eyebrow:before,.auth-login__step:before{content:"";background:currentColor;width:1.9rem;height:1px}.auth-login__story h1{max-width:34rem;color:var(--auth-ink);letter-spacing:-.045em;margin:1.15rem 0 .9rem;font-size:clamp(2.2rem,3.3vw,3.45rem);font-weight:900;line-height:1.12}.auth-login__headline-line{white-space:nowrap;display:block}.auth-login__story h1 .auth-login__headline-stroke{color:#0000;-webkit-text-stroke:1.5px var(--auth-ink)}.auth-login__story-copy p{width:min(100%,18rem);color:var(--auth-muted);margin:0;font-size:clamp(.92rem,1.3vw,1.06rem);line-height:1.75}.auth-login__portrait{z-index:1;inset-inline-end:clamp(1.25rem,2vw,2rem);aspect-ratio:1;border-radius:50%;width:clamp(12rem,25vw,20rem);position:absolute;bottom:clamp(4.5rem,8vw,7.5rem)}.auth-login__portrait:before{content:"";z-index:2;border:1px solid var(--auth-border-strong);border-radius:inherit;position:absolute;inset:-.75rem}.auth-login__portrait img{border-radius:inherit;object-fit:cover}.auth-login__portrait span{z-index:3;inset-inline:auto .5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--font-small);white-space:nowrap;direction:ltr;background:#1113159e;border:1px solid #ffffff47;border-radius:999px;padding:.62rem 1rem;position:absolute;bottom:1.4rem}.auth-login__signature{z-index:2;border-top:1px solid var(--auth-border);color:var(--auth-faint);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--font-small);text-transform:uppercase;direction:ltr;grid-template-columns:auto repeat(3,1fr);align-self:end;align-items:center;gap:.9rem;padding-top:1.25rem;display:grid;position:relative}.auth-login__signature span:first-child{color:var(--auth-ink);font-weight:700}.auth-login__panel{background:var(--auth-surface);flex-direction:column;justify-content:center;display:flex}.auth-login__panel-heading{width:100%;max-width:27rem;margin:0 auto 1.75rem}.auth-login__panel-heading h2{color:var(--auth-ink);letter-spacing:-.035em;margin:.9rem 0 .45rem;font-size:clamp(1.9rem,2.4vw,2.55rem);font-weight:900;line-height:1.2}.auth-login__panel-heading p{color:var(--auth-muted);font-size:var(--font-small);margin:0;line-height:1.7}.auth-login__form{gap:1rem;width:100%;max-width:27rem;margin-inline:auto;display:grid}.auth-login__field{gap:.45rem;display:grid}.auth-login__field label{color:var(--auth-ink);font-size:var(--font-small);font-weight:700}.auth-login__control{align-items:center;display:flex;position:relative}.auth-login__control>svg{z-index:1;color:var(--auth-faint);pointer-events:none;position:absolute;inset-inline-start:1rem}.auth-login__control input{border:1px solid var(--auth-border);background:var(--auth-surface-soft);width:100%;min-height:3.35rem;color:var(--auth-ink);font-family:IRANYekanX,Tahoma,sans-serif;font-size:var(--font-body);border-radius:.85rem;outline:0;margin:0;padding:.72rem 2.85rem;transition:border-color .18s,box-shadow .18s,background-color .18s}.auth-login__control input[dir=ltr]{text-align:left}.auth-login__control input::placeholder{color:var(--auth-faint)}.auth-login__control input:hover{border-color:var(--auth-border-strong)}.auth-login__control input:focus{border-color:var(--auth-ink);background:var(--auth-surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--auth-ink) 10%, transparent)}.auth-login__password-toggle{z-index:2;width:2.25rem;height:2.25rem;color:var(--auth-muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;inset-inline-end:.65rem}.auth-login__password-toggle:hover{background:var(--auth-surface);color:var(--auth-ink)}.auth-login__password-toggle:focus-visible{outline:2px solid var(--auth-ink);outline-offset:1px}.auth-login__error{color:#b52626;font-size:var(--font-small);background:#be262612;border:1px solid #be262633;border-radius:.75rem;align-items:flex-start;gap:.55rem;margin:-.25rem 0 0;padding:.8rem .9rem;line-height:1.6;display:flex}.theme-dark .auth-login__error{color:#ff8b8b}.auth-login__success{color:#178348;font-size:var(--font-body);background:#20a45c14;border:1px solid #20a45c3d;border-radius:.75rem;align-items:flex-start;gap:.55rem;margin:-.25rem 0 0;padding:.8rem .9rem;line-height:1.7;display:flex}.auth-login__submit{border:1px solid var(--auth-ink);background:var(--auth-ink);min-height:3.4rem;color:var(--auth-surface);border-radius:.85rem;justify-content:space-between;align-items:center;gap:1rem;margin-top:.4rem;padding:.72rem 1.15rem;font-weight:800;transition:transform .18s,box-shadow .18s,opacity .18s;display:flex}.auth-login__submit svg{transition:transform .18s}.auth-login__submit:hover:not(:disabled){box-shadow:0 14px 30px color-mix(in srgb, var(--auth-ink) 20%, transparent);transform:translateY(-2px)}.auth-login__submit:hover:not(:disabled) svg{transform:translate(-.25rem)}.auth-login__submit:focus-visible{outline:2px solid var(--auth-ink);outline-offset:4px}.auth-login__submit:disabled{cursor:not-allowed;opacity:.48}.auth-login__mode-links{color:var(--auth-muted);font-size:var(--font-body);justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-top:.15rem;display:flex}.auth-login__mode-links p{margin:0}.auth-login__mode-links a{color:var(--auth-ink);font-weight:750;position:relative}.auth-login__mode-links a:after{transform-origin:100%;content:"";background:currentColor;width:100%;height:1px;transition:transform .16s;position:absolute;bottom:-.18rem;right:0;transform:scaleX(0)}.auth-login__mode-links a:hover:after{transform:scaleX(1)}.auth-login__policy{color:var(--auth-faint);font-size:var(--font-small);text-align:center;margin:.25rem 0 0;line-height:1.9}.auth-login__policy a{color:var(--auth-muted);text-decoration:underline;-webkit-text-decoration-color:var(--auth-border-strong);text-decoration-color:var(--auth-border-strong);text-underline-offset:.2rem;font-weight:700}.auth-login__policy a:hover{color:var(--auth-ink);text-decoration-color:currentColor}.auth-login__panel-footer{border-top:1px solid var(--auth-border);gap:.7rem;width:100%;max-width:27rem;margin:1.5rem auto 0;padding-top:1.2rem;display:grid}.auth-login__panel-footer p,.auth-login__panel-footer a{color:var(--auth-muted);font-size:var(--font-body);align-items:center;gap:.5rem;margin:0;display:flex}.auth-login__panel-footer a{width:fit-content;color:var(--auth-ink);font-weight:700}.auth-login__panel-footer a:hover{text-decoration:underline}.auth-login__initializing{border:1px dashed var(--auth-border-strong);min-height:8rem;color:var(--auth-muted);font-size:var(--font-small);border-radius:.85rem;justify-content:center;align-items:center;gap:.7rem;display:flex}.auth-login__spinner{border:2px solid var(--auth-border-strong);border-top-color:var(--auth-ink);border-radius:50%;flex:none;width:1.05rem;height:1.05rem;animation:.7s linear infinite auth-login-spin}.auth-login__spinner--button{border-color:color-mix(in srgb, var(--auth-surface) 35%, transparent);border-top-color:var(--auth-surface)}.auth-login__footer{color:var(--auth-faint);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--font-small);text-transform:uppercase;direction:ltr;justify-content:space-between;align-items:center;gap:1rem;display:flex}.auth-login__lines{z-index:-1;pointer-events:none;position:absolute;inset:0}.auth-login__lines span{background:var(--auth-border);width:1px;position:absolute;top:0;bottom:0}.auth-login__lines span:before{content:"";background:linear-gradient(transparent, var(--auth-ink));opacity:.34;width:1px;height:6rem;animation:9s linear infinite auth-login-line;position:absolute;top:-6rem;left:0}.auth-login__lines span:first-child{left:20%}.auth-login__lines span:nth-child(2){left:40%}.auth-login__lines span:nth-child(2):before{animation-delay:2s}.auth-login__lines span:nth-child(3){left:60%}.auth-login__lines span:nth-child(3):before{animation-delay:4s}.auth-login__lines span:nth-child(4){left:80%}.auth-login__lines span:nth-child(4):before{animation-delay:6s}.auth-login__ambient{z-index:-2;aspect-ratio:1;filter:blur(1px);opacity:.35;border-radius:50%;width:26rem;position:absolute}.auth-login__ambient--one{top:-16rem;border:5rem solid #ffffffb3;inset-inline-start:-8rem}.auth-login__ambient--two{border:6rem solid #1113150b;bottom:-18rem;right:-14rem}.theme-dark .auth-login__ambient--one{border-color:#ffffff09}.theme-dark .auth-login__ambient--two{border-color:#ffffff06}@keyframes auth-login-spin{to{transform:rotate(360deg)}}@keyframes auth-login-line{0%{transform:translateY(0)}to{transform:translateY(calc(100svh + 12rem))}}@media (max-width:1040px){.auth-login__shell{grid-template-columns:minmax(0,1fr) minmax(340px,.9fr)}.auth-login__story,.auth-login__panel{padding:clamp(2rem,4vw,3rem)}.auth-login__story h1{font-size:clamp(2.15rem,4.5vw,3.1rem)}}@media (max-width:820px){.auth-login{min-height:100svh;overflow-y:auto}.auth-login__shell{grid-template-columns:1fr;min-height:0}.auth-login__story{border-inline-end:0;border-bottom:1px solid var(--auth-border);min-height:22rem}.auth-login__story h1{font-size:clamp(2.1rem,7vw,3rem)}.auth-login__story-copy p{max-width:calc(100% - 10rem)}.auth-login__portrait{inset-inline-end:2.5rem;width:10rem;bottom:3.5rem}.auth-login__portrait span{display:none}.auth-login__signature{grid-template-columns:auto repeat(3,auto);justify-content:start}.auth-login__panel{min-height:31rem}}@media (max-width:560px){.auth-login{gap:1.25rem;padding:1rem}.auth-login__secure,.auth-login__brand small{display:none}.auth-login__shell{border-radius:1.1rem}.auth-login__story,.auth-login__panel{padding:1.5rem}.auth-login__story{min-height:19rem}.auth-login__story h1{margin-top:1rem;font-size:clamp(2rem,9vw,2.6rem)}.auth-login__headline-line{white-space:normal}.auth-login__story-copy p{display:none}.auth-login__portrait{inset-inline-end:1.75rem;width:8rem;bottom:1rem}.auth-login__signature{font-size:var(--font-micro);gap:.7rem}.auth-login__signature span:nth-child(3),.auth-login__signature span:nth-child(4){display:none}.auth-login__panel{min-height:29rem}.auth-login__panel-heading{margin-bottom:1.45rem}.auth-login__panel-heading h2{font-size:1.95rem}.auth-login__mode-links{flex-direction:column;align-items:flex-start;gap:.55rem}.auth-login__footer span:last-child{display:none}.auth-login__footer{justify-content:center}}@media (prefers-reduced-motion:reduce){.auth-login *,.auth-login :before,.auth-login :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.auth-login__resend{color:var(--auth-ink);font:inherit;font-size:var(--font-body);text-underline-offset:5px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-weight:700;text-decoration:underline}.auth-login__resend:disabled{opacity:.55;cursor:wait}