:root{--hc-bg: #232329;--hc-card-bg: #2d2d36;--hc-card-bg-elevated: #383842;--hc-border: rgba(255, 255, 255, .07);--hc-text: rgba(255, 255, 255, .88);--hc-text-secondary: rgba(255, 255, 255, .45);--hc-radius: 14px;--hc-accent: #8bc34a;--hc-accent-rgb: 139, 195, 74;--hc-alarm: #e05d5d;--hc-alarm-rgb: 224, 93, 93;--hc-canvas-bg: #27272f;--hc-canvas-overlay: rgba(45, 45, 54, .94);--hc-login-gradient: linear-gradient(160deg, #2b2b33 0%, #232329 60%, #1d1d23 100%);color-scheme:dark}:root[data-theme=light]{--hc-bg: #f4f4f6;--hc-card-bg: #ffffff;--hc-card-bg-elevated: #ffffff;--hc-border: rgba(0, 0, 0, .08);--hc-text: rgba(0, 0, 0, .88);--hc-text-secondary: rgba(0, 0, 0, .45);--hc-accent: #689f38;--hc-accent-rgb: 104, 159, 56;--hc-alarm: #d4380d;--hc-alarm-rgb: 212, 56, 13;--hc-canvas-bg: #fafafa;--hc-canvas-overlay: rgba(255, 255, 255, .95);--hc-login-gradient: linear-gradient(160deg, #ececef 0%, #f4f4f6 60%, #e3e3e8 100%);color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--hc-bg)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--hc-login-gradient);padding:16px;position:relative}.login-theme-toggle{position:absolute;top:16px;right:16px}.login-theme-toggle .ant-btn{color:var(--hc-text)}.login-card{width:100%;max-width:420px;box-shadow:0 20px 60px #0009;border:1px solid var(--hc-border)}.page-content{padding:24px;max-width:1400px;margin:0 auto;width:100%}:root[data-theme=dark] .ant-tag{border:none;color:#ffffffe0;background:#ffffff1f}:root[data-theme=dark] .ant-tag-blue{color:#fff;background:#60a5fa52}:root[data-theme=dark] .ant-tag-green{color:#fff;background:rgba(var(--hc-accent-rgb),.32)}:root[data-theme=dark] .ant-tag-red{color:#fff;background:rgba(var(--hc-alarm-rgb),.32)}:root[data-theme=dark] .ant-tag-orange{color:#fff;background:#fb923c52}:root[data-theme=dark] .ant-tag-gold,:root[data-theme=dark] .ant-tag-volcano{color:#fff;background:#fbbf2447}:root[data-theme=dark] .ant-tag-cyan,:root[data-theme=dark] .ant-tag-geekblue{color:#fff;background:#38bdf847}:root[data-theme=dark] .ant-tag-purple,:root[data-theme=dark] .ant-tag-magenta{color:#fff;background:#c084fc47}:root[data-theme=dark] .ant-tag-lime{color:#fff;background:rgba(var(--hc-accent-rgb),.28)}.editor-layout{display:flex;height:calc(100vh - 64px);overflow:hidden}.editor-canvas-wrap{flex:1;position:relative;overflow:hidden;background:var(--hc-canvas-bg)}.editor-sidebar{width:300px;background:var(--hc-card-bg);border-left:1px solid var(--hc-border);overflow-y:auto;padding:12px;flex-shrink:0}.editor-toolbar{position:absolute;top:12px;left:12px;z-index:10;display:flex;gap:8px;flex-wrap:wrap;background:var(--hc-canvas-overlay);border:1px solid var(--hc-border);padding:8px;border-radius:10px;box-shadow:0 4px 16px #00000073}.editor-zoom-info{position:absolute;bottom:12px;left:12px;z-index:10;background:var(--hc-canvas-overlay);border:1px solid var(--hc-border);padding:4px 10px;border-radius:8px;font-size:12px;color:var(--hc-text-secondary)}.monitor-legend{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}@media (max-width: 768px){.editor-sidebar{width:220px}.page-content{padding:12px}}