:root{--color-bg:#fff;--color-surface:#f5f5f4;--color-text:#1c1917;--color-muted:#78716c;--color-border:#e7e5e4;--legacy-font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--legacy-space-1:4px;--legacy-space-2:8px;--legacy-space-3:16px;--legacy-space-4:24px;--legacy-space-5:48px;--radius:8px;--container:1120px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--color-bg);min-height:100%;color:var(--color-text);font-family:var(--legacy-font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;line-height:1.5;display:flex}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--container);padding:0 var(--legacy-space-3);margin:0 auto}.muted{color:var(--color-muted)}.site-header{border-bottom:1px solid var(--color-border)}.site-header__inner{align-items:center;height:56px;display:flex}.wordmark{font-size:18px;font-weight:600}.site-main{flex:1}.hero{gap:var(--legacy-space-3);padding-top:var(--legacy-space-5);padding-bottom:var(--legacy-space-5);flex-direction:column;display:flex}.hero>*{max-width:720px}.hero h1{font-size:clamp(28px,5vw,44px);line-height:1.15}.note{padding:var(--legacy-space-2) var(--legacy-space-3);background:var(--color-surface);border-radius:var(--radius);align-self:flex-start;font-size:14px}.site-footer{border-top:1px solid var(--color-border);font-size:13px}.site-footer__inner{justify-content:space-between;gap:var(--legacy-space-3);padding-top:var(--legacy-space-3);padding-bottom:var(--legacy-space-3);display:flex}.site-header__inner{justify-content:space-between}.account-nav{align-items:center;gap:var(--legacy-space-3);font-size:14px;display:flex}.page{gap:var(--legacy-space-3);padding-top:var(--legacy-space-5);padding-bottom:var(--legacy-space-5);flex-direction:column;display:flex}.small{font-size:14px}.stack{gap:var(--legacy-space-3);flex-direction:column;display:flex}.button{height:40px;padding:0 var(--legacy-space-3);border:1px solid var(--color-text);border-radius:var(--radius);background:var(--color-text);color:var(--color-bg);font:inherit;cursor:pointer;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.button--secondary{background:var(--color-bg);width:100%;color:var(--color-text);border-color:var(--color-border)}.button--small{height:32px;font-size:14px}.button:disabled{opacity:.6;cursor:default}.link-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;text-decoration:underline}.auth-page{padding-top:var(--legacy-space-5);padding-bottom:var(--legacy-space-5);justify-content:center;display:flex}.auth-card{gap:var(--legacy-space-3);flex-direction:column;width:100%;max-width:400px;display:flex}.auth-card h1{font-size:28px}.auth-card a{text-decoration:underline}.field{gap:var(--legacy-space-1);flex-direction:column;font-size:14px;display:flex}.field input{height:40px;padding:0 var(--legacy-space-2);border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;font-size:16px}.divider{text-align:center;color:var(--color-muted);font-size:13px}.form-message{padding:var(--legacy-space-2) var(--legacy-space-3);border-radius:var(--radius);background:var(--color-surface);font-size:14px}.form-message--error{color:#991b1b;background:#fef2f2}.page-head{justify-content:space-between;align-items:center;gap:var(--legacy-space-3);display:flex}.row{align-items:center;gap:var(--legacy-space-3);flex-wrap:wrap;display:flex}.empty{align-items:flex-start;gap:var(--legacy-space-3);padding:var(--legacy-space-4);border:1px dashed var(--color-border);border-radius:var(--radius);flex-direction:column;display:flex}.site-list{gap:var(--legacy-space-3);flex-direction:column;list-style:none;display:flex}.site-card{justify-content:space-between;align-items:center;gap:var(--legacy-space-3);padding:var(--legacy-space-3);border:1px solid var(--color-border);border-radius:var(--radius);flex-wrap:wrap;display:flex}.site-card--new{border-color:var(--color-text)}.site-card__name{font-size:18px}.site-card__rename,.site-card__confirm{gap:var(--legacy-space-2);flex-direction:column;flex:1;min-width:260px;display:flex}.button--danger{background:#991b1b;border-color:#991b1b}.template-grid{gap:var(--legacy-space-3);border:0;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.template-grid legend{margin-bottom:var(--legacy-space-2)}.template-option{gap:var(--legacy-space-1);padding:var(--legacy-space-3);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;flex-direction:column;display:flex}.template-option:has(input:checked){border-color:var(--color-text);background:var(--color-surface)}.template-option input{opacity:0;pointer-events:none;position:absolute}.template-option__name{font-weight:600}.editor{flex-direction:column;height:100dvh;display:flex}.editor-loading{padding:var(--legacy-space-5);color:var(--color-muted)}.editor-bar{align-items:center;gap:var(--legacy-space-3);height:56px;padding:0 var(--legacy-space-3);border-bottom:1px solid var(--color-border);background:var(--color-bg);grid-template-columns:1fr auto 1fr;display:grid}.editor-bar__left,.editor-bar__right{align-items:center;gap:var(--legacy-space-3);min-width:0;display:flex}.editor-bar__right{justify-content:flex-end}.editor-back{white-space:nowrap;font-size:14px}.editor-title{flex-direction:column;min-width:0;line-height:1.2;display:flex}.editor-title__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.badge{background:var(--color-surface);color:var(--color-muted);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px}.badge--live{color:#166534;background:#dcfce7}.badge--warn{color:#92400e;background:#fef3c7}.device-switch{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:2px;display:inline-flex}.device-switch__btn{font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 12px;font-size:13px}.device-switch__btn.is-active{background:var(--color-bg);box-shadow:0 1px 2px #00000014}.editor-canvas{padding:var(--legacy-space-3);background:var(--color-surface);flex:1;justify-content:center;display:flex;overflow:auto}.editor-frame{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;max-width:100%;height:100%;transition:width .2s}@media (max-width:800px){.editor-bar{height:auto;padding:var(--legacy-space-2) var(--legacy-space-3);grid-template-columns:1fr auto}.device-switch{display:none}}.publish{align-items:center;gap:var(--legacy-space-3);display:flex;position:relative}.popover{z-index:10;width:320px;padding:var(--legacy-space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);font-size:14px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000001f}.site-card__name .badge{vertical-align:middle;font-weight:400}.editor-body{flex:1;min-height:0;display:flex}.history{gap:var(--legacy-space-2);width:320px;padding:var(--legacy-space-3);border-left:1px solid var(--color-border);background:var(--color-bg);flex-direction:column;display:flex;overflow-y:auto}.history__head{justify-content:space-between;align-items:center;display:flex}.history__head h2{font-size:16px}.history__list{flex-direction:column;list-style:none;display:flex}.history__item{justify-content:space-between;align-items:flex-start;gap:var(--legacy-space-2);padding:var(--legacy-space-2) 0;border-bottom:1px solid var(--color-border);display:flex}.history__item.is-current .history__label{font-weight:600}.history__info{flex-direction:column;gap:2px;font-size:14px;display:flex}.history__tags{gap:var(--legacy-space-1);display:flex}@media (max-width:800px){.history{z-index:5;width:min(320px,100%);position:fixed;inset:56px 0 0 auto}}.dns-table{border-collapse:collapse;width:100%;font-size:13px}.dns-table th,.dns-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:6px 4px}.steps{margin:0;padding-left:20px}.form-message--warn{color:#92400e;background:#fef3c7;border-radius:6px;padding:8px 10px}.dns-value{word-break:break-all;-webkit-user-select:all;user-select:all}.chat__list{gap:var(--legacy-space-2);flex-direction:column;flex:1;margin:0;padding:0;list-style:none;display:flex}.chat__msg{background:var(--color-surface);border-radius:8px;padding:8px 10px;font-size:14px}.chat__msg p{white-space:pre-wrap;margin:0 0 4px}.chat__msg--user{background:var(--color-border);align-self:flex-end;max-width:90%}.chat__msg--error{color:#b91c1c}.chat__input{border:1px solid var(--color-border);width:100%;font:inherit;resize:vertical;border-radius:6px;padding:8px}