.dnsStudio{--red:#ff173d;--edge:#8a1529;color:#f5f5f7;font-family:Arial,system-ui,sans-serif;background:#050506;min-height:80vh;padding:0 22px 28px}.dnsStudio *{box-sizing:border-box}.dnsStudio button,.dnsStudio input{font:inherit}.dnsHero{position:relative;min-height:220px;margin:0 -22px;padding:30px 30px 22px;background:#070708 url(/dns-art.svg) 100%/auto 100% no-repeat;border-bottom:1px solid #571021;overflow:hidden}.dnsHero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050506,#050506e8 27%,#05050600 65%);pointer-events:none}.dnsHero>*{position:relative}.dnsHero h1{font-size:44px;margin:0 0 12px;font-weight:800;letter-spacing:-1.5px;text-shadow:0 2px 2px #000}.dnsHero h1 span{color:#ee1434;text-shadow:0 0 15px #ff002a88}.dnsHero p{color:#c6c6ce;margin:0;font-size:17px}.dnsBreadcrumb{margin-top:25px;font-size:14px;color:#c2c2ca}.dnsNew{position:absolute!important;right:30px;bottom:28px}.dnsButton{background:linear-gradient(#d50d2b,#850419);border:1px solid #ff2246;border-radius:8px;padding:11px 19px;color:white;cursor:pointer;box-shadow:inset 0 0 14px #ff12352b,0 0 12px #e0002120;white-space:nowrap;font-weight:600}.dnsButton:hover{background:#b60a27}.dnsButton:focus-visible,.dnsStudio input:focus{outline:2px solid #ff425f;outline-offset:3px}.dnsButton.secondary{background:linear-gradient(#27272b,#141416);border-color:#45454b;box-shadow:none}.dnsButton.small{padding:9px 16px}.dnsButton.danger{background:linear-gradient(#8c041c,#41000d)}.dnsButton:disabled{opacity:.45;cursor:wait}.dnsNotice{padding:13px 15px;border:1px solid var(--red);background:linear-gradient(90deg,#4d0012,#120408);border-radius:12px;margin:18px 0 20px;color:#ffb7c2;box-shadow:inset 0 0 18px #ff003215;font-size:14px}.dnsPanel{border:1px solid #cc1432;border-radius:16px;background:radial-gradient(ellipse at top left,#1d1115 0,#0b0b0d 40%);box-shadow:0 0 20px #e0002412,inset 0 0 16px #ff00320c;overflow:hidden}.dnsPanelHeading{padding:26px 28px 22px;display:flex;justify-content:space-between;gap:24px;align-items:center}.dnsPanelHeading h2{margin:7px 0;font-size:28px;letter-spacing:-.6px}.dnsPanelHeading p{margin:0;color:#bbbcc5;font-size:14px}.dnsSaved{display:flex;align-items:center;gap:12px;color:#ddd;font-size:15px;min-height:22px}.dnsGlobe{display:inline-flex;align-items:center;justify-content:center;color:#ff2448;width:25px;height:25px;border:2px solid #ff2448;border-radius:50%;font-size:18px;line-height:1;flex-shrink:0}.dnsSearch{display:flex;align-items:center;gap:12px;border:1px solid #4a4a51;border-radius:10px;background:#111114;padding:0 14px;width:310px;max-width:100%;box-shadow:inset 0 1px 5px #000}.dnsSearch input{background:none;border:0;color:white;outline:0;padding:14px 0;width:100%;min-width:0}.dnsTableWrap{padding:0 28px 24px;overflow:auto}.dnsTable{border-collapse:separate;border-spacing:0;width:100%;min-width:850px;border:1px solid #333;border-radius:10px;overflow:hidden;font-size:14px}.dnsTable th{background:linear-gradient(#420d18,#270a11);text-align:left;padding:14px 16px;color:white;border-bottom:1px solid #6a1626}.dnsTable th button{background:none;border:0;color:inherit;cursor:pointer;padding:0;font-weight:600}.dnsTable td{padding:16px;border-bottom:1px solid #2b2b30;vertical-align:middle}.dnsTable tr:last-child td{border-bottom:0}.dnsTable tbody tr{background:#09090b}.dnsTable tbody tr:hover{background:#171014}.dnsTitle{gap:12px;font-weight:600}.dnsEndpoint,.dnsTitle{display:flex;align-items:center}.dnsEndpoint{gap:14px;word-break:break-all}.dnsBadge{display:inline-block;border:1px solid #194b27;background:#062e14;color:#70f69c;border-radius:7px;padding:5px 9px;font-size:12px;font-weight:700}.dnsBadge.off{background:#29292d;color:#aaa;border-color:#444}.dnsState{display:flex;align-items:center;gap:9px}.dnsDot{height:10px;width:10px;display:inline-block;background:#00df48;border-radius:50%;box-shadow:0 0 8px #00d34855}.dnsDot.off{background:#888;box-shadow:none}.dnsActions{display:flex;gap:9px;align-items:center}.dnsIconButton{padding:9px 12px!important}.dnsNotes{padding:20px 28px;border-top:1px solid #7c1426;background:linear-gradient(100deg,#26070f,#0b0b0d)}.dnsNotes strong{color:#ff3e5f;font-size:15px}.dnsNotes p{font-size:13px;line-height:1.6;color:#bec0c9;margin:8px 0 0}.dnsEmpty{padding:30px;text-align:center;color:#aaa}.dnsForm{padding:0 28px 28px}.dnsForm h2{margin-top:0}.dnsForm label{display:block;color:#ccc;margin:20px 0}.dnsForm input:not([type=checkbox]){display:block;width:100%;margin-top:9px;border:1px solid #414149;border-radius:8px;background:#19191e;color:white;padding:15px}.dnsForm input[type=checkbox]{accent-color:#ff173d}.dnsFormActions,.dnsTools{display:flex;gap:12px}.dnsTools{align-items:center}.dnsSortMark{color:#a95667;margin-left:12px}.dnsCopyMessage{color:#78e7a0;font-size:12px}.dnsPreviewTag{font-size:12px;color:#888}@media(max-width:1000px){.dnsPanelHeading{align-items:flex-start;flex-direction:column}.dnsSearch{width:100%}.dnsHero{background-position:60%}.dnsHero h1{font-size:36px}.dnsHero p{max-width:65%;font-size:15px}}@media(max-width:600px){.dnsStudio{padding:0 12px 20px}.dnsHero{margin:0 -12px;padding:25px 20px;min-height:260px}.dnsHero h1{font-size:32px}.dnsHero p{max-width:95%}.dnsNew{left:20px;right:auto;bottom:20px}.dnsNotes,.dnsPanelHeading,.dnsTableWrap{padding:20px}.dnsHero:before{background:#0009}.dnsForm{padding:0 20px 20px}}.dnsHero{background-size:auto 100%;min-height:195px}.dnsHero h1{font-weight:900;color:#f3f3f4;text-shadow:0 2px #777,0 4px #222}.dnsHero h1 span{color:#270008;-webkit-text-stroke:1px #ff173d;text-shadow:0 0 10px #f00038}.dnsPanel{margin-top:20px}.dnsStudio{background:#000}.dnsPanel{background:linear-gradient(145deg,#070304,#010101 45%)}.dnsTable tbody tr{background:#020202}.dnsTable tbody tr:hover{background:#0c0305}.dnsHero{background-color:#000}.dnsHero:before{background:linear-gradient(90deg,#000,#000e 27%,#0000 65%)}.dnsNotes{background:linear-gradient(100deg,#140005,#030001)}.dnsHero{min-height:0;height:clamp(149px,12.07vw,205px);background-image:url(/dns-art-reference.svg);background-size:100% 100%;padding:0;border-bottom:1px solid #341019}.dnsHero:before{display:none}.dnsHero .dnsBreadcrumb,.dnsHero h1,.dnsHero p{opacity:0;pointer-events:none}.dnsHero .dnsNew{bottom:auto;padding:0;width:9.5%;height:26%;opacity:0}.dnsHero .dnsNew:focus-visible{opacity:1;outline:2px solid white;background:#a0001d}.dnsHero .dnsNew:hover{opacity:1;background:#a0001d}.dnsHero{background-size:100% auto;background-position:center 48%;padding:22px 28px}.dnsHero .dnsBreadcrumb,.dnsHero h1,.dnsHero p{opacity:1;pointer-events:auto}.dnsHero h1{font-size:clamp(26px,2.6vw,40px);margin-bottom:10px}.dnsHero p{font-size:15px}.dnsHero .dnsBreadcrumb{margin-top:22px;font-size:13px}.dnsHero .dnsNew{opacity:1;right:1.5%;top:43%;height:auto;width:auto;padding:10px 18px}.dnsHero:before{display:block;background:linear-gradient(90deg,#000b,#0003 37%,transparent 57%)}.dnsBreadcrumb{display:flex;align-items:center;gap:12px}.dnsBreadcrumb a{color:#ddd;text-decoration:none;border-radius:3px}.dnsBreadcrumb a:hover{color:#fff;text-decoration:underline}.dnsBreadcrumb a:focus-visible{outline:2px solid #ff2448;outline-offset:5px}.dnsRefresh{margin-top:24px}.dnsRefreshFields{display:flex;gap:20px;flex-wrap:wrap;margin:18px 0}.dnsRefreshFields label{flex:1 1;min-width:210px}.dnsRefresh select{display:block;width:100%;margin-top:8px;padding:12px;background:#080808;border:1px solid #444;border-radius:6px;color:white}.dnsRefreshHint{color:#aaa;line-height:1.6;max-width:1000px}.dnsRefresh hr{border:0;border-top:1px solid #333;margin:24px 0}.dnsLoginCode{padding:20px;margin:16px 0;background:#160006;border:1px solid #ff2448;border-radius:8px}.dnsLoginCode strong{font-size:32px;letter-spacing:3px}.dnsRefresh *{box-sizing:border-box}.dnsRefresh input:not([type=checkbox]){max-width:100%;min-width:0}.dnsRefreshFields label{min-width:0;flex-basis:230px}