.domains-heading{justify-content:space-between;align-items:center;gap:24px;margin:4px 0 24px;display:flex}.domains-heading h1{margin:0 0 8px;font-size:28px;line-height:1.2}.domains-heading p{color:var(--muted);max-width:60ch;margin:0}.domains-heading .page-actions{flex-shrink:0}.domains-views{border-bottom:1px solid var(--line);gap:24px;margin-bottom:28px;display:flex}.domains-views button{color:var(--muted);min-height:48px;font:600 14px var(--font);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 0;display:flex}.domains-views button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.domains-views button:hover{color:var(--text)}.dns-manager .dns-workspace{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:28px;min-height:0}.dns-manager .dns-zone-list{background:0 0;border:0;border-radius:0}.dns-manager .dns-zone-list>header{border:0;min-height:0;padding:0 0 16px}.dns-manager .dns-zone-list>header b{font-size:15px}.dns-manager .dns-zone-list>header span{letter-spacing:0;font-size:12px;font-weight:400}.dns-manager .dns-zone-list>header>button{width:40px;height:40px}.dns-zone-search{border:1px solid var(--control-border);background:var(--surface);color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.dns-zone-search input{width:100%;min-width:0;color:var(--text);height:40px;font:13px var(--font);background:0 0;border:0}.dns-manager .dns-zone-list>div{gap:8px;padding:12px 0}.dns-manager .dns-zone-list>div>button{grid-template-columns:20px minmax(0,1fr) 14px;gap:12px;min-height:72px;padding:12px}.dns-manager .dns-zone-list>div>button b{overflow-wrap:anywhere;white-space:normal;font-size:13px}.dns-manager .dns-zone-list>div>button small{font-size:12px}.dns-manager .dns-zone-list>div>button.active{background:var(--surface);border-color:var(--line);color:var(--accent)}.dns-sidebar-note{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.6}.dns-zone-content{min-width:0}.dns-mobile-select{display:none}.cf-connection{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:0 0 20px}.cf-toggle{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:16px 20px;display:flex}.cf-toggle>span{flex:1}.cf-toggle strong{font-size:14px;display:block}.cf-toggle small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.cf-toggle[aria-expanded=true]>svg:last-child{transform:rotate(90deg)}.cf-settings{border-top:1px solid var(--line);padding:0 20px 20px}.cf-settings>p{color:var(--text-soft);margin:16px 0;font-size:13px;line-height:1.6}.cf-token-link{color:var(--accent);text-underline-offset:3px;align-items:center;gap:8px;font-size:13px;text-decoration:underline;display:inline-flex}.cf-settings form{gap:16px;margin-top:20px;display:grid}.cf-settings label{gap:8px;font-size:13px;font-weight:600;display:grid}.cf-settings label small{color:var(--muted);font-size:12px;font-weight:400}.cf-settings input{border:1px solid var(--control-border);background:var(--surface);width:100%;min-width:0;height:44px;color:var(--text);font:13px var(--font);border-radius:8px;padding:10px 12px}.cf-actions{flex-wrap:wrap;gap:12px;display:flex}.cf-settings .cf-note{color:var(--muted);margin-bottom:0;font-size:12px}.cf-message{color:var(--text-soft);padding:0 20px 16px;font-size:13px}.cf-message.error{color:var(--danger)}.dns-record-actions{flex-direction:column;align-items:center;gap:4px;display:flex}.cf-publish{min-height:40px;font:600 11px var(--font);color:var(--accent);background:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:6px;display:flex}.cf-publish:hover{background:var(--surface-2)}.dns-manager .dns-table.cf-enabled th:nth-child(2){width:29%}.dns-manager .dns-table.cf-enabled th:last-child{width:14%}@media (max-width:600px){.cf-toggle{padding:16px}.cf-settings{padding:0 16px 16px}.dns-record-actions{flex-direction:row}.cf-publish{min-width:70px}}.dns-manager .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.dns-selected-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.dns-selected-heading h2{overflow-wrap:anywhere;margin:0 0 4px;font-size:24px;line-height:1.3}.dns-selected-heading p{color:var(--muted);margin:0;font-size:12px}.dns-selected-heading .button{flex-shrink:0}.dns-public-panel{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-bottom:24px;padding:20px}.dns-public-panel.attention{background:color-mix(in srgb,var(--warning) 5%,var(--surface));border-color:color-mix(in srgb,var(--warning) 28%,var(--line))}.dns-public-summary{justify-content:space-between;align-items:start;gap:20px;display:flex}.dns-public-summary .button{flex-shrink:0}.dns-public-title{align-items:start;gap:12px;display:flex}.dns-public-title>svg{color:var(--muted);flex:none;margin-top:2px}.dns-public-title h3{overflow-wrap:anywhere;margin:0 0 6px;font-size:15px;font-weight:650}.dns-public-title p{color:var(--text-soft);max-width:65ch;margin:0;font-size:13px;line-height:1.6}.dns-public-facts{color:var(--muted);flex-wrap:wrap;gap:24px;margin:16px 0;font-size:12px;display:flex}.dns-public-facts strong{color:var(--text-soft);overflow-wrap:anywhere;margin-top:4px;font-weight:500;display:block}.dns-next-step{border-top:1px solid var(--line);align-items:start;gap:10px;padding-top:16px;display:flex}.dns-next-step>svg{color:var(--text-soft);flex:none;margin-top:2px}.dns-next-step p{color:var(--text-soft);margin:0;font-size:13px;line-height:1.6}.dns-next-step a{text-underline-offset:3px;color:var(--accent);white-space:nowrap;text-decoration:underline}.dns-check-note{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.6}.dns-public-error{color:var(--danger);align-items:center;gap:8px;font-size:13px;display:flex}.dns-records-heading{justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.dns-records-heading>div{flex-wrap:wrap;align-items:baseline;gap:8px 16px;display:flex}.dns-records-heading h3{margin:0;font-size:16px}.dns-local-state{color:var(--muted);font-size:12px}.dns-manager .dns-toolbar{gap:12px;padding:0 20px 16px}.dns-manager .dns-toolbar>label:first-child{flex:1;width:auto;min-width:0;max-width:none}.dns-manager .dns-toolbar .dns-type-filter{width:auto;max-width:none;color:var(--muted);background:0 0;border:0;flex-shrink:0;gap:8px;font-size:12px;display:flex}.dns-type-filter select{border:1px solid var(--control-border);background:var(--surface);max-width:140px;min-height:40px;color:var(--text);border-radius:8px;padding:8px}.dns-manager .dns-table{table-layout:fixed;width:100%;min-width:0}.dns-manager .dns-table th{font-size:11px}.dns-manager .dns-table :is(th,td){padding:14px 12px}.dns-manager .dns-table th:first-child{width:20%}.dns-manager .dns-table th:nth-child(2){width:35%}.dns-manager .dns-table th:nth-child(3){width:25%}.dns-manager .dns-table th:nth-child(4){width:12%}.dns-manager .dns-table th:last-child{width:8%}.dns-manager .dns-table td:first-child b{overflow-wrap:anywhere;font-size:13px;display:block}.dns-manager .dns-table .dns-type{min-width:32px;margin-top:6px;font-size:10px}.dns-manager .dns-value{max-width:none}.dns-manager .dns-value code{white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.6;overflow:visible}.dns-manager .dns-value small,.dns-answer{color:var(--muted);white-space:normal;overflow-wrap:anywhere;margin-top:4px;font-size:11px;display:block}.dns-public-record{white-space:normal;font-size:12px;font-weight:500}.dns-public-record.matching{color:var(--success)}.dns-public-record.missing{color:var(--danger)}.dns-public-record:is(.unchecked,.unknown,.different){color:var(--muted)}.dns-manager .table-action{min-width:36px;min-height:40px}.dns-advanced{border-bottom:1px solid var(--line);margin-top:16px}.dns-advanced>summary{cursor:pointer;color:var(--text-soft);align-items:center;gap:12px;padding:16px 0;list-style:none;display:flex}.dns-advanced>summary::-webkit-details-marker{display:none}.dns-advanced>summary>span{flex:1;font-weight:600}.dns-advanced>summary small{color:var(--muted);margin-top:4px;font-size:12px;font-weight:400;display:block}.dns-advanced[open]>summary>svg:last-child{transform:rotate(90deg)}.dns-advanced>.panel{margin:0 0 16px}.dns-load-message{color:var(--muted);align-items:center;gap:12px;padding:20px;display:flex}.dns-native-dialog{background:var(--surface);width:min(620px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--text);border:0;border-radius:12px;padding:0}.dns-native-dialog::backdrop{background:#0a0f188c}.dns-native-dialog .modal-card{width:100%;max-height:none;box-shadow:none;margin:0}.dns-native-dialog .modal-head button{min-width:40px;min-height:40px}@media (max-width:1200px){.domains-heading{flex-direction:column;align-items:start;gap:16px}.dns-manager .dns-workspace{grid-template-columns:200px minmax(0,1fr);gap:20px}.dns-public-summary{flex-wrap:wrap;gap:12px}}@media (max-width:1000px){.dns-manager .dns-workspace{grid-template-columns:1fr}.dns-manager .dns-zone-list>div{display:flex;overflow-x:auto}.dns-manager .dns-zone-list>div>button{min-width:220px;max-width:260px}.dns-sidebar-note{margin-bottom:12px}}@media (max-width:600px){.domains-heading h1{font-size:26px}.domains-heading .page-actions{flex-wrap:wrap;width:100%;display:flex}.domains-heading .page-actions .button{white-space:nowrap;flex:1}.domains-views{gap:20px;margin-bottom:20px}.domains-views button{font-size:13px}.dns-selected-heading{align-items:start;gap:12px}.dns-selected-heading h2{font-size:21px}.dns-public-panel{padding:16px}.dns-public-title{gap:8px}.dns-manager .dns-toolbar{flex-direction:column;align-items:stretch;padding:0 16px 16px}.dns-manager .dns-toolbar .dns-type-filter{justify-content:space-between;padding:0}.dns-records-heading{padding:16px}.dns-manager .dns-zone-list>div,.dns-manager .dns-zone-search,.dns-manager .dns-sidebar-note{display:none}.dns-mobile-select{color:var(--muted);gap:8px;font-size:13px;display:grid}.dns-mobile-select select{border:1px solid var(--control-border);width:100%;min-height:44px;color:var(--text);background:var(--surface);border-radius:8px;padding:10px 12px}.dns-records-heading .button{white-space:nowrap}.dns-manager .dns-table{min-width:0;display:block}.dns-manager .dns-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.dns-manager .dns-table tbody{display:block}.dns-manager .dns-table tr{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;height:auto;min-height:0;padding:16px;display:grid}.dns-manager .dns-table td{white-space:normal;border:0;width:auto;height:auto;min-height:0;padding:0}.dns-manager .dns-table td:first-child{grid-area:1/1;align-items:center;gap:8px;display:flex}.dns-manager .dns-table .dns-type{margin:0}.dns-manager .dns-table td:nth-child(2){grid-area:2/1/auto/-1}.dns-manager .dns-table td:nth-child(3){grid-area:3/1}.dns-manager .dns-table td:nth-child(3):before{content:"Public IPv4: ";color:var(--muted);font-size:12px}.dns-manager .dns-table td:nth-child(4){color:var(--muted);grid-area:3/2;font-size:12px}.dns-manager .dns-table td:nth-child(4):before{content:"TTL "}.dns-manager .dns-table td:last-child{grid-area:1/2;justify-self:end}.dns-manager .dns-table tr:last-child{border-bottom:0}.dns-manager .empty-state{padding:24px 16px}}