#dev_site_panel p { overflow-wrap: anywhere; }
#dev_site_controls { display: grid; gap: 16px; align-items: start; }
#dev_site_controls > p, #dev_site_controls > details { margin: 4px 0; }
#dev_site_controls > label { display: grid; gap: 8px; }
#dev_site_controls input { max-width: 100%; }
#dev_site_status { min-height: 1.4rem; white-space: pre-wrap; }
#dev_site_links { margin-top: 20px; }
.dev_site_domain { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 16px; border: 1px solid var(--line, #dfe5ed); border-radius: 12px; background: var(--soft, #f5f7fa); }
.dev_site_domain span { color: var(--muted, #647083); font-size: .72rem; font-weight: 800; letter-spacing: .12em; }
.dev_site_domain a { color: var(--accent, #196b78); font-weight: 750; overflow-wrap: anywhere; }
.dev_wallet_grid { margin: 0; }
.dev_wallet_grid > div { display: grid; align-content: start; gap: 9px; }
.dev_wallet_grid .wallet_balance_list { min-height: 2rem; }
.dev_wallet_grid .button { justify-self: start; margin-top: 4px; }
.dev_funding_guidance { padding: 15px 17px; border: 1px solid rgba(220, 160, 44, .4); border-left: 4px solid #dca02c; border-radius: 10px; background: rgba(245, 186, 57, .09); }
.dev_funding_guidance p { margin: 6px 0 0; color: var(--muted, #647083); }
.dev_setup_progress { display: grid; gap: 0; padding: 18px; border: 1px solid var(--line, #dfe5ed); border-radius: 14px; background: var(--panel, #fff); }
.dev_setup_progress h4 { margin: 0 0 8px; }
.dev_setup_progress > div:not(.dev_ssl_nodes) { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; align-items: start; padding: 11px 0; border-bottom: 1px solid var(--line, #dfe5ed); }
.dev_setup_progress > div > span, .dev_ssl_node > span { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--soft, #f5f7fa); color: var(--muted, #647083); font-weight: 900; }
.dev_setup_progress b, .dev_ssl_node b { display: block; }
.dev_setup_progress small, .dev_ssl_node small { display: block; margin-top: 3px; color: var(--muted, #647083); overflow-wrap: anywhere; }
.dev_setup_progress .is-complete > span, .dev_ssl_node.is-installed > span { background: rgba(35, 170, 119, .14); color: #168458; }
.dev_setup_progress .is-working > span, .dev_ssl_node.is-issuing > span, .dev_ssl_node.is-pending > span, .dev_ssl_node.is-waiting > span { background: rgba(50, 131, 213, .14); color: #2477bd; animation: dev-status-pulse 1.3s ease-in-out infinite; }
.dev_setup_progress .is-error > span, .dev_ssl_node.is-failed > span { background: rgba(199, 66, 58, .14); color: #b23731; }
.dev_ssl_nodes { display: grid; gap: 8px; padding: 12px 0 0 38px; }
.dev_ssl_node { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 9px; align-items: start; padding: 9px 11px; border-radius: 9px; background: var(--soft, #f5f7fa); }
.dev_ssl_nodes > p { margin: 0; color: var(--muted, #647083); }
.dev_manual_ssl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 16px; border: 1px solid var(--line, #dfe5ed); border-radius: 12px; }
.dev_manual_ssl > p { grid-column: 1 / -1; margin: 0; }
.dev_manual_ssl label { display: grid; gap: 7px; }
@keyframes dev-status-pulse { 50% { opacity: .48; transform: scale(.94); } }
html[data-theme="night"] .dev_funding_guidance { background: rgba(245, 186, 57, .08); border-color: rgba(245, 186, 57, .28); }
html[data-theme="night"] .dev_site_domain, html[data-theme="night"] .dev_setup_progress { border-color: #34445d; background: #111a29; }
html[data-theme="night"] .dev_ssl_node { background: #172338; }
@media (max-width: 700px) {
  .dev_site_domain { align-items: flex-start; flex-direction: column; }
  .dev_manual_ssl { grid-template-columns: 1fr; }
  .dev_ssl_nodes { padding-left: 0; }
  #dev_site_controls > .button { width: 100%; }
}
#zip_workflow { width: min(900px, 94vw); max-height: 88vh; overflow: auto; box-sizing: border-box; padding: 24px; border: 1px solid var(--line, #dfe5ed); border-radius: 18px; background: var(--panel, #fff); color: var(--ink, #172033); box-shadow: 0 28px 80px rgba(15, 30, 48, .24); }
#zip_workflow::backdrop { background: rgba(15, 30, 48, .58); backdrop-filter: blur(4px); }
.zip_workflow_header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.zip_workflow_header h2 { margin-top: 0; }
#zip_workflow > p { color: var(--muted, #647083); }
#zip_workflow_detail pre { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 320px; overflow: auto; }
.zip_workflow_stage_list { display: grid; gap: 8px; margin: 18px 0; }
.zip_workflow_stage_row { display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: center; gap: 11px; min-height: 48px; padding: 9px 12px; border: 1px solid var(--line, #dfe5ed); border-radius: 11px; background: var(--soft, #f5f7fa); color: var(--ink, #172033); transition: border-color .2s ease, background .2s ease, opacity .2s ease; }
.zip_workflow_stage_marker { display: grid; place-items: center; width: 28px; height: 28px; border: 2px solid #b7c0ca; border-radius: 50%; color: #788493; font-size: .76rem; font-weight: 900; }
.zip_workflow_stage_row>div { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 12px; }
.zip_workflow_stage_row small { grid-column: 1 / -1; color: var(--muted, #647083); font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.zip_workflow_stage_row b { overflow-wrap: anywhere; font-size: .84rem; }
.zip_workflow_stage_row strong { color: #168458; font-size: .78rem; }
.zip_workflow_stage_row.is-upcoming { opacity: .58; }
.zip_workflow_stage_row.is-active { border-color: #e59a43; background: rgba(229, 154, 67, .1); box-shadow: 0 7px 20px rgba(229, 154, 67, .1); }
.zip_workflow_stage_row.is-active .zip_workflow_stage_marker { border-color: #e59a43; background: #e59a43; color: #fff; box-shadow: 0 0 0 4px rgba(229, 154, 67, .14); }
.zip_workflow_stage_row.is-complete { border-color: rgba(35, 170, 119, .35); background: rgba(35, 170, 119, .08); }
.zip_workflow_stage_row.is-complete .zip_workflow_stage_marker { border-color: #23aa77; background: #23aa77; color: #fff; }
.zip_workflow_operations { display: grid; gap: 8px; margin: 16px 0; padding: 14px; border: 1px solid var(--line, #dfe5ed); border-radius: 14px; background: var(--soft, #f5f7fa); }
.zip_workflow_operations[hidden] { display: none; }
.zip_workflow_operation { display: grid; grid-template-columns: 25px minmax(0, 1fr); align-items: start; gap: 10px; padding: 7px 2px; }
.zip_workflow_operation + .zip_workflow_operation { border-top: 1px solid var(--line, #dfe5ed); }
.zip_workflow_operation_icon { display: grid; place-items: center; width: 22px; height: 22px; margin-top: 1px; border-radius: 50%; background: #e3e9ef; color: #667487; font-size: .77rem; font-weight: 900; }
.zip_workflow_operation.is-working .zip_workflow_operation_icon { border: 2px solid rgba(36,119,189,.2); border-top-color: #2477bd; background: transparent; animation: zip-operation-spin .8s linear infinite; }
.zip_workflow_operation.is-done .zip_workflow_operation_icon { background: #23aa77; color: white; }
.zip_workflow_operation.is-error .zip_workflow_operation_icon { background: #b23731; color: white; }
.zip_workflow_operation b, .zip_workflow_operation small { display: block; overflow-wrap: anywhere; }
.zip_workflow_operation b { font-size: .82rem; }
.zip_workflow_operation small { margin-top: 2px; color: var(--muted, #647083); font-size: .72rem; line-height: 1.4; }
.zip_workflow_operation_track { height: 6px; margin-top: 8px; overflow: hidden; border-radius: 999px; background: #dce5ed; }
.zip_workflow_operation_track > span { display: block; height: 100%; border-radius: inherit; background: #2477bd; transition: width .2s ease; }
.zip_workflow_operation.is-done .zip_workflow_operation_track > span { background: #23aa77; }
@keyframes zip-operation-spin { to { transform: rotate(360deg); } }
.zip_workflow_total_progress { position: sticky; bottom: -24px; z-index: 3; margin: 22px -24px -24px; padding: 15px 24px 18px; border-top: 1px solid var(--line, #dfe5ed); background: var(--panel, #fff); background: color-mix(in srgb, var(--panel, #fff) 94%, transparent); backdrop-filter: blur(12px); }
.zip_workflow_total_progress>div { height: 10px; overflow: hidden; border-radius: 999px; background: #e4e9ee; box-shadow: inset 0 1px 2px rgba(15, 30, 48, .1); }
.zip_workflow_total_progress>div>span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #e59a43, #36b882); box-shadow: 0 0 14px rgba(54, 184, 130, .32); transition: width .45s ease; }
.zip_workflow_total_progress small { display: block; margin-top: 7px; color: var(--muted, #647083); font-size: .7rem; font-weight: 800; text-align: right; }
#zip_workflow_error { white-space: pre-wrap; color: #a63f36; }
#zip_workflow_error:empty { display: none; }
#zip_workflow_links { margin-top: 18px; }
#zip_workflow_dev_complete { display: grid; gap: 16px; margin-top: 18px; padding: 20px; border: 1px solid rgba(35, 170, 119, .35); border-radius: 14px; background: rgba(35, 170, 119, .08); }
#zip_workflow_dev_complete[hidden] { display: none; }
#zip_workflow_dev_complete span { color: #168458; font-size: .72rem; font-weight: 850; letter-spacing: .12em; }
#zip_workflow_dev_complete h3 { margin: 5px 0 4px; }
#zip_workflow_dev_complete p { margin: 0; }
#zip_workflow_dev_complete > small { color: var(--muted, #647083); line-height: 1.5; }
.zip_workflow_complete_actions { display: flex; flex-wrap: wrap; gap: 10px; }
html[data-theme="night"] #zip_workflow { border-color: #34445d; background: #111a29; color: #eef4ff; box-shadow: 0 28px 80px rgba(0, 0, 0, .45); }
html[data-theme="night"] #zip_workflow::backdrop { background: rgba(3, 10, 22, .8); }
html[data-theme="night"] .zip_workflow_stage_row { border-color: #34445d; background: #162238; color: #eef4ff; }
html[data-theme="night"] .zip_workflow_stage_row.is-active { border-color: #6ce3d5; background: rgba(108, 227, 213, .09); }
html[data-theme="night"] .zip_workflow_stage_row.is-active .zip_workflow_stage_marker { border-color: #45cbbb; background: #45cbbb; box-shadow: 0 0 0 4px rgba(108, 227, 213, .12); }
html[data-theme="night"] .zip_workflow_stage_row.is-complete { border-color: rgba(80, 213, 162, .3); background: rgba(35, 170, 119, .09); }
html[data-theme="night"] .zip_workflow_operations { border-color: #34445d; background: #162238; }
html[data-theme="night"] .zip_workflow_operation + .zip_workflow_operation { border-color: #34445d; }
html[data-theme="night"] .zip_workflow_operation_track { background: #27364a; }
html[data-theme="night"] .zip_workflow_total_progress { border-color: #34445d; background: rgba(17, 26, 41, .94); }
html[data-theme="night"] .zip_workflow_total_progress>div { background: #27364a; }
html[data-theme="night"] #zip_workflow_error { color: #ff9d9d; }
html[data-theme="night"] #zip_workflow_dev_complete { border-color: rgba(80, 213, 162, .3); background: rgba(35, 170, 119, .09); }
html[data-theme="night"] #zip_workflow_dev_complete span { color: #68ddb0; }
@media (max-width: 640px) { .zip_workflow_complete_actions { display: grid; } .zip_workflow_complete_actions .button { width: 100%; } .zip_workflow_stage_row>div { grid-template-columns: 1fr; } .zip_workflow_stage_row strong { margin-top: 2px; } }
@media (prefers-reduced-motion: reduce) { .zip_workflow_operation.is-working .zip_workflow_operation_icon { animation-duration: 2s; } }
#dev_import_notice { margin: 18px 0; padding: 18px; border-left: 4px solid #45b7a6; }
#publish_live_site { margin: 24px 0 12px; display: block; }
#publish_live_site[hidden] { display: none; }