:root{--brand-blue:#3a84ff;--brand-blue-deep:#1b5bd6;--brand-blue-light:#7fb2ff;--brand-blue-pale:#bfdbff;--brand-ink:#0a1020;--brand-muted:#63656e;--brand-border:#dce0e6;--brand-bg:#f0f3f8;--brand-sidebar:#0a1020;--brand-white:#fff;--sidebar-width:220px;--header-height:52px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{color:var(--brand-ink);background:var(--brand-bg);font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}a{color:var(--brand-blue)}.sd-app{flex-direction:column;height:100%;min-height:0;display:flex}.sd-topbar{height:var(--header-height);background:var(--brand-white);border-bottom:1px solid var(--brand-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 16px;display:flex}.sd-brand{color:inherit;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.sd-brand img{flex-shrink:0;width:28px;height:28px}.sd-brand-title{flex-direction:column;gap:0;min-width:0;display:flex}.sd-brand-title strong{white-space:nowrap;font-size:14px;line-height:1.2}.sd-brand-title span{color:var(--brand-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sd-topbar-actions{flex-shrink:0;gap:8px;display:flex}.sd-body{flex:1;min-height:0;display:flex;overflow:hidden}.sd-sidebar{width:var(--sidebar-width);background:var(--brand-sidebar);color:#c8d2e0;flex-direction:column;flex-shrink:0;padding:16px 12px;display:flex;overflow-y:auto}.sd-sidebar-label{letter-spacing:.06em;text-transform:uppercase;color:#7a8699;padding:0 10px 10px;font-size:11px}.sd-nav{flex-direction:column;gap:4px;display:flex}.sd-nav-item{color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;gap:2px;padding:10px 12px;transition:background .15s,border-color .15s,color .15s;display:flex}.sd-nav-item:hover{color:#fff;background:#3a84ff1f}.sd-nav-item.is-active{color:#fff;background:linear-gradient(120deg,#1b5bd673,#3a84ff47);border-color:#7fb2ff59}.sd-nav-item strong{font-size:13px;font-weight:600}.sd-nav-item span{color:#8b97a8;font-size:11px;line-height:1.35}.sd-nav-item.is-active span{color:var(--brand-blue-pale)}.sd-main{flex-direction:column;flex:1;gap:12px;min-width:0;min-height:0;padding:12px;display:flex}.sd-config-panel{background:var(--brand-white);border:1px solid var(--brand-border);border-radius:8px;flex-shrink:0;overflow:hidden}.sd-config-head{border-bottom:1px solid var(--brand-border);background:linear-gradient(#fafbfd 0%,#fff 100%);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.sd-config-head h2{margin:0;font-size:14px;font-weight:600}.sd-config-head .sd-mode-tag{color:var(--brand-blue-deep);background:var(--brand-blue-pale);border-radius:4px;margin-left:8px;padding:1px 8px;font-size:12px;font-weight:500}.sd-config-body{grid-template-columns:minmax(280px,1fr) minmax(300px,1fr);gap:0;min-height:0;display:grid}.sd-config-form,.sd-config-code{min-width:0;padding:12px 14px}.sd-config-form{border-right:1px solid var(--brand-border)}.sd-config-section-title{color:var(--brand-muted);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.sd-form-grid{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.sd-form-grid .sd-span-2{grid-column:1/-1}.sd-config-actions{gap:8px;margin-top:10px;display:flex}.sd-code pre{background:var(--brand-ink);color:#e8eef8;border-radius:6px;max-height:168px;margin:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.5;overflow:auto}.sd-preview{background:var(--brand-white);border:1px solid var(--brand-border);border-radius:8px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.sd-preview-head{border-bottom:1px solid var(--brand-border);background:#fafbfd;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;display:flex}.sd-preview-head h3{margin:0;font-size:13px;font-weight:600}.sd-preview-head .sd-muted{font-size:12px}.sd-preview-body{background:#fff;flex:1;min-height:0;position:relative}.sd-preview-body>*{height:100%}.sd-demo-frame,.sd-demo-host{background:#fff;border:0;border-radius:0;width:100%;height:100%;min-height:0;display:block;overflow:hidden}.sd-empty-wrap{background:linear-gradient(160deg,#f8fafc 0%,#eef3fb 100%);justify-content:center;align-items:center;height:100%;display:flex}.sd-muted{color:var(--brand-muted);font-size:13px}.sd-error{z-index:2;color:#a8071a;background:#fff1f0;border:1px solid #ffa39e;border-radius:6px;margin:0;padding:8px 10px;font-size:12px;position:absolute;top:8px;left:8px;right:8px}@media (max-width:960px){.sd-body{flex-direction:column}.sd-sidebar{flex-direction:row;align-items:stretch;width:100%;padding:8px;overflow-x:auto}.sd-sidebar-label{display:none}.sd-nav{flex-direction:row;width:100%}.sd-nav-item{flex:1;min-width:120px}.sd-nav-item span{display:none}.sd-config-body{grid-template-columns:1fr}.sd-config-form{border-right:0;border-bottom:1px solid var(--brand-border)}}@media (max-width:640px){.sd-brand-title span{display:none}.sd-form-grid{grid-template-columns:1fr}}