:root{font-family:"Avenir Next","Segoe UI",Arial,sans-serif;color:#1d293e;background:#f3f5fa;font-synthesis:none;font-size:14px;--blue:#3054cf;--blue-dark:#2444b4;--line:#e5e9f2;--muted:#768196;--ink:#1d293e;--radius:10px}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}a{color:inherit}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{display:none}[hidden]{display:none!important}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #9badf4;outline-offset:4px}input,select{width:100%;height:46px;padding:11px 13px;background:#fff;color:var(--ink);border:1px solid #d9dfeb;border-radius:8px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3054cf12}input::placeholder{color:#9da6b5}label{display:block;font-size:13px;font-weight:600;margin:22px 0 8px}label span{color:var(--muted);font-weight:400}h1,h2,p{margin:0}h1{font-size:34px;letter-spacing:-1.3px;line-height:1.25;font-weight:650}h2{font-size:25px;letter-spacing:-.65px;font-weight:650}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh;min-height:100dvh}.sidebar{position:sticky;top:0;height:100vh;height:100dvh;background:#fff;border-right:1px solid var(--line);padding:34px 22px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:24px;letter-spacing:-.9px;font-weight:700}.brand-mark{width:35px;height:35px;background:var(--blue);border-radius:10px;display:grid;place-items:center;color:white}.brand-mark svg{width:22px;height:22px;transform:rotate(28deg)}.sidebar-caption{font-size:11px;color:#929aac;margin:35px 10px 12px}.sidebar nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:none;background:transparent;color:#647087;border-radius:8px;text-align:left;font-weight:550}.nav-item.selected{background:#eef2ff;color:var(--blue)}.nav-item svg{width:18px;height:18px}.nav-count{margin-left:auto;font-size:11px;background:#e7eaf0;color:#8490a4;min-width:22px;padding:2px 6px;text-align:center;border-radius:5px;font-weight:650}.selected .nav-count{background:#dfe6ff;color:var(--blue)}.sidebar-bottom{margin-top:auto}.quiet-button{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:#69758b;padding:11px 8px;text-align:left;font-size:12px}.quiet-button svg{width:16px;height:16px}.environment{display:flex;align-items:flex-start;gap:8px;padding:20px 8px 0;margin-top:17px;border-top:1px solid var(--line)}.environment-dot{width:6px;height:6px;background:#bba46e;border-radius:50%;margin-top:5px}.environment b{display:block;font-size:11px;font-weight:600}.environment span:last-child{font-size:10px;color:#929bad;display:block;margin-top:4px;line-height:1.5;overflow-wrap:anywhere}.workspace{max-width:1550px;width:100%;margin:0 auto;padding:53px 48px}.workspace-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:35px}.breadcrumb{font-size:11px;color:#929aac;margin-bottom:23px;display:flex;align-items:center;gap:11px}.breadcrumb b{font-weight:500;color:#5e6a80}.breadcrumb span{color:#c6ccd8}.workspace-header p{font-size:13px;color:var(--muted);line-height:1.6;margin-top:11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;border-radius:8px;padding:12px 17px;min-height:42px;border:1px solid transparent;text-decoration:none;white-space:nowrap;user-select:none;transition:background .15s,border-color .15s}.button svg{width:17px;height:17px}.button.primary{background:var(--blue);color:white;box-shadow:0 2px 3px #15295b0b}.button.primary:active{background:#1d399b}.button.secondary{background:white;border-color:#dce2ee;color:#536078}.collection{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:310px}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;border-bottom:1px solid var(--line)}.search{display:flex;align-items:center;gap:10px;margin:0;min-width:0;width:100%;max-width:470px;color:#98a2b5}.search svg{width:17px;height:17px}.search input{height:auto;padding:3px 0;border:0;border-radius:0;box-shadow:none;font-size:12px;font-weight:400}.search input:focus{box-shadow:none}.collection-summary{font-size:11px;color:#99a3b5;white-space:nowrap}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;table-layout:fixed}th{font-size:10px;letter-spacing:.1px;font-weight:500;color:#8b96a8;background:#fbfcfe;padding:14px 24px;border-bottom:1px solid #eff1f6}td{padding:21px 24px;border-bottom:1px solid #eef1f6;vertical-align:middle;font-size:12px}tr:last-child td{border-bottom:0}th:first-child{width:35%}th:nth-child(2){width:33%}th:nth-child(3){width:16%}th:last-child{width:16%;min-width:95px}.link-name{color:#4f5c72;font-size:10px;display:block;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.public-address{font-size:13px;font-weight:600;display:block;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.destination-cell{color:#778399;display:flex;align-items:center;gap:10px;min-width:0}.destination-cell svg{color:#bdc6d5;width:14px;height:14px}.destination-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{display:inline-flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap;color:#588976;background:#eff7f3;padding:5px 8px;border-radius:5px}.status::before{content:"";width:4px;height:4px;border-radius:50%;background:#6eaa91}.status.paused{color:#929aaa;background:#f0f2f6}.status.paused::before{background:#9aa3b4}.row-actions{display:flex;justify-content:flex-end;align-items:center;gap:4px}.icon-button{border:0;background:transparent;color:#96a0b2;width:32px;height:34px;padding:7px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.icon-button svg{width:16px;height:16px}.workspace-note{display:flex;align-items:center;gap:7px;justify-content:center;font-size:10px;color:#939daf;line-height:1.5;margin-top:20px}.workspace-note svg{width:12px;height:12px}.empty-state{padding:64px 24px 69px;text-align:center;max-width:460px;margin:auto}.empty-symbol{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#eef2ff;color:var(--blue);margin:0 auto 20px}.empty-symbol svg{width:23px;height:23px}.empty-state h2{font-size:20px;letter-spacing:-.4px;margin-bottom:9px}.empty-state p{font-size:12px;line-height:1.8;color:#8792a5;margin-bottom:22px}.no-results{font-size:13px;color:var(--muted);padding:65px 20px;text-align:center}.domain-name{display:flex;gap:12px;align-items:center;min-width:0}.domain-name>.domain-symbol{color:#788aa9;background:#f3f6fb;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.domain-name div:last-child{min-width:0}.domain-name strong{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:block}.domain-name small{display:block;color:#a0a9b9;font-size:10px;margin-top:4px}.dns-status{color:#8490a2;font-size:10px;display:flex;align-items:center;gap:5px}.dns-status::before{content:"";width:5px;height:5px;background:#c8ad79;border-radius:50%}.text-button{border:0;background:transparent;color:var(--blue);font-size:11px;font-weight:550;padding:5px 0}.field-heading{display:flex;justify-content:space-between;align-items:end}.field-heading .text-button{margin-bottom:4px}.domain-table th:first-child{width:40%}.domain-table th:nth-child(2){width:20%}.domain-table th:nth-child(3){width:25%}.domain-table th:last-child{width:15%}
dialog{border:1px solid var(--line);border-radius:16px;padding:0;color:var(--ink);box-shadow:0 28px 90px #1a29442c;width:calc(100% - 40px);max-height:calc(100dvh - 50px);overflow:auto}dialog::backdrop{background:#26365060;backdrop-filter:blur(3px)}.editor-dialog{max-width:980px}.dialog-header{padding:26px 30px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-kicker{display:block;font-size:10px;color:#929bad;margin-bottom:7px}.dialog-header .icon-button{align-self:start}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 365px}.editor-fields{padding:7px 30px 27px}.field-help{font-size:10px;line-height:1.7;color:#929bad;margin-top:7px;overflow-wrap:anywhere}.preview-pane{background:#f4f6fb;border-left:1px solid var(--line);padding:28px 25px}.preview-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;color:#7d89a0;margin-bottom:19px;gap:5px}.template-tag{font-size:8px;background:#e9edf6;color:#8793a9;padding:4px 6px;border-radius:4px;font-weight:400}.page-preview{border:1px solid #e1e6f0;border-radius:18px;overflow:hidden;background:#f5f7fa;box-shadow:0 12px 28px #20314a06}.preview-address{height:40px;background:#fff;border-bottom:1px solid #edf0f6;display:flex;align-items:center;justify-content:center;gap:5px;color:#8f9aaf;font-size:9px}.preview-address svg{width:10px;height:10px}.preview-address span{max-width:235px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iframe-holder{height:390px;overflow:hidden;position:relative}.iframe-holder iframe{position:absolute;inset:0;width:390px;height:488px;border:0;transform:scale(.8);transform-origin:top left;pointer-events:none;background:#f5f7fa}.preview-note{font-size:10px;line-height:1.8;color:#9ba4b6;margin:16px 7px 0}.switch-row{display:flex;align-items:center;gap:10px;margin-top:28px;cursor:pointer;position:relative}.switch-row input{position:absolute;width:39px;height:23px;opacity:0;margin:0}.switch-track{width:35px;height:21px;border-radius:12px;background:#d3d9e6;position:relative;flex-shrink:0;transition:background .15s}.switch-track::after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:50%;background:white;box-shadow:0 1px 2px #0002;transition:transform .15s}.switch-row input:checked+.switch-track{background:var(--blue)}.switch-row input:checked+.switch-track::after{transform:translateX(14px)}.switch-row input:focus-visible+.switch-track{outline:3px solid #a9baf4;outline-offset:3px}.switch-row b{font-size:11px;font-weight:550;color:#4e5c73}.switch-row small{display:block;font-size:9px;color:#9aa4b5;margin-top:3px;font-weight:400}.dialog-footer{padding:18px 30px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px;background:#fff}.delete-link{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#ad777c;font-size:10px;padding:20px 0 0}.delete-link svg{width:13px;height:13px}.domain-dialog{max-width:510px}.dialog-body{padding:0 30px 28px}.dns-note{display:flex;gap:12px;align-items:start;padding:17px;background:#f5f7fc;border-radius:9px;margin-top:22px;color:#8b9ab4}.dns-note>svg{margin-top:1px;width:18px;height:18px}.dns-note b{font-size:11px;color:#586a89;font-weight:550}.dns-note p{font-size:10px;line-height:1.8;margin-top:6px;color:#8c99af}.dns-record{border:1px solid var(--line);border-radius:8px;padding:14px;margin-top:16px;display:grid;gap:10px;font-size:12px}.dns-record span{display:flex;justify-content:space-between;gap:15px;color:#8b96a9}.dns-record b{color:#435674;font-weight:550;overflow-wrap:anywhere}.dns-copy{font-size:12px;line-height:1.9;color:#8490a5;margin-top:22px}.form-error{font-size:11px;line-height:1.7;background:#fff0f1;color:#b44e5c;border-radius:7px;padding:10px 12px;margin-top:16px}.toast{position:fixed;bottom:max(25px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:1000;background:#233654;color:#fff;padding:12px 20px;border-radius:9px;box-shadow:0 7px 22px #0d1d3d20;font-size:12px;max-width:calc(100% - 30px);text-align:center}.toast.error{background:#9c4554}.loading-state{display:grid;place-items:center;min-height:100dvh;font-size:13px;color:#8b97ad}.login-view{display:grid;place-items:center;min-height:100dvh;padding:30px}.login-panel{width:100%;max-width:390px}.login-panel .brand{margin-bottom:55px}.login-panel h1{font-size:31px}.login-panel>p{font-size:13px;color:#8a96aa;line-height:1.8;margin:14px 0 30px}.login-panel .button{width:100%;margin-top:18px}
@media(hover:hover) and (pointer:fine){.button.primary:hover{background:var(--blue-dark)}.button.secondary:hover{border-color:#b7c3dc;background:#f9faff}.icon-button:hover{background:#eef2fa;color:#435b8c}.nav-item:hover:not(.selected){background:#f6f8fc}.quiet-button:hover,.public-address:hover{color:var(--blue)}.text-button:hover{text-decoration:underline}tbody tr:hover{background:#fcfdff}.delete-link:hover{color:#a33448}}
@media(max-width:1150px){.app-shell{grid-template-columns:196px 1fr}.sidebar{padding:30px 15px 22px}.workspace{padding:43px 28px}.workspace-header{gap:15px}.workspace-header p{max-width:420px}.collection-toolbar{padding:18px 20px}td,th{padding-left:19px;padding-right:19px}th:nth-child(2){width:28%}th:last-child{width:21%}.row-actions{gap:0}}
@media(max-width:800px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:18px 22px;display:grid;grid-template-columns:1fr auto;gap:18px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:21px}.brand-mark{width:30px;height:30px;border-radius:8px}.sidebar-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;align-items:center}.nav-item{width:auto;padding:9px 10px;gap:7px;font-size:12px}.nav-count{font-size:9px;min-width:18px}.workspace{padding:31px 22px}.breadcrumb{display:none}.workspace-header{align-items:flex-start;margin-bottom:25px}.workspace-header h1{font-size:28px}.workspace-header p{font-size:11px;max-width:310px;margin-top:9px}.workspace-header .button{font-size:11px;padding:11px 12px}.collection-summary{display:none}table{min-width:675px}.domain-table{min-width:600px}.workspace-note{align-items:flex-start;justify-content:flex-start;font-size:9px}.editor-layout{grid-template-columns:1fr 335px}.editor-fields{padding-left:24px;padding-right:24px}.preview-pane{padding-left:15px;padding-right:15px}.iframe-holder iframe{transform:scale(.77);height:507px}.dialog-header{padding:23px 24px}.dialog-footer{padding:17px 24px}}
@media(max-width:660px){.sidebar{padding:17px 16px;gap:8px}.nav-count{display:none}.nav-item svg{display:none}.brand{font-size:20px}.workspace{padding:27px 16px}.workspace-header{flex-wrap:wrap;gap:20px}.workspace-header p{max-width:none}.workspace-header .button{min-height:42px}.collection-toolbar{padding:16px}.search input{font-size:11px}.empty-state{padding-top:43px;padding-bottom:46px}.editor-layout{grid-template-columns:1fr}.preview-pane{border-left:0;border-top:1px solid var(--line);padding:22px 24px}.page-preview{max-width:314px;margin:auto}.preview-heading,.preview-note{max-width:314px;margin-left:auto;margin-right:auto}.iframe-holder iframe{transform:scale(.8);height:488px}.dialog-header h2{font-size:23px}dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:13px}.editor-fields{padding-bottom:22px}.dialog-footer{position:sticky;bottom:0}.dialog-body{padding-left:24px;padding-right:24px}.form-error{font-size:12px}input,select{font-size:16px}.collection{min-height:300px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Room for domain connection, details, and removal controls. */
.domain-table{min-width:730px}.domain-table th:first-child{width:34%}.domain-table th:nth-child(2){width:16%}.domain-table th:nth-child(3){width:26%}.domain-table th:last-child{width:24%}.dns-status{white-space:nowrap}.dns-status.attached{color:#588976}.dns-status.attached::before{background:#6eaa91}