.config-body{background:linear-gradient(108deg,#fffffff5 0 62%,#edf1f7e6 62% 100%),#fbfdfd;height:100vh;min-height:100vh;overflow:hidden}.config-body button,.config-body textarea{font:inherit}.config-app{height:100vh;min-height:100vh;color:var(--text);grid-template-rows:auto minmax(0,1fr);display:grid}.config-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;border-bottom:1px solid #dcebed;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;min-height:78px;padding:18px 28px;display:grid}.config-brand{color:var(--navy);letter-spacing:0;align-items:baseline;font-size:clamp(22px,2vw,28px);font-weight:780;line-height:1;text-decoration:none;display:inline-flex}.config-title{gap:4px;min-width:0;display:grid}.config-title h1,.config-pane-header h2{color:var(--navy);letter-spacing:0;margin:0}.config-title h1{font-size:22px;line-height:1.15}.config-title p{color:#66708b;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:13px;font-weight:650;overflow:hidden}.config-actions{align-items:center;gap:10px;display:inline-flex}.config-status{color:#3c4962;background:#f5fbfb;border:1px solid #ccebea;border-radius:999px;justify-content:center;align-items:center;min-width:82px;height:34px;font-size:13px;font-weight:800;display:inline-flex}.config-status[data-tone=success]{color:#1b7a65;background:#f0fcf7;border-color:#aee5d4}.config-status[data-tone=error]{color:#a03838;background:#fff5f5;border-color:#f2c2c2}.config-icon-button,.config-save-button,.config-link-button{color:#1e2149;background:#fff;border:1px solid #c9eeee;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;font-weight:850;display:inline-flex;box-shadow:0 10px 22px #1823420d}.config-link-button{min-width:76px;padding:0 14px}.config-icon-button{width:42px}.config-save-button{min-width:104px;padding:0 16px}.config-icon-button svg,.config-save-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none;width:18px;height:18px}.config-icon-button:disabled,.config-save-button:disabled{cursor:not-allowed;opacity:.5}.config-workspace{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:12px 14px;min-height:0;padding:16px;display:grid;overflow:hidden}.config-document-nav,.config-editor-pane,.config-preview-pane{background:#ffffffeb;border:1px solid #dcebed;border-radius:8px;min-height:0;box-shadow:0 18px 38px #14213d0f}.config-document-nav{grid-column:1/-1;grid-template-columns:repeat(5,minmax(150px,1fr));align-content:stretch;gap:8px;padding:8px;display:grid;overflow:auto hidden}.config-document-button{width:100%;min-height:64px;color:var(--text);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid;position:relative}.config-document-button:hover,.config-document-button:focus-visible{background:#f8ffff;border-color:#d2eeee;outline:0}.config-document-button.is-active{box-shadow:inset 0 -4px 0 var(--teal-dark);background:#eefafa;border-color:#bfeae7;outline:0}.config-document-button.is-dirty .config-document-main strong:after{content:"";vertical-align:middle;background:#34b59f;border-radius:999px;width:7px;height:7px;margin-left:7px;display:inline-block}.config-document-main{gap:6px;min-width:0;display:grid}.config-document-main strong,.config-document-main em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.config-document-main strong{color:var(--navy);font-size:14px;line-height:1.25}.config-document-main em{color:#6b728a;font-size:11px;font-style:normal;font-weight:700}.config-document-kind{color:#536076;background:#fff;border:1px solid #e1eeee;border-radius:999px;justify-content:center;align-items:center;min-width:72px;height:28px;font-size:11px;font-weight:850;display:inline-flex}.config-document-load-state{color:#1b7a65;grid-column:1/-1;font-size:11px;font-weight:750}.config-document-load-state.is-disabled{color:#6b728a}.config-pane-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 12px;display:flex}.config-load-toggle{color:#3c4962;white-space:nowrap;cursor:pointer;background:#f5fbfb;border:1px solid #ccebea;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;font-weight:750;display:inline-flex}.config-load-toggle[hidden],.config-load-hint[hidden]{display:none}.config-load-toggle:disabled{opacity:.5;cursor:wait}.config-load-toggle:focus-visible{outline:2px solid var(--teal-dark);outline-offset:3px}.config-toggle-track{background:#a1a8b5;border-radius:999px;width:30px;height:18px;padding:2px}.config-toggle-track:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;display:block}.config-load-toggle[aria-checked=true] .config-toggle-track{background:var(--teal-dark)}.config-load-toggle[aria-checked=true] .config-toggle-track:after{transform:translate(12px)}.config-load-hint{color:#6b728a;background:#f8fcfc;border-bottom:1px solid #e6eeee;margin:0;padding:8px 18px;font-size:12px;line-height:1.5}.config-load-hint[data-tone=error]{color:#a03838;background:#fff5f5}.config-editor-pane,.config-preview-pane{grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.config-editor-pane{grid-template-rows:auto auto minmax(0,1fr)}.config-pane-header{border-bottom:1px solid #e6eeee;justify-content:space-between;align-items:center;gap:14px;min-height:72px;padding:14px 18px;display:flex}.config-kicker,.config-meta{color:#6b728a;font-size:12px;font-weight:800}.config-pane-header h2{margin-top:4px;font-size:18px;line-height:1.2}.config-meta{flex:none}#configEditor{resize:none;color:#20243f;background:#fff;border:0;outline:0;grid-row:3;width:100%;height:100%;min-height:0;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.58}.markdown-preview{color:#2f354f;min-height:0;padding:18px;font-size:14px;line-height:1.62;overflow:auto}.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5{color:var(--navy);margin:20px 0 8px;line-height:1.25}.markdown-preview p{margin:0 0 10px}.markdown-preview ul{margin:0 0 12px;padding-left:22px}.markdown-preview code{color:#242847;background:#eef6f6;border-radius:5px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92em}.config-empty-state{color:#6b728a;place-items:center;min-height:180px;font-weight:800;display:grid}.config-toast-host{z-index:100;gap:10px;display:grid;position:fixed;bottom:20px;right:20px}.config-toast{min-width:220px;color:var(--navy);background:#fffffffa;border:1px solid #c9eeee;border-radius:8px;padding:12px 14px;font-size:13px;font-weight:850;box-shadow:0 18px 40px #1320371f}.config-toast-error{color:#a03838;border-color:#f2c2c2}@media (width<=980px){.config-topbar{grid-template-columns:1fr;align-items:start;gap:10px}.config-actions{justify-content:flex-start}.config-workspace{grid-template-rows:auto minmax(320px,1fr) minmax(260px,.8fr);grid-template-columns:minmax(0,1fr)}}@media (width<=640px),(orientation:landscape) and (width<=900px) and (height<=600px){.config-body{overflow:auto}.config-app{height:auto;min-height:100vh}.config-document-nav{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (width<=760px),(orientation:landscape) and (width<=900px) and (height<=600px){.config-body{min-width:320px;min-height:100svh;overflow-x:hidden}.config-app{width:100%;min-width:0;min-height:var(--app-height,100dvh)}.config-topbar,.config-workspace,.config-document-nav,.config-editor-pane,.config-preview-pane{min-width:0}.config-topbar{z-index:5;padding:calc(12px + env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 12px max(12px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr);gap:10px;position:sticky;top:0}.config-brand{font-size:22px}.config-title h1{font-size:19px}.config-title p{font-size:12px}.config-actions{grid-template-columns:minmax(0,1fr) auto auto auto;gap:6px;width:100%;display:grid}.config-status,.config-icon-button,.config-link-button,.config-save-button{min-width:0;height:40px}.config-status{justify-self:start;padding:0 10px}.config-link-button,.config-save-button{padding:0 11px}.config-workspace{padding:10px max(10px, env(safe-area-inset-right)) 20px max(10px, env(safe-area-inset-left));grid-template-rows:auto minmax(360px,58vh) minmax(360px,auto);grid-template-columns:1fr;gap:10px;overflow:visible}.config-document-nav{grid-template-columns:repeat(2,minmax(135px,1fr));gap:6px;padding:6px;overflow:visible}.config-document-button{min-height:58px;padding:8px 9px}.config-document-kind{min-width:58px}.config-pane-header{min-height:62px;padding:11px 12px}.config-pane-header h2{font-size:16px}.config-meta{text-overflow:ellipsis;white-space:nowrap;max-width:42%;overflow:hidden}.config-pane-actions .config-meta{max-width:100%}.config-load-hint{padding:8px 12px}#configEditor,.markdown-preview{padding:13px;font-size:14px}}