:root{--bg-color: #f4f7fb;--surface-color: rgba(255, 255, 255, .84);--surface-elevated: #ffffff;--text-color: #162033;--text-secondary: #5b6b84;--border-color: rgba(148, 163, 184, .24);--hover-bg: rgba(59, 130, 246, .08);--sidebar-bg: rgba(255, 255, 255, .72);--header-bg: rgba(255, 255, 255, .74);--shadow: rgba(15, 23, 42, .1);--primary-color: #3b82f6;--primary-strong: #2563eb;--cta-color: #f97316;--error-color: #ef4444;--success-color: #16a34a;--scrollbar-track: rgba(148, 163, 184, .12);--scrollbar-thumb: rgba(59, 130, 246, .26);--scrollbar-thumb-hover: rgba(59, 130, 246, .42);--panel-glow: 0 22px 60px rgba(15, 23, 42, .1);--accent-soft: rgba(59, 130, 246, .1);--accent-strong: #2563eb}[data-theme=dark]{--bg-color: #08111f;--surface-color: rgba(13, 23, 41, .9);--surface-elevated: rgba(15, 27, 49, .94);--text-color: #e2e8f0;--text-secondary: #94a3b8;--border-color: rgba(96, 165, 250, .16);--hover-bg: rgba(59, 130, 246, .14);--sidebar-bg: rgba(9, 17, 31, .88);--header-bg: rgba(9, 17, 31, .78);--shadow: rgba(2, 6, 23, .48);--primary-color: #60a5fa;--primary-strong: #93c5fd;--cta-color: #fb923c;--error-color: #ff7875;--success-color: #73d13d;--scrollbar-track: rgba(30, 41, 59, .56);--scrollbar-thumb: rgba(96, 165, 250, .34);--scrollbar-thumb-hover: rgba(147, 197, 253, .5);--panel-glow: 0 22px 60px rgba(2, 6, 23, .48);--accent-soft: rgba(59, 130, 246, .18);--accent-strong: #60a5fa}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Fira Sans,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease;background-image:radial-gradient(circle at top left,rgba(59,130,246,.18),transparent 28%),radial-gradient(circle at bottom right,rgba(249,115,22,.12),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.2),transparent 30%);overflow:hidden}#root{height:100%;display:flex;flex-direction:column}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}code{font-family:Fira Code,Menlo,Monaco,Consolas,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::selection,::-moz-selection{background-color:var(--primary-color);color:#fff}.app-container{height:100vh;display:flex;flex-direction:column;background-color:var(--bg-color);transition:background-color .3s ease;position:relative;isolation:isolate}.app-container:before,.app-container:after{content:"";position:absolute;pointer-events:none;z-index:-1;filter:blur(24px);opacity:.9}.app-container:before{width:360px;height:360px;top:-100px;right:-80px;background:radial-gradient(circle,rgba(59,130,246,.18),transparent 68%);animation:drift 14s ease-in-out infinite}.app-container:after{width:300px;height:300px;bottom:-120px;left:-80px;background:radial-gradient(circle,rgba(249,115,22,.12),transparent 72%);animation:drift 18s ease-in-out infinite reverse}.app-header{flex-shrink:0;background-color:var(--header-bg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 36px #0f172a14;z-index:100;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease;border-bottom:1px solid rgba(148,163,184,.14);line-height:normal}.app-header-shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.app-header-left{display:flex;align-items:center;gap:16px;flex:1 1 auto;min-width:0;overflow:hidden}.app-brand{display:inline-flex;align-items:center;gap:12px;flex:0 1 360px;min-width:188px;overflow:hidden;text-decoration:none}.app-brand-logo{display:block;width:48px;height:auto;max-height:48px;object-fit:contain;object-position:center;flex:0 0 auto}.app-brand:hover .app-brand-logo{filter:saturate(1.04)}.app-brand:focus-visible{outline:2px solid var(--primary-color);outline-offset:6px;border-radius:12px}.app-brand-logo img,.app-brand-logo svg{display:block}.app-brand-copy{display:flex;flex-direction:column;min-width:0;overflow:hidden}.app-brand-title{color:var(--text-color);font-size:24px;line-height:1.05;font-weight:800;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-brand-subtitle{margin-top:4px;color:var(--text-secondary);font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-toolbar,.header-secondary-actions{display:flex!important;align-items:center;flex-wrap:nowrap;background:#ffffff75;border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:8px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);line-height:1}[data-theme=dark] .header-toolbar,[data-theme=dark] .header-secondary-actions{background:#0f1b3199}.header-toolbar{flex:0 1 auto;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.header-toolbar::-webkit-scrollbar{display:none}.header-secondary-actions{flex:0 0 auto;align-self:center}.header-toolbar .ant-btn,.header-secondary-actions .ant-btn,.header-divider{flex:0 0 auto}.header-divider{width:1px;height:26px;margin:0 6px;background:linear-gradient(180deg,transparent,rgba(148,163,184,.52),transparent)}.app-content{flex:1;display:flex;overflow:hidden;background-color:var(--bg-color);transition:background-color .3s ease;gap:18px;padding:18px}.app-sidebar{width:300px;flex-shrink:0;background-color:var(--sidebar-bg);overflow-y:auto;transition:background-color .3s ease,border-color .3s ease,transform .3s ease;border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--panel-glow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;border:1px solid var(--border-color);border-radius:28px;background:linear-gradient(180deg,var(--surface-color),var(--surface-elevated));box-shadow:var(--panel-glow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.app-icon-button,.header-action-button{border-radius:12px!important}.app-icon-button:hover,.header-action-button:hover{background:var(--hover-bg)!important;border-color:#3b82f62e!important}.header-save-button{border-radius:12px!important;background:linear-gradient(135deg,var(--primary-color),var(--cta-color))!important;border:none!important;box-shadow:0 10px 24px #3b82f638}.workspace-shell{height:100%;display:flex;flex-direction:column;min-height:0}.workspace-toolbar{border-bottom:1px solid var(--border-color);background:linear-gradient(180deg,#ffffff5c,#ffffff14);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}[data-theme=dark] .workspace-toolbar{background:linear-gradient(180deg,#0f1b3194,#0f1b3138)}.workspace-mode-switcher .ant-space{background:#fff9;border:1px solid rgba(148,163,184,.16);border-radius:16px;padding:6px}[data-theme=dark] .workspace-mode-switcher .ant-space{background:#0f1b31ad}.workspace-editor-region{flex:1;overflow:hidden}.editor-container{flex:1;display:flex;overflow:hidden;gap:12px;padding:14px}.editor-pane{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;background:linear-gradient(180deg,#ffffffc7,#fffffff0);border:1px solid rgba(148,163,184,.18);border-radius:22px;box-shadow:inset 0 1px #fff9}[data-theme=dark] .editor-pane{background:linear-gradient(180deg,#0f1b31d1,#08111ff0)}.editor-pane+.editor-pane{border-left:1px solid rgba(148,163,184,.12)}.editor-header{padding:14px 18px;background-color:#ffffff5c;border-bottom:1px solid rgba(148,163,184,.14);font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.14em}[data-theme=dark] .editor-header{background-color:#0f1b3170}.editor-content{flex:1;overflow:auto;padding:18px}.markdown-editor{width:100%;height:100%;border:1px solid transparent;outline:none;resize:none;font-family:Fira Code,Menlo,Monaco,monospace;font-size:14px;line-height:1.6;padding:18px;background-color:#ffffffb8;color:var(--text-color);border-radius:18px}[data-theme=dark] .markdown-editor{background-color:#08111fb8}.markdown-editor:focus{border-color:#3b82f67a;box-shadow:0 0 0 4px #3b82f61f}.table-editor{width:100%;height:100%;overflow:auto}.table-editor table{width:100%;border-collapse:separate;border-spacing:0;background-color:#ffffffd1;border:1px solid rgba(148,163,184,.16);border-radius:18px;overflow:hidden}[data-theme=dark] .table-editor table{background-color:#0f1b31e0}.table-editor th,.table-editor td{border-right:1px solid rgba(148,163,184,.16);border-bottom:1px solid rgba(148,163,184,.16);padding:10px 14px;text-align:left;vertical-align:middle;position:relative;min-width:100px;max-width:300px}.table-editor th{background:linear-gradient(180deg,#3b82f61f,#3b82f60d);font-weight:700;color:var(--text-color)}.table-editor td{background-color:#ffffff8f}[data-theme=dark] .table-editor td{background-color:#08111f8c}.table-editor .cell-input{width:100%;border:none;outline:none;background:transparent;font-size:inherit;font-family:inherit;padding:0;color:inherit}.table-editor .cell-selected{background-color:#3b82f62e!important;border-color:var(--primary-color)!important;box-shadow:inset 0 0 0 1px #3b82f666}.table-editor .row-selected,.table-editor .column-selected{background-color:#3b82f614!important}.dragging{opacity:.5;transform:rotate(5deg)}.drag-over{background-color:#3b82f61f;border:2px dashed var(--primary-color)}.resize-handle{position:absolute;background-color:var(--cta-color);opacity:0;transition:opacity .2s}.resize-handle:hover,.resize-handle.active{opacity:1}.resize-handle-right{top:0;right:-2px;width:4px;height:100%;cursor:col-resize}.resize-handle-bottom{bottom:-2px;left:0;width:100%;height:4px;cursor:row-resize}.toolbar{display:flex;align-items:center;gap:8px;padding:0;background-color:transparent;border-bottom:none;flex-wrap:wrap}.toolbar-group{display:inline-flex;align-items:center;gap:0;padding:6px;border-radius:16px;background:#ffffff85;border:1px solid rgba(148,163,184,.14)}[data-theme=dark] .toolbar-group{background:#0f1b31ad}.style-panel{padding:16px}.style-section{margin-bottom:24px}.style-section-title{font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:12px;display:flex;align-items:center;gap:8px}.style-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.style-label{font-size:12px;color:var(--text-secondary);min-width:60px}.color-picker-trigger{width:32px;height:32px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;position:relative;overflow:hidden}.color-picker-trigger:after{content:"";position:absolute;inset:0;background:currentColor}.sidebar-shell{height:100%;display:flex;flex-direction:column;padding:6px 0 10px}.sidebar-summary-card{margin:16px 16px 8px;border-radius:20px!important;border:1px solid rgba(148,163,184,.14)!important;box-shadow:0 16px 34px #0f172a14;overflow:hidden}.sidebar-card-title{font-weight:700}.sidebar-stat-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#3b82f60f}.sidebar-tabs-shell{flex:1;overflow:hidden;display:flex;flex-direction:column}.sidebar-tabs{height:100%;display:flex;flex-direction:column}.sidebar-tabs .ant-tabs-content-holder{padding:8px 16px 16px;overflow:auto}.sidebar-tabs .ant-tabs-nav{margin-bottom:6px}.sidebar-tabs .ant-tabs-tab{border-radius:999px;padding:8px 12px!important}.sidebar-tabs .ant-tabs-tab-active{background:var(--accent-soft)}.panel-scroll{padding:16px;height:100%;overflow:auto}.panel-scroll-spacious{padding:24px;background:transparent}.panel-card{margin-bottom:16px}.panel-card-spacious .ant-card-body{padding:20px!important}.panel-card-title{font-size:16px;font-weight:700;color:var(--text-color)}.panel-field-label{font-size:13px;display:block;margin-bottom:12px;font-weight:600;color:var(--text-secondary)}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;border-radius:14px;background:#3b82f60d}.panel-action-button{min-width:160px;border-radius:12px!important;height:38px!important;font-weight:600}.panel-action-button-danger{margin-top:8px;height:42px!important}.color-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.color-swatch{width:24px;height:24px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.color-swatch:hover{transform:translateY(-1px)}.file-list-item{padding:10px 12px!important;background-color:#ffffff8f;border:1px solid var(--border-color);border-radius:14px!important;margin-bottom:10px;cursor:pointer;transition:border-color .2s ease,transform .2s ease,background-color .2s ease}[data-theme=dark] .file-list-item{background-color:#0f1b318f}.file-list-item:hover{transform:translateY(-1px);border-color:#3b82f647}.file-list-item.is-current{background-color:var(--hover-bg);border-color:var(--primary-color);box-shadow:0 10px 24px #3b82f61f}.app-modal .ant-modal-content{overflow:hidden}.app-modal-body{padding:16px 0 4px}.app-modal-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:24px}.app-modal-hero-compact{margin-bottom:0}.app-modal-hero-mark{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--primary-color),var(--cta-color));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 16px 36px #3b82f63d}.app-modal-title{margin-bottom:0!important;color:var(--text-color)!important;letter-spacing:-.03em}.app-modal-subtitle{font-size:15px;max-width:42rem}.app-modal-tag-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.app-tag-neutral{border-radius:999px;background:#3b82f614;color:var(--text-secondary);font-weight:600}.app-modal-section{margin-bottom:24px}.app-modal-section-title{display:flex;align-items:center;gap:10px;margin-bottom:16px!important;color:var(--text-color)!important}.feature-grid,.info-grid,.shortcut-grid{display:grid;gap:12px}.feature-grid,.info-grid,.shortcut-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-chip,.info-card,.shortcut-card{border:1px solid rgba(148,163,184,.16);border-radius:16px;background:#ffffff94;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}[data-theme=dark] .feature-chip,[data-theme=dark] .info-card,[data-theme=dark] .shortcut-card{background:#0f1b319e}.feature-chip{display:flex;align-items:center;gap:10px;padding:12px 14px}.feature-chip .anticon{color:var(--success-color)}.info-card{padding:16px}.modal-list{margin-top:8px;margin-bottom:0;padding-left:20px}.modal-list li+li{margin-top:6px}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcut-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px}.shortcut-key-tag{font-family:Fira Code,monospace;font-size:12px;margin-left:8px;background-color:#ffffffb8;border:1px solid var(--border-color);color:var(--text-secondary);border-radius:10px}[data-theme=dark] .shortcut-key-tag{background-color:#08111fb8}.app-modal-footer-note{text-align:center}.modal-footer-links{margin-top:8px;display:inline-flex;align-items:center;gap:8px}.modal-title-inline{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:var(--text-color);padding:4px 0}.modal-title-icon{font-size:20px;color:var(--primary-color)}.modal-close-icon{font-size:16px;color:var(--text-secondary);padding:8px;border-radius:8px;transition:all .2s ease}.modal-close-icon:hover{background:var(--hover-bg);color:var(--text-color)}.modal-footer-button{border-radius:12px!important}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(148,163,184,.2);border-top:2px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.error-message{color:var(--error-color);font-size:12px;margin-top:4px}.success-message{color:var(--success-color);font-size:12px;margin-top:4px}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#0f172a;color:#fff;padding:4px 8px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1000}.tooltip:hover:after{opacity:1}.context-menu{position:fixed;background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--panel-glow);padding:6px 0;z-index:1000;min-width:160px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.context-menu-item{display:flex;align-items:center;gap:8px;padding:9px 14px;cursor:pointer;font-size:14px;color:var(--text-color);transition:background-color .2s}.context-menu-item:hover{background-color:var(--hover-bg)}.context-menu-item.disabled{color:#94a3b8;cursor:not-allowed}.context-menu-item.disabled:hover{background-color:transparent}.context-menu-divider{height:1px;background-color:var(--border-color);margin:4px 0}.app-container .ant-card,.app-container .ant-tabs-content-holder,.app-container .ant-modal-content,.app-container .ant-dropdown .ant-dropdown-menu,.app-container .ant-popover-inner{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.app-container .ant-card,.app-container .ant-modal-content,.app-container .ant-dropdown .ant-dropdown-menu{border-radius:20px;border:1px solid rgba(148,163,184,.14);box-shadow:var(--panel-glow)}.app-container .ant-btn{font-weight:600;letter-spacing:.01em;box-shadow:none}.app-container .ant-btn-default,.app-container .ant-btn-text{border-color:#94a3b829;background:#ffffffa3}[data-theme=dark] .app-container .ant-btn-default,[data-theme=dark] .app-container .ant-btn-text{background:#0f1b31b8}.app-container .ant-btn-primary:not(.header-save-button){background:linear-gradient(135deg,var(--primary-color),var(--primary-strong));border:none}.app-container .ant-input,.app-container .ant-input-affix-wrapper,.app-container .ant-select-selector,.app-container .ant-input-number,.app-container .ant-picker,.app-container textarea{border-color:#94a3b833!important;background:#ffffffb8!important}[data-theme=dark] .app-container .ant-input,[data-theme=dark] .app-container .ant-input-affix-wrapper,[data-theme=dark] .app-container .ant-select-selector,[data-theme=dark] .app-container .ant-input-number,[data-theme=dark] .app-container .ant-picker,[data-theme=dark] .app-container textarea{background:#08111fb8!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(12px,-18px,0) scale(1.06)}}@media(max-width:768px){.app-content{gap:12px;padding:12px}.app-sidebar{width:auto;position:absolute;inset:12px;z-index:1000;transform:translate(-110%)}.app-sidebar.open{transform:translate(0)}.app-header{height:auto!important;padding-block:10px}.app-header-shell,.workspace-toolbar{flex-wrap:wrap;align-items:stretch}.header-toolbar,.header-secondary-actions,.workspace-mode-switcher{width:100%}.workspace-mode-switcher .ant-space{width:100%;justify-content:space-between}.feature-grid,.info-grid,.shortcut-grid,.shortcut-grid-compact{grid-template-columns:1fr}.panel-action-button{min-width:0;width:100%}.editor-container{flex-direction:column;padding:12px}.editor-pane+.editor-pane{border-left:none;border-top:1px solid rgba(148,163,184,.14)}}@media(max-width:1400px){.app-header{height:auto!important;padding-block:10px}.app-header-shell{flex-wrap:wrap;align-items:stretch}.header-toolbar{order:3;width:100%}.header-secondary-actions{margin-left:auto}.app-brand-logo{width:42px;max-width:none}}@media(max-width:480px){.editor-content{padding:8px}.table-editor th,.table-editor td{padding:4px 8px;min-width:80px;font-size:12px}.markdown-editor{font-size:12px;padding:8px}.app-brand-logo{width:38px;max-width:none}.app-brand-title{font-size:18px}.app-brand-subtitle{display:none}.shortcut-card{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}