:root{color-scheme:light;--bg:#fff;--subtle:#fafafa;--hover:#f3f3f3;--active:#ebebeb;--line:#e6e6e6;--text:#191919;--muted:#858585;--primary:#191919;--on-primary:#fff;--field:#fff;--danger:#ae4945;--danger-bg:#fcf0ef;--shadow:#00000018;--orange:#be7730;--dot:#29945b;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px;background:var(--bg);color:var(--text)}:root[data-theme=dark]{color-scheme:dark;--bg:#111112;--subtle:#141415;--hover:#1c1c1e;--active:#242426;--line:#29292c;--text:#ededee;--muted:#8b8b92;--primary:#eeeef0;--on-primary:#171719;--field:#171719;--danger:#e08a83;--danger-bg:#2c1b1b;--shadow:#00000055;--orange:#dda557;--dot:#5db981}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;min-width:40px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text);cursor:pointer;padding:10px 14px;font-weight:500}button:hover{background:var(--hover)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,summary:focus-visible{outline:2px solid var(--muted);outline-offset:2px}.primary{background:var(--primary);color:var(--on-primary)}.primary:hover{background:var(--primary);opacity:.85}.secondary{background:var(--hover)}.danger{background:var(--danger-bg);color:var(--danger)}.full{width:100%}.icon-button{padding:10px;min-width:42px;height:42px;flex-shrink:0}.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}.brand{display:flex;align-items:center;gap:10px}.brand strong{font-size:19px;letter-spacing:-.5px}.logo{display:grid;place-items:center;width:33px;height:33px;border:1px solid var(--line);border-radius:9px;font-weight:800;font-size:19px;letter-spacing:-1px;background:var(--subtle)}.muted{color:var(--muted);font-size:13px;line-height:1.75}h1,h2,h3,p{margin-top:0}h2{font-size:19px;letter-spacing:-.3px;line-height:1.4;overflow-wrap:anywhere}h3{font-size:14px;font-weight:600;margin-bottom:12px}.eyebrow{font-size:12px;letter-spacing:1.5px;color:var(--muted);margin-bottom:14px}label{display:block;font-size:13px;margin:18px 0;color:var(--text)}input,select,textarea{width:100%;min-width:0;min-height:44px;padding:11px 12px;border:1px solid var(--line);border-radius:7px;background:var(--field);color:var(--text);display:block;margin-top:8px}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus{outline:2px solid var(--muted);outline-offset:1px}textarea{resize:vertical;line-height:1.6}.search{margin:0}.search>span{display:none}.search input{margin:0;font-size:13px}.help{font-size:12px;color:var(--muted);line-height:1.65;margin:8px 0;display:block}.hint{font-size:12px;color:var(--muted);line-height:1.8;padding:13px;background:var(--subtle);border:1px solid var(--line);border-radius:7px;margin:18px 0}.error{font-size:13px;color:var(--danger);line-height:1.65;overflow-wrap:anywhere}.error:empty{display:none}.app{height:100dvh;display:grid;grid-template-columns:248px 365px minmax(0,1fr);overflow:hidden}.pane{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg)}.sidebar,.record-pane{border-right:1px solid var(--line)}.sidebar-brand{padding:22px 18px;height:76px;flex-shrink:0}.workspace-tag{font-size:12px;color:var(--muted);margin-left:auto}.sidebar-top{padding:0 14px;flex-shrink:0}.sidebar-top>.primary{justify-content:flex-start;margin-bottom:14px;font-weight:600}.list-heading{display:flex;align-items:center;gap:9px;min-height:44px;margin:16px 0 4px;padding:0 10px;background:var(--active);border-radius:7px}.list-heading strong{font-weight:500;font-size:13px}.count{font-size:12px;color:var(--muted);margin-left:auto}.scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.zone-list{flex:1;padding:5px 14px 18px;min-height:100px}.zone{display:block;width:100%;text-align:left;padding:12px;border-radius:7px;margin:3px 0;white-space:normal;overflow-wrap:anywhere}.zone.active{background:var(--active)}.zone-name{display:block;font-size:13px;font-weight:600;line-height:1.5}.zone small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:5px;line-height:1.4}.sidebar-footer{padding:12px 14px 10px;border-top:1px solid var(--line);flex-shrink:0}.connection{display:flex;align-items:center;gap:8px;padding:0 10px 9px;font-size:12px;color:var(--muted);line-height:1.5}.dot{width:6px;height:6px;border-radius:50%;background:var(--dot);flex-shrink:0}.nav-button{width:100%;justify-content:flex-start;font-size:13px;padding:10px}.footer-tools{display:flex;align-items:center;gap:4px;border-top:1px solid var(--line);margin-top:8px;padding-top:5px}.username{font-size:12px;color:var(--muted);padding-left:10px;flex:1;overflow-wrap:anywhere;min-width:0}.pane-heading{display:flex;align-items:center;gap:10px;min-height:65px;padding:12px 18px;border-bottom:1px solid var(--line);flex-shrink:0;font-weight:600}.pane-heading h1{font-size:15px;font-weight:600;margin:0;flex:1;min-width:0;overflow-wrap:anywhere}.pane-heading>.icon-button{margin-left:auto}.detail-hint{font-size:12px;letter-spacing:1.5px;margin-left:auto}.record-content{display:flex;flex-direction:column;flex:1;min-height:0}.record-toolbar{padding:14px 16px 6px;border-bottom:1px solid var(--line);flex-shrink:0}.toolbar-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;color:var(--muted);font-size:12px}.toolbar-line .count{margin-left:5px}.small-button{font-size:12px;padding:10px}.records{flex:1}.record{display:block;width:100%;text-align:left;border-radius:0;padding:18px;border-bottom:1px solid var(--line);min-height:104px;white-space:normal}.record.active{background:var(--active)}.record-title{display:flex;align-items:flex-start;gap:9px;min-width:0}.record-title strong{font-size:13px;font-weight:600;overflow-wrap:anywhere;min-width:0;line-height:1.5}.type{font-size:12px;color:var(--muted);min-width:37px;padding:3px 5px;border-radius:4px;border:1px solid var(--line);text-align:center;flex-shrink:0;line-height:1.1}.record-content-text{display:block;color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere;word-break:break-word;margin:9px 0;font-weight:400}.record-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px;font-weight:400;line-height:1.5}.orange{color:var(--orange)}.center-empty{display:flex;flex:1;min-height:280px;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 22px;color:var(--muted)}.center-empty h2{font-size:16px;color:var(--text);font-weight:500;margin:18px 0 8px}.center-empty p{font-size:13px;line-height:1.8}.empty-icon{width:56px;height:56px;border-radius:50%;padding:15px;fill:none;stroke:var(--muted);stroke-width:1.5;background:var(--hover);stroke-linecap:round;stroke-linejoin:round}.empty{text-align:center;padding:34px 18px;font-size:13px;line-height:1.8;color:var(--muted)}.inspector-scroll{flex:1;display:flex;flex-direction:column}.overview,.editor{padding:32px;max-width:730px;width:100%;margin:0 auto}.overview h2{font-size:26px}.meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0 32px}.pill{font-size:12px;padding:6px 10px;border:1px solid var(--line);background:var(--subtle);border-radius:5px}.info-section{padding:24px 0;border-top:1px solid var(--line)}.nameservers{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text);font-size:13px;line-height:1.7;overflow-wrap:anywhere}.nameservers>div{padding:12px 14px;margin-bottom:8px;border:1px solid var(--line);border-radius:7px;background:var(--subtle)}.editor-heading{display:flex;gap:8px;align-items:center;margin-left:-10px}.editor-heading h2{margin:0;font-size:20px}.editor-domain{margin:4px 0 22px;overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.form-grid label{margin-top:0;margin-bottom:0}.editor-actions{display:flex;gap:10px;flex-wrap:wrap;padding-top:16px;margin-top:24px;border-top:1px solid var(--line)}.editor-actions .primary{flex:1}.mobile-tabs{display:none}#notice{position:fixed;bottom:22px;right:22px;z-index:20;max-width:min(480px,calc(100vw - 32px));padding:14px 18px;background:var(--text);color:var(--bg);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 30px var(--shadow);font-size:13px;line-height:1.6;overflow-wrap:anywhere}#notice.bad{background:var(--danger-bg);color:var(--danger)}dialog{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:26px;width:480px;max-width:calc(100vw - 24px);max-height:90dvh;overflow:auto;box-shadow:0 24px 90px var(--shadow)}dialog::backdrop{background:#00000065;backdrop-filter:blur(3px)}.dialog-heading{display:flex;gap:12px;justify-content:space-between;align-items:center}.dialog-heading h2{margin:0}.dialog-heading+p{margin-top:18px}dialog form>.primary{margin-top:8px}a{display:inline-flex;align-items:center;min-height:42px;color:var(--text);font-size:13px;overflow-wrap:anywhere}.login-view{min-height:100dvh;display:grid;place-items:center;padding:28px 16px;background:var(--subtle)}.login-card{width:100%;max-width:410px;padding:34px;border:1px solid var(--line);border-radius:14px;background:var(--bg);box-shadow:0 12px 48px var(--shadow)}.login-card .brand{margin-bottom:34px}.login-card h1{font-size:27px;letter-spacing:-1px;margin-bottom:10px}.login-card .eyebrow{margin-bottom:12px}.login-card form{margin-top:24px}.login-card>small{display:block;color:var(--muted);font-size:12px;text-align:center;margin-top:26px}.login-theme{position:fixed;top:20px;right:20px;border:1px solid var(--line);background:var(--bg);padding:10px}[hidden]{display:none!important}@media(min-width:901px) and (max-width:1200px){.app{grid-template-columns:215px 315px minmax(0,1fr)}.overview,.editor{padding:24px}.workspace-tag{display:none}}@media(max-width:900px){.app{height:100dvh;grid-template-columns:minmax(0,1fr);grid-template-rows:54px minmax(0,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobile-tabs{display:flex;border-bottom:1px solid var(--line);background:var(--subtle);padding:5px 8px;gap:4px}.mobile-tabs button{flex:1;font-size:13px;min-width:0;min-height:42px;padding:9px 6px}.mobile-tabs button.active{background:var(--active);font-weight:600}.pane{border-right:0;display:none}.app[data-mobile=domains] [data-column=domains],.app[data-mobile=records] [data-column=records],.app[data-mobile=detail] [data-column=detail]{display:flex}.sidebar-brand{height:70px}.zone-list{min-height:80px}.sidebar-footer{padding-bottom:8px}.overview,.editor{padding:24px;max-width:650px}.pane-heading{min-height:62px}.record{padding:17px 20px}.inspector-scroll .center-empty{min-height:300px}#notice{bottom:16px;right:16px}.center-empty{min-height:200px}.detail-hint{font-size:12px}}@media(max-width:360px){.overview,.editor{padding:20px}.login-card{padding:26px 22px}.form-grid{gap:12px}dialog{padding:20px}.dialog-heading{gap:8px}.dialog-heading h2{font-size:17px}.mobile-tabs button{font-size:12px}}

/* Mobile navigation stays on the left; content panes keep independent scrolling. */
@media(max-width:900px){.app{grid-template-columns:60px minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.mobile-tabs{grid-column:1;grid-row:1;flex-direction:column;align-items:stretch;border-bottom:0;border-right:1px solid var(--line);padding:12px 5px;gap:8px;padding-left:max(5px,env(safe-area-inset-left))}.mobile-tabs button{flex:0 0 auto;flex-direction:column;gap:6px;min-height:64px;padding:8px 2px;font-size:12px;line-height:1.4;text-align:center;white-space:normal}.mobile-tabs .icon{width:20px;height:20px}.pane{grid-column:2;grid-row:1}.sidebar-brand{padding:18px 14px}.workspace-tag{display:none}.sidebar-top{padding:0 10px}.zone-list{padding:5px 10px 12px}.sidebar-footer{padding:10px}.pane-heading{padding:10px 14px}.overview,.editor{padding:20px 16px}.record{padding:16px 14px}.record-toolbar{padding:12px 12px 6px}.detail-hint{display:none}.overview h2{font-size:23px}.center-empty{padding:28px 16px}}
@media(max-width:360px){.form-grid{grid-template-columns:minmax(0,1fr);gap:16px}.toolbar-line{flex-wrap:wrap}.sidebar-brand{gap:7px}.sidebar-brand strong{font-size:17px}.nav-button{padding:10px 6px;font-size:12px}.connection{padding-left:6px;font-size:12px}}

.mobile-bar,.drawer-heading,.menu-backdrop{display:none}
@media(max-width:900px){.app{grid-template-columns:minmax(0,1fr);grid-template-rows:54px minmax(0,1fr)}.mobile-bar{display:flex;grid-column:1;grid-row:1;align-items:center;gap:10px;padding:5px 12px;border-bottom:1px solid var(--line);background:var(--bg)}.mobile-bar strong{font-size:15px}.pane{grid-column:1;grid-row:2}.mobile-tabs{display:none;position:fixed;inset:0 auto 0 0;width:min(280px,80vw);height:100dvh;z-index:41;padding:20px 12px;padding-top:max(20px,env(safe-area-inset-top));background:var(--subtle);border-right:1px solid var(--line);box-shadow:12px 0 40px var(--shadow);overflow:auto}.app.menu-open .mobile-tabs{display:flex}.drawer-heading{display:flex;align-items:center;justify-content:space-between;padding:0 10px 20px}.drawer-heading strong{font-size:18px}.drawer-heading button{font-size:25px}.mobile-tabs button[data-pane]{flex-direction:row;justify-content:flex-start;min-height:50px;padding:12px 16px;gap:14px;font-size:14px}.mobile-tabs .icon{width:20px;height:20px}.menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:40;background:#0008;border:0;border-radius:0;padding:0;min-height:100dvh;width:100%;cursor:default}}

@media(max-width:900px){.mobile-tabs .drawer-heading #menuClose{width:44px;min-width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:8px}}

/* Workspace sections: domains is the login landing page; editing stays inside records. */
.app{grid-template-rows:58px minmax(0,1fr)}.mobile-bar{display:flex;grid-column:1/-1;grid-row:1;align-items:center;gap:12px;padding:7px 16px;border-bottom:1px solid var(--line);padding-right:68px}.mobile-bar strong{font-size:16px}.desktop-nav{display:flex;margin-left:22px;gap:6px}.desktop-nav button.active{background:var(--active)}#menuToggle{display:none}.fixed-theme{position:fixed;top:8px;right:14px;z-index:30;background:var(--bg)}.app>.pane{grid-row:2}.app .sidebar{grid-column:1}.app .record-pane{grid-column:2}.app .inspector{grid-column:3}.settings-page{grid-column:1/-1;grid-row:2;padding:36px max(24px,calc((100vw - 1000px)/2));min-height:0}.settings-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:30px}.settings-heading h1{font-size:27px;margin-bottom:10px}.accounts-list{display:grid;gap:14px;margin:20px 0 36px}.account-card{border:1px solid var(--line);padding:20px;border-radius:10px;display:flex;align-items:center;gap:18px;justify-content:space-between}.account-info{min-width:0}.account-id{font-family:monospace;overflow-wrap:anywhere;font-size:12px;color:var(--muted)}.token-status{font-size:13px;overflow-wrap:anywhere;color:var(--muted);line-height:1.7;margin:10px 0}.account-actions{display:flex;gap:8px;flex-shrink:0}.security-settings{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:26px;margin-bottom:24px}.account-filter-label{font-size:12px;margin:0 0 14px;color:var(--muted)}.app[data-mobile=settings]>.pane{display:none!important}.app[data-mobile=domains]{grid-template-columns:minmax(0,1fr)}.app[data-mobile=domains]>.record-pane,.app[data-mobile=domains]>.inspector{display:none}.app[data-mobile=domains]>.sidebar{grid-column:1;border:0;width:100%;max-width:1100px;margin:0 auto;padding:12px 20px}.app[data-mobile=domains] .sidebar-top{display:grid;grid-template-columns:180px minmax(0,1fr) minmax(0,1fr);align-items:end;gap:18px}.app[data-mobile=domains] .sidebar-top>.primary{margin:0}.app[data-mobile=domains] .account-filter-label{margin:0}.app[data-mobile=domains] .sidebar-top>.list-heading{grid-column:1/-1;margin-top:0}.app[data-mobile=domains] .zone-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start;gap:12px}.app[data-mobile=domains] .zone{border:1px solid var(--line);padding:18px}.app[data-mobile=domains] .sidebar-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.app[data-mobile=domains] .sidebar-footer .nav-button{width:auto}.app[data-mobile=domains] .footer-tools{border:0;margin:0;padding:0;margin-left:auto}.app[data-mobile=domains] .connection{padding-bottom:0}.app[data-mobile=records]>.sidebar{display:none}.app[data-mobile=records]{grid-template-columns:365px minmax(0,1fr)}.app[data-mobile=records]>.record-pane{grid-column:1}.app[data-mobile=records]>.inspector{grid-column:2}.record-content>.editor{max-width:none;padding:22px 18px}.app.editing .record-toolbar,.app.editing #records{display:none}.app[data-mobile=settings]{grid-template-columns:minmax(0,1fr)}
@media(max-width:900px){#menuToggle{display:inline-flex}.desktop-nav{display:none}.app,.app[data-mobile=domains],.app[data-mobile=records],.app[data-mobile=settings]{grid-template-columns:minmax(0,1fr);grid-template-rows:54px minmax(0,1fr)}.app>.pane{grid-column:1;grid-row:2}.app[data-mobile=records]>.inspector{display:none!important}.app[data-mobile=domains]>.sidebar{padding:0;max-width:none}.app[data-mobile=domains] .sidebar-top{display:block}.app[data-mobile=domains] .sidebar-top>.primary{margin-bottom:14px}.app[data-mobile=domains] .account-filter-label{margin-bottom:14px}.app[data-mobile=domains] .sidebar-top>.list-heading{margin-top:16px}.app[data-mobile=domains] .zone-list{display:block}.app[data-mobile=domains] .zone{border:0;padding:14px 12px}.app[data-mobile=domains] .sidebar-footer{display:block}.app[data-mobile=domains] .sidebar-footer .nav-button{width:100%}.app[data-mobile=domains] .footer-tools{border-top:1px solid var(--line);padding-top:5px}.app[data-mobile=domains] .connection{padding-bottom:9px}.fixed-theme{top:6px;right:10px}.settings-page{padding:24px 18px}.settings-heading{align-items:start;flex-direction:column}.account-card,.security-settings{align-items:stretch;flex-direction:column;gap:12px}.account-actions button{flex:1}.record-content>.editor{padding:22px 20px}.app .inspector{display:none}.mobile-bar{padding-left:12px}.app.editing .record-content{overflow:auto}.app.editing .record-content>.editor{flex-shrink:0}}

#settingsForm input[name=account]{font-family:ui-monospace,Consolas,monospace;font-size:12px;padding-left:6px;padding-right:6px}