:root{--ink: #17211e;--ink-soft: #34413d;--muted: #6f7b76;--muted-strong: #4d5b56;--surface: #fbfbf8;--panel: #ffffff;--panel-soft: #f6f7f3;--line: #dcded7;--line-strong: #c8cec6;--accent: #0f5a4f;--accent-strong: #083d38;--accent-soft: #e6f0ec;--amber-soft: #fbf1e5;--danger: #934033;--danger-strong: #713026;--danger-soft: #fff3ed;--shadow-tight: 0 1px 2px rgb(29 38 34 / .08), 0 10px 22px rgb(29 38 34 / .05);color:var(--ink);background:#eef0eb;font-family:IBM Plex Sans,Aptos,Segoe UI Variable,Noto Sans SC,Microsoft YaHei,sans-serif;line-height:1.5;letter-spacing:0}*{box-sizing:border-box}html,body,#root{max-width:100%;min-height:100%;overflow-x:hidden;width:100%}body{margin:0;background:linear-gradient(180deg,#fbfaf6 0,#f1f3ee 38%,#e9ece6),#eef0eb}body:before{background-image:linear-gradient(rgb(23 33 30 / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(23 33 30 / .035) 1px,transparent 1px);background-size:44px 44px;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed;z-index:-1}button,input,select,textarea{font:inherit;letter-spacing:0}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgb(15 90 79 / .32);outline-offset:2px}h1,h2,h3,p{margin:0}h1{color:var(--ink);font-size:24px;font-weight:760;line-height:1.05}h2{color:var(--ink);font-size:30px;font-weight:760;line-height:1.12}h3{color:var(--ink);font-size:14px;font-weight:760}.app-shell{color:var(--ink);min-height:100vh;overflow-x:hidden;padding:24px;width:100%}.topbar{align-items:center;background:#ffffffe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgb(220 222 215 / .9);border-radius:8px;box-shadow:var(--shadow-tight);display:grid;gap:18px;grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;margin:0 auto 16px;max-width:1260px;min-width:0;padding:17px 20px;position:sticky;top:12px;width:min(100%,1260px);z-index:28}.topbar>div{min-width:0}.service-domain{color:var(--muted);font-size:11px;font-weight:760;letter-spacing:.06em;line-height:1.35;text-transform:uppercase}.secure-badge{align-items:center;background:var(--accent-soft);border:1px solid #cddfd8;border-radius:999px;color:var(--accent-strong);display:flex;font-size:13px;font-weight:720;gap:7px;min-width:0;padding:8px 12px;white-space:nowrap}.topbar-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end;min-width:0}.language-toggle{align-items:center;background:var(--panel-soft);border:1px solid var(--line);border-radius:999px;display:inline-flex;gap:3px;padding:3px}.language-toggle button{background:transparent;border:0;border-radius:999px;color:var(--muted-strong);cursor:pointer;font-size:12px;font-weight:760;min-height:28px;padding:0 9px}.language-toggle button.selected{background:#fff;box-shadow:0 1px 2px #1d262214;color:var(--accent-strong)}.notice-banner{background:#fff8e8;border:1px solid #ead8ac;border-radius:8px;color:#6b4f12;font-size:13px;font-weight:720;line-height:1.45;margin:0 auto 16px;max-width:1260px;padding:11px 14px;width:min(100%,1260px)}.workspace{display:grid;gap:16px;grid-template-columns:228px minmax(0,1fr) 318px;margin:0 auto;max-width:1260px;min-width:0;width:min(100%,1260px)}.panel,.stepper{background:#ffffffeb;border:1px solid rgb(220 222 215 / .96);border-radius:8px;box-shadow:var(--shadow-tight);min-width:0}.progress-shell,.side-rail{align-self:start;min-width:0;position:sticky;top:20px}.stepper{display:grid;gap:6px;padding:9px}.progress-current{background:#fffffff0;border:1px solid rgb(220 222 215 / .96);border-radius:8px;box-shadow:var(--shadow-tight);display:grid;gap:3px;margin-bottom:8px;min-width:0;padding:10px 12px}.progress-current span{color:var(--muted);font-size:11px;font-weight:760;text-transform:uppercase}.progress-current strong{color:var(--ink);font-size:15px;overflow-wrap:anywhere}.step{align-items:center;background:transparent;border:1px solid transparent;border-radius:7px;color:var(--muted-strong);cursor:pointer;display:flex;font-size:14px;font-weight:720;gap:10px;justify-content:flex-start;min-height:46px;padding:9px 10px;position:relative;text-align:left;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;width:100%}.step:hover{background:var(--panel-soft);border-color:var(--line)}.step span{align-items:center;background:var(--panel-soft);border:1px solid var(--line);border-radius:50%;color:var(--muted-strong);display:inline-flex;flex:0 0 auto;font-size:12px;height:25px;justify-content:center;width:25px}.step.active{background:var(--accent-soft);border-color:#c6ddd5;color:var(--accent-strong)}.step.active span{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.primary-panel{min-height:640px;padding:34px}.flow-section{display:grid;gap:20px;min-width:0}.flow-section p{color:var(--muted-strong);font-size:15px;max-width:720px;overflow-wrap:anywhere}.section-icon{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;color:var(--accent);height:42px;padding:9px;width:42px}.section-icon.done{background:#e8f4ed;border-color:#cce5d5;color:#1b794e}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.choice-row{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;display:grid;gap:5px;grid-template-columns:repeat(2,minmax(0,1fr));padding:5px}.guide-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.guide-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-card{align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:11px;grid-template-columns:auto minmax(0,1fr);min-width:0;padding:13px}.guide-card>span{align-items:center;background:var(--accent-soft);border:1px solid #c8ddd5;border-radius:50%;color:var(--accent-strong);display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:780;height:26px;justify-content:center;width:26px}.guide-card div{display:grid;gap:6px;min-width:0}.guide-card p,.guide-note p{color:var(--muted-strong);font-size:12px;line-height:1.5;margin:0;overflow-wrap:anywhere}.guide-card a{align-items:center;color:var(--accent-strong);display:inline-flex;font-size:12px;font-weight:760;gap:4px;justify-self:start;text-decoration:none}.guide-card a:hover{text-decoration:underline}.guide-note{background:var(--amber-soft);border:1px solid #ead3b8;border-radius:8px;display:grid;gap:5px;padding:13px 14px}.guide-note strong{color:#80501f;font-size:13px}.choice,.secondary-action,.primary-action,.danger-action{align-items:center;border-radius:7px;cursor:pointer;display:inline-flex;gap:8px;justify-content:center;min-height:44px;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.choice{background:transparent;border:1px solid transparent;color:var(--muted-strong);font-weight:720}.choice:hover,.secondary-action:hover{background:#fff;border-color:var(--line-strong)}.choice.selected{background:#fff;border-color:var(--line-strong);box-shadow:0 1px 2px #1d262212;color:var(--accent-strong)}.csv-input-stack{display:grid;gap:10px;min-width:0}.file-upload{align-items:center;background:#fff;border:1px dashed #b9c7c1;border-radius:8px;cursor:pointer;display:grid;gap:8px;min-height:86px;padding:16px;place-items:center;text-align:center}.file-upload:hover{background:#f8fbf8;border-color:var(--accent)}.file-upload span{align-items:center;color:var(--accent-strong);display:inline-flex;font-weight:780;gap:8px}.file-upload input{height:1px;opacity:0;overflow:hidden;padding:0;position:absolute;width:1px}.file-hint{color:var(--muted);font-size:12px}.file-selected{background:var(--accent-soft);border:1px solid #c8ddd5;border-radius:999px;color:var(--accent-strong);font-size:12px;justify-self:start;padding:4px 9px}.field{color:var(--ink-soft);display:grid;font-size:13px;font-weight:760;gap:8px}input,select,textarea{background:#fff;border:1px solid var(--line-strong);border-radius:7px;color:var(--ink);min-height:46px;min-width:0;outline:none;padding:11px 12px;width:100%}input::placeholder,textarea::placeholder{color:#909a95}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #0f5a4f1f}textarea{line-height:1.55;min-height:150px;resize:vertical}.two-grid{display:grid;gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}.primary-action{background:var(--accent-strong);border:1px solid var(--accent-strong);box-shadow:0 10px 18px #083d3824;color:#fff;font-weight:760;padding:0 18px}.primary-action:hover:not(:disabled){background:#062f2c;box-shadow:0 12px 24px #083d382e;transform:translateY(-1px)}.primary-action:disabled{background:#b8c2bd;border-color:#b8c2bd;box-shadow:none;color:#f7f8f5;cursor:not-allowed;transform:none}.danger-action{background:var(--danger);border:1px solid var(--danger);color:#fff;font-weight:760;min-width:0;padding:0 18px}.danger-action:hover:not(:disabled){background:var(--danger-strong);box-shadow:0 10px 20px #93403329;transform:translateY(-1px)}.danger-action:disabled{background:#d8d2cd;border-color:#d8d2cd;color:#fff9f4;cursor:not-allowed;transform:none}.secondary-action{background:#fff;border:1px solid var(--line-strong);color:var(--ink-soft);font-weight:740;padding:0 16px}.action-bar{display:grid;gap:10px}.action-bar>.primary-action{width:100%}.button-row{display:grid;gap:10px;grid-template-columns:minmax(170px,auto) minmax(0,1fr)}.side-rail{display:grid;gap:12px}.side-rail .panel{padding:16px}.rail-toggle{align-items:center;background:transparent;border:0;border-radius:7px;color:var(--ink);cursor:pointer;display:flex;font-weight:780;gap:8px;justify-content:space-between;min-height:30px;padding:0;text-align:left;width:100%}.rail-toggle span{align-items:center;display:inline-flex;gap:7px}.side-rail p{color:var(--muted);font-size:13px;margin:10px 0 13px}.summary-row,.timeline-row{align-items:center;border-top:1px solid #eceee8;display:flex;gap:14px;justify-content:space-between;padding:10px 0}.summary-row span{color:var(--muted);font-size:13px}.summary-row b,.summary-row strong{color:var(--ink)}.estimate-box{background:linear-gradient(180deg,#fff 0,#f3f7f4);border:1px solid #d5e3dc;border-radius:8px;box-shadow:inset 0 1px #ffffffbf;display:grid;gap:7px;padding:20px}.pending-box{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr);padding:18px}.pending-box svg{color:var(--accent)}.spin-inline{animation:spin 1.2s linear infinite}.estimate-box span{color:var(--muted);font-size:13px;font-weight:720}.estimate-box strong{color:var(--accent-strong);font-size:38px;line-height:1}.estimate-box small{color:var(--muted)}.estimate-breakdown{background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;gap:14px;padding:16px}.estimate-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.estimate-heading span{background:var(--accent-soft);border:1px solid #c8ddd5;border-radius:999px;color:var(--accent-strong);font-size:12px;font-weight:760;padding:4px 9px;white-space:nowrap}.estimate-line-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.estimate-line{background:var(--panel-soft);border:1px solid #e3e6df;border-radius:8px;display:grid;gap:5px;min-width:0;padding:13px}.estimate-line span{color:var(--muted);font-size:12px;font-weight:760}.estimate-line strong{color:var(--ink);font-size:18px;line-height:1.2;overflow-wrap:anywhere}.estimate-line small{color:var(--muted-strong);line-height:1.45;overflow-wrap:anywhere}.estimate-exclusions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.estimate-exclusions span{color:var(--muted);font-size:12px;font-weight:760;margin-right:2px}.estimate-exclusions b{background:var(--amber-soft);border:1px solid #ead3b8;border-radius:999px;color:#80501f;font-size:12px;font-weight:760;padding:4px 9px}.billing-source{color:var(--muted-strong);font-size:13px}.estimate-notes{color:var(--muted-strong);display:grid;font-size:12px;gap:5px;margin:0;padding-left:18px}.checkbox-line{align-items:flex-start;color:var(--muted-strong);display:flex;gap:10px}.checkbox-line input{min-height:auto;width:auto}.timeline{border:1px solid var(--line);border-radius:8px;overflow:hidden}.timeline-row{background:#fff;justify-content:flex-start;padding:12px 14px}.timeline-row:nth-child(2n){background:#fafaf7}.timeline-row span{align-items:center;background:var(--accent-soft);border:1px solid #c8ddd5;border-radius:50%;color:var(--accent-strong);display:inline-flex;flex:0 0 auto;font-size:12px;height:25px;justify-content:center;width:25px}.timeline-row.pending{color:var(--muted-strong)}.timeline-row.done{background:#f4faf6;color:var(--ink-soft)}.timeline-row.current{background:#eef7f3;box-shadow:inset 3px 0 0 var(--accent-strong);color:var(--ink);font-weight:790}.timeline-row.failed{background:#fff3ef;box-shadow:inset 3px 0 0 var(--danger);color:var(--danger-strong);font-weight:790}.timeline-row.done span{background:#dff1e7;border-color:#b8dcc9;color:#176947}.timeline-row.current span{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.timeline-row.failed span{background:#f8d6cd;border-color:#ecb5a9;color:var(--danger-strong)}.dns-box,.delivery-item{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;padding:14px}.failure-box{background:#fff7f3;border:1px solid #efc9bc;border-radius:8px;display:grid;gap:12px;padding:14px}.failure-box>strong{color:var(--danger-strong);font-size:15px}.failure-box p{color:var(--ink-soft);font-size:13px;line-height:1.5;margin:0;overflow-wrap:anywhere}.destroy-complete-note{background:#f4faf6;border:1px solid #cfe6d8;border-radius:8px;color:#176947;font-weight:720;padding:10px 12px}.billing-risk{background:#fffaf0;border:1px solid #e7cda5;border-radius:8px;display:grid;gap:5px;padding:11px 12px}.billing-risk strong{color:#80501f;font-size:13px}.billing-risk p{color:#6c4a25;font-size:12px}.dns-box code{color:var(--accent-strong);display:block;font-weight:760;margin-top:8px;overflow-wrap:anywhere}.dns-box .primary-action{margin-top:12px;width:100%}.delivery-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.delivery-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;min-width:0}.delivery-heading h2{min-width:0}.delivery-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.compact-action{min-height:34px;padding:0 10px;white-space:nowrap}.delivery-wide{grid-column:1 / -1}.delivery-grid span{color:var(--muted);display:block;font-size:12px;font-weight:720}.delivery-grid strong{color:var(--ink);overflow-wrap:anywhere;word-break:break-word}.delivery-value-row{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:0}.delivery-value-row strong{min-width:0}.delivery-wide .delivery-value-row{align-items:flex-start}.delivery-wide strong{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.45}.destroy-panel{background:var(--danger-soft);border:1px solid #ecd1c6;border-radius:8px;display:grid;gap:13px;padding:16px}.destroy-panel p{color:#6e5044;font-size:13px;margin-top:6px}.destroy-targets{display:flex;flex-wrap:wrap;gap:8px}.destroy-targets span,.destroy-status{background:#fff;border:1px solid #ecd1c6;border-radius:999px;color:#80501f;font-size:12px;font-weight:760;padding:4px 9px}.destroy-status{justify-self:start}.copy-inline-action,.copy-compact-action{align-items:center;background:#fff;border:1px solid var(--line-strong);border-radius:7px;box-shadow:none;color:var(--ink-soft);cursor:pointer;display:inline-flex;font-size:13px;font-weight:740;justify-content:center;line-height:1;min-width:0;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.copy-inline-action{flex:0 0 auto;height:30px;width:30px}.copy-compact-action{gap:7px;min-height:34px;padding:0 10px;white-space:nowrap}.copy-inline-action:hover:not(:disabled),.copy-compact-action:hover:not(:disabled){background:#fff;border-color:var(--accent);color:var(--accent-strong);transform:translateY(-1px)}.copy-inline-action svg,.copy-compact-action svg{height:14px;width:14px}.secondary-action:disabled,.copy-inline-action:disabled,.copy-compact-action:disabled{background:#edf0ea;border-color:var(--line);color:#9ba59f;cursor:not-allowed;transform:none}@media(max-width:1120px){.workspace{grid-template-columns:208px minmax(0,1fr)}.side-rail{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));position:static}}@media(max-width:780px){body:before{background-size:34px 34px}.app-shell{padding:10px 10px calc(106px + env(safe-area-inset-bottom))}.topbar{left:10px;max-width:calc(100vw - 20px);position:fixed;right:10px;top:8px;z-index:36;gap:8px;grid-template-columns:minmax(0,1fr) auto;margin-bottom:10px;padding:13px 14px;width:100%}h1{font-size:21px}h2{font-size:26px}.secure-badge{display:none}.topbar-actions{align-self:start}.language-toggle button{min-height:26px;padding:0 8px}.workspace{display:flex;flex-direction:column;gap:10px;padding-top:74px;width:100%}.progress-shell{max-width:100%;position:static;top:auto;width:100%;z-index:auto}.progress-current{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px;padding:8px 10px}.progress-current strong{font-size:14px}.stepper{display:flex;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.stepper::-webkit-scrollbar{display:none}.step{flex:0 0 auto;min-height:42px;min-width:132px;padding:8px 9px;white-space:nowrap}.primary-panel{min-height:auto;overflow:hidden;padding:22px 18px 108px;width:100%}.flow-section{gap:17px}.section-icon{height:39px;padding:8px;width:39px}.action-bar{background:#fffffff5;border:1px solid var(--line);border-radius:8px;bottom:0;box-shadow:0 -12px 28px #1d26221f;margin:0;padding:14px 14px calc(12px + env(safe-area-inset-bottom));position:sticky;z-index:25}.button-row.action-bar{padding-top:14px}.rail-content[data-mobile-collapsed=true]{display:none}.side-rail{align-self:stretch;gap:10px;grid-template-columns:1fr;order:3;padding-bottom:104px;width:100%}.side-rail .panel{padding:14px}.guide-card{padding:10px}.guide-card p{font-size:11px;line-height:1.42}.guide-note{display:none}.two-grid,.choice-row,.guide-grid,.guide-grid.compact,.button-row,.delivery-grid,.estimate-line-grid{grid-template-columns:1fr}.estimate-heading{align-items:flex-start;flex-direction:column;gap:8px}.delivery-wide{grid-column:auto}.delivery-heading{align-items:flex-start;flex-direction:column;gap:10px}.delivery-actions{justify-content:flex-start;width:100%}}@media(max-width:420px){.topbar,.panel,.stepper{border-radius:7px}.primary-panel{padding-inline:16px}.step{min-width:112px}textarea{min-height:138px}}