:root{color:#171717;background:#f6f6f7;font-family:Inter,Hiragino Sans,Yu Gothic,YuGothic,Noto Sans JP,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--background: #f6f6f7;--foreground: #171717;--card: #ffffff;--card-foreground: #171717;--muted: #f3f4f6;--muted-foreground: #6b7280;--border: #e5e7eb;--input: #d1d5db;--primary: #18181b;--primary-foreground: #ffffff;--secondary: #ffffff;--secondary-foreground: #18181b;--accent: #eef6ff;--accent-foreground: #164e8f;--success: #0f766e;--danger: #b42318;--danger-soft: #fff1f2;--ring: #2563eb;--radius: 8px;color-scheme:light}*{box-sizing:border-box}html{background:var(--background)}body{min-width:320px;margin:0;background:linear-gradient(180deg,#ffffffdb,#f6f6f7f5),var(--background)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.shell{display:grid;grid-template-columns:312px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:16px;height:100vh;border-right:1px solid var(--border);background:#fffffff0;padding:20px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand strong{display:block;overflow:hidden;color:var(--foreground);font-size:14px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.brand span,.siteLink small,.pageHeader p,.metric span,.helpText{color:var(--muted-foreground);font-size:12px;line-height:1.5}.mark{display:grid;flex:0 0 auto;place-items:center;width:40px;height:40px;border:1px solid #27272a;border-radius:var(--radius);background:#18181b;color:#fff;font-weight:800}.sideLabel{margin:6px 0 -4px;color:#71717a;font-size:12px;font-weight:600;letter-spacing:0}.siteNav,.stack,.list,.overviewStack{display:grid;gap:12px}.siteNav{min-height:0;overflow:auto;padding-right:2px}.siteLink,.listButton{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--foreground);padding:10px 12px;text-align:left;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}.siteLink:hover,.listButton:hover{border-color:var(--border);background:#fafafa}.siteLink.active,.listButton.active{border-color:#bfdbfe;background:var(--accent);color:var(--accent-foreground);box-shadow:inset 0 0 0 1px #2563eb14}.siteLink span,.listButton{min-width:0}.siteLink strong,.siteLink small,.listButton small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.siteLink strong{font-size:13px}.fullButton{width:100%}.sidebarForm{display:grid;gap:12px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:12px;box-shadow:0 1px 2px #00000008}.sidebarForm label,.settingsPanel label,.loginPanel label{display:grid;gap:6px;color:#52525b;font-size:12px;font-weight:500}.sidebarSubform{display:grid;gap:10px;border-bottom:1px solid var(--border);padding-bottom:12px}.sidebarSubform strong{color:var(--foreground);font-size:13px}.main{min-width:0;padding:28px}.pageHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.pageHeader h1{margin:0;color:var(--foreground);font-size:24px;font-weight:700;letter-spacing:0;line-height:1.2}.pageHeader p{margin:4px 0 0}.headerActions,.buttonRow,.inlineForm,.tabs,.uploadControls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tabs{margin-bottom:18px;border-bottom:1px solid var(--border)}.tab{display:inline-flex;align-items:center;gap:8px;min-height:42px;border:0;border-bottom:2px solid transparent;background:transparent;color:#71717a;padding:0 12px;font-size:13px;font-weight:600}.tab:hover{color:var(--foreground)}.tab.active{border-bottom-color:#18181b;color:var(--foreground)}.panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--card-foreground);padding:18px;box-shadow:0 1px 2px #00000009}.panel h2{margin:0 0 14px;font-size:16px;font-weight:700;letter-spacing:0}.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panelHeader h2{margin:0}.twoColumn{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:18px}.metricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.compactMetrics{margin-bottom:14px}.metric{display:grid;gap:6px;min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:#fafafa;padding:12px}.metric strong{overflow-wrap:anywhere;font-size:13px}.primaryButton,.secondaryButton,.ghostButton,.dangerButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:var(--radius);padding:0 12px;border:1px solid transparent;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease}.primaryButton{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.primaryButton:hover{background:#27272a}.secondaryButton,.ghostButton{border-color:var(--border);background:var(--secondary);color:var(--secondary-foreground)}.secondaryButton:hover,.ghostButton:hover{background:#f4f4f5}.dangerButton{border-color:#fecdd3;background:#fff;color:var(--danger)}.dangerButton:hover{background:var(--danger-soft)}.compact{min-height:32px;padding:0 10px;font-size:12px}.status{display:inline-flex;align-items:center;width:fit-content;min-height:26px;border:1px solid var(--border);border-radius:999px;background:#fafafa;color:#52525b;padding:0 10px;font-size:12px;font-weight:600}.status.active,.status.ready,.status.preview_ready,.status.succeeded{border-color:#99f6e4;background:#f0fdfa;color:var(--success)}.status.failed,.status.build_failed,.status.suspended,.status.deleted,.status.disabled{border-color:#fecdd3;background:#fff1f2;color:var(--danger)}.status.pending_nameserver,.status.pending_verification,.status.ssl_pending,.status.pending_validation{border-color:#fde68a;background:#fffbeb;color:#92400e}.tableWrap{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid var(--border);padding:11px 12px;text-align:left;vertical-align:top}tr:last-child td{border-bottom:0}th{background:#fafafa;color:#71717a;font-size:12px;font-weight:700}td code{display:block;max-width:520px;overflow-wrap:anywhere;white-space:normal}.stackedText{display:grid;gap:6px}.stackedText span{display:grid;gap:4px}.domainNameCell,.statusStack,.dnsRecordBox{display:grid;gap:5px}.domainNameCell strong{color:var(--foreground);font-weight:700}.domainNameCell span,.statusStack span,.mutedText{color:var(--muted-foreground);font-size:12px}.dnsRecordBox code{max-width:620px}.dnsRecordBox strong{color:var(--foreground);font-size:12px}.dnsRecordBox small{color:#b45309;line-height:1.5}input,textarea,select{width:100%;min-height:38px;border:1px solid var(--input);border-radius:var(--radius);background:#fff;color:var(--foreground);padding:8px 10px;font-size:13px;letter-spacing:0}input::placeholder,textarea::placeholder{color:#a1a1aa}textarea{min-height:130px;resize:vertical}.codeArea{min-height:220px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.6}.compactCode{min-height:92px}.inlineForm{margin-bottom:14px}.domainGuide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.domainGuide.compactGuide{grid-template-columns:repeat(2,minmax(0,1fr))}.domainGuide>div{display:grid;gap:6px;border:1px solid var(--border);border-radius:var(--radius);background:#fafafa;padding:12px}.domainGuide strong{color:var(--foreground);font-size:13px}.domainGuide p{margin:0;color:var(--muted-foreground);font-size:12px;line-height:1.6}.guideLabel{width:fit-content;border-radius:999px;background:#eef2ff;color:#3730a3;padding:2px 8px;font-size:11px;font-weight:700}.domainStatusBar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:10px 12px;color:var(--muted-foreground);font-size:12px}.managedDomainHero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.8fr);gap:14px;align-items:end;margin-bottom:14px;border:1px solid var(--border);border-radius:var(--radius);background:#fafafa;padding:14px}.managedDomainHero>div{display:grid;gap:7px}.managedDomainHero strong{color:var(--foreground);font-size:15px}.managedDomainHero p{margin:0;color:var(--muted-foreground);font-size:13px;line-height:1.6}.managedDomainForm{justify-content:flex-end;margin-bottom:0}.managedDomainList{display:grid;gap:12px;margin-bottom:14px}.managedDomainCard{display:grid;gap:14px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:14px}.managedDomainHeader{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:12px;align-items:center}.nameserverGuide,.publishedUrls{display:grid;gap:8px;border:1px solid #bfdbfe;border-radius:var(--radius);background:#eff6ff;color:#1e40af;padding:12px;font-size:13px;line-height:1.6}.nameserverGuide strong,.publishedUrls strong{color:#1e3a8a}.nameserverRows{display:grid;gap:8px}.nameserverRow{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px;align-items:center}.nameserverRow span{color:#1d4ed8;font-size:12px;font-weight:700}.nameserverRow code{display:block;border:1px solid rgba(30,64,175,.18);border-radius:6px;background:#ffffffc7;padding:7px 9px;color:#172554;overflow-wrap:anywhere}.publishedUrls a{display:inline-flex;align-items:center;gap:7px;width:fit-content;color:#1d4ed8;font-weight:700;text-decoration:none}.publishedUrls a:hover{text-decoration:underline}.defaultDomainPanel{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:10px 12px}.defaultDomainPanel>strong{font-size:13px}.defaultDomainPanel>span{display:inline-flex;align-items:center;gap:8px}.legacyDomainPanel{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:12px}.legacyDomainPanel summary{cursor:pointer;color:var(--foreground);font-size:13px;font-weight:700}.legacyDomainPanel p{margin:10px 0 12px;color:var(--muted-foreground);font-size:12px;line-height:1.6}.legacyDomainList{display:grid;gap:8px}.legacyDomainRow{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:10px;align-items:center;border:1px solid var(--border);border-radius:var(--radius);background:#fafafa;padding:10px}.legacyDomainRow>div:first-child{display:grid;gap:4px}.legacyDomainRow strong{font-size:13px}.legacyDomainRow span{color:var(--muted-foreground);font-size:12px}.compactWarning{margin-bottom:10px}.emptyState{border:1px dashed var(--border);border-radius:var(--radius);background:#fafafa;color:var(--muted-foreground);padding:14px;font-size:13px}.domainInlineError{margin-bottom:12px}.domainCards{display:grid;gap:14px}.onamaeCard{display:grid;gap:12px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:14px}.onamaeCardHeader{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:12px;align-items:center}.onamaeInstruction{display:grid;gap:4px;border:1px solid #bfdbfe;border-radius:var(--radius);background:#eff6ff;color:#1e40af;padding:10px 12px;font-size:12px;line-height:1.6}.onamaeInstruction strong{color:#1e3a8a;font-size:13px}.onamaeBlocker{display:grid;gap:8px;border:1px solid #fecaca;border-radius:var(--radius);background:#fff1f2;color:#991b1b;padding:12px;font-size:13px;line-height:1.7}.onamaeBlocker strong{color:#991b1b}.onamaeBlocker p{margin:0}.onamaeBlocker code{display:inline;border:1px solid rgba(153,27,27,.18);border-radius:5px;background:#ffffffb3;padding:1px 5px;color:#7f1d1d}.onamaeTodo{display:grid;gap:12px;border:1px solid #bfdbfe;border-radius:var(--radius);background:#eff6ff;color:#1e3a8a;padding:12px;font-size:13px;line-height:1.7}.onamaeTodo strong{color:#1e3a8a;font-size:14px}.onamaeTodo ol{display:grid;gap:6px;margin:0;padding-left:20px}.onamaeTodo code{display:inline;border:1px solid rgba(30,64,175,.18);border-radius:5px;background:#ffffffc7;padding:1px 5px;color:#1e3a8a}.onamaeTableWrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}.onamaeTable{min-width:820px}.onamaeTable th{background:#f4f4f5;color:#3f3f46;white-space:nowrap}.onamaeTable td{vertical-align:top}.onamaeTable td:first-child{width:120px;color:var(--foreground);font-weight:700}.onamaeTable code{display:block;max-width:460px;border:1px solid var(--border);border-radius:6px;background:#fafafa;padding:5px 7px;color:#18181b;font-size:12px;overflow-wrap:anywhere;white-space:normal}.onamaeTable small{display:block;margin-top:5px;color:#b45309;font-size:12px;line-height:1.5}.onamaeFootnote{margin:0;color:var(--muted-foreground);font-size:12px;line-height:1.6}.warningBox{display:grid;gap:6px;margin-bottom:14px;border:1px solid #fde68a;border-radius:var(--radius);background:#fffbeb;color:#713f12;padding:12px;font-size:13px;line-height:1.6}.warningBox strong{color:#713f12}.warningBox code{border:1px solid rgba(113,63,18,.18);border-radius:5px;background:#ffffffa6;padding:1px 5px}.inlineForm input{max-width:360px}.inlineForm select{max-width:190px}.settingsPanel{display:grid;gap:12px;margin-bottom:16px;border-radius:var(--radius);background:#fafafa;padding:12px}.accountPanel{max-width:720px}.accountForm{display:grid;gap:14px;max-width:420px}.accountForm label{display:grid;gap:6px;color:#52525b;font-size:12px;font-weight:500}.previewPanel,.uploadPanel{display:grid;gap:14px}.releasePanel{display:grid;gap:16px}.releaseGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.releaseCard{display:grid;gap:12px;min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:16px}.releaseCard.draft{border-color:#bfdbfe;background:#f8fbff}.releaseCard.production{border-color:#99f6e4;background:#f8fffd}.releaseCardHeader,.releaseMeta,.frameMeta{display:flex;align-items:center;justify-content:space-between;gap:10px}.releaseLabel{color:#52525b;font-size:12px;font-weight:700}.releaseCard strong{font-size:18px;line-height:1.25}.releaseCard p{margin:0;color:var(--muted-foreground);font-size:13px;line-height:1.6}.releaseMeta{min-width:0;border-top:1px solid rgba(0,0,0,.06);padding-top:10px;color:var(--muted-foreground);font-size:12px}.releaseMeta b{min-width:0;overflow:hidden;color:var(--foreground);font-size:12px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.releaseCard small{color:var(--muted-foreground);font-size:12px}.aiWorkspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:18px;align-items:start}.previewPane,.chatPane{min-width:0}.draftFrame{display:block;width:100%;height:min(72vh,760px);min-height:520px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.frameMeta{margin-top:10px;color:var(--muted-foreground);font-size:12px}.previewEmpty,.chatEmpty,.emptyMini{display:grid;place-items:center;min-height:160px;border:1px dashed #d4d4d8;border-radius:var(--radius);background:#fafafa;color:var(--muted-foreground);padding:16px;text-align:center}.previewEmpty{min-height:520px}.previewEmpty strong{color:var(--foreground);font-size:16px}.previewEmpty p,.chatEmpty{margin:0;font-size:13px;line-height:1.7}.chatPane{position:sticky;top:20px;display:grid;gap:14px}.aiConfigNotice{display:block;border:1px solid #fecdd3;border-radius:var(--radius);background:#fff1f2;padding:10px 12px;line-height:1.6}.aiConfigNotice code,.formGuide code,.formGuide small code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.aiModelControls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.aiModelControls label{display:grid;gap:6px;min-width:0;color:var(--muted-foreground);font-size:12px;font-weight:650}.aiModelControls select{width:100%;min-width:0}.chatLog{display:grid;gap:10px;max-height:360px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:#fafafa;padding:10px}.chatEmpty{min-height:120px;background:#fff}.chatMessage{display:grid;gap:6px;max-width:92%;border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:10px 12px}.chatMessage.user{justify-self:end;border-color:#bfdbfe;background:#eff6ff}.chatMessage.assistant{justify-self:start;border-color:#ccfbf1;background:#f0fdfa}.chatMessage span{color:var(--muted-foreground);font-size:11px;font-weight:700}.chatMessage p{margin:0;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.patchDetails{display:grid;gap:10px}.patchDetails summary{color:#2563eb;cursor:pointer;font-size:13px;font-weight:700}.formsConsole{align-items:start}.formGuide{display:grid;gap:10px;margin-bottom:14px;border:1px solid #bfdbfe;border-radius:var(--radius);background:#eff6ff;padding:12px;color:#1e3a8a}.formGuide p{margin:0;font-size:13px;line-height:1.7}.formGuide>code{display:block;overflow-x:auto;border:1px solid #bfdbfe;border-radius:var(--radius);background:#fff;padding:8px 10px;color:#172554;font-size:12px}.formGuide small{color:#1d4ed8;font-size:12px;line-height:1.6}.formDefinition{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.formSettings{display:grid;gap:12px;margin-bottom:16px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:14px}.formSettings label{display:grid;gap:6px}.formSettings label span{color:var(--muted-foreground);font-size:12px;font-weight:700}.formSettings textarea,.formSettings select{width:100%;border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:10px 12px;color:var(--foreground);font:inherit}.formSettings textarea{resize:vertical;min-height:96px}.formSettings small,.formSettingsActions span{color:var(--muted-foreground);font-size:12px}.formSettingsActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filePicker{display:inline-flex;align-items:center;gap:8px;width:min(420px,100%);min-height:40px;border:1px dashed #a1a1aa;border-radius:var(--radius);background:#fafafa;padding:0 12px;color:var(--foreground)}.filePicker span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filePicker input{display:none}.helpText,.successText{margin:0;color:var(--muted-foreground);font-size:13px}.successText{color:var(--success);font-weight:600}.textLink{color:#2563eb;font-size:13px;overflow-wrap:anywhere;text-decoration:none}.textLink:hover{text-decoration:underline}.loginShell,.center{display:flex;align-items:center;justify-content:center;width:100vw;min-height:100vh;padding:24px}.loginShell{background:radial-gradient(circle at top left,rgba(37,99,235,.11),transparent 32%),linear-gradient(180deg,#fff,#f6f6f7)}.loginPanel{display:grid;gap:16px;width:420px;max-width:100%;border:1px solid var(--border);border-radius:12px;background:#fffffff5;padding:24px;box-shadow:0 18px 40px #18181b14,0 1px 2px #18181b0a}.loginPanel h1{margin:0;font-size:24px;letter-spacing:0}.loginPanel p,.formError,.formNotice{margin:6px 0 0;color:var(--muted-foreground);font-size:13px}.formError,.notice.error{color:var(--danger)}.formNotice{color:var(--success)}.devHint{display:grid;gap:6px;border:1px solid #bfdbfe;border-radius:var(--radius);background:#eff6ff;padding:10px 12px;color:#1d4ed8;font-size:12px}.devHint span{font-weight:700}.devHint code{color:#1e3a8a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.loginLinks{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.loginLinks button{border:0;background:transparent;color:#2563eb;padding:0;font-size:13px;font-weight:600}.notice{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px;border:1px solid #fecdd3;border-radius:var(--radius);background:#fff1f2;padding:10px 12px;font-size:13px}.notice button{border:0;background:transparent;color:var(--danger);font-weight:700}.auditLink{margin-top:16px;border:0;background:transparent;color:#2563eb;padding:0;font-size:13px;font-weight:600}.empty{display:grid;place-items:center;min-height:280px;border:1px dashed #d4d4d8;border-radius:var(--radius);background:#fff;color:var(--muted-foreground);font-size:14px}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--border)}.main{padding:18px}.twoColumn,.metricGrid,.releaseGrid,.domainGuide,.domainGuide.compactGuide,.managedDomainHero,.aiWorkspace,.formDefinition{grid-template-columns:1fr}.onamaeCardHeader,.managedDomainHeader,.legacyDomainRow{grid-template-columns:1fr;align-items:stretch}.managedDomainForm{justify-content:flex-start}.chatPane{position:static}.aiModelControls{grid-template-columns:1fr}}@media(max-width:640px){.pageHeader{display:grid}.primaryButton,.secondaryButton,.ghostButton,.dangerButton{width:100%}.tabs{align-items:stretch}.domainStatusBar{align-items:stretch;flex-direction:column}.nameserverRow{grid-template-columns:1fr}.defaultDomainPanel,.defaultDomainPanel>span{align-items:stretch;flex-direction:column}.tab{flex:1 1 140px;justify-content:center}}
