:root{--font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;--color-primary: #0078D4;--color-primary-hover: #106EBE;--color-primary-active: #005A9E;--color-bg: #F8F9FA;--color-surface: #FFFFFF;--color-border: #E1DFDD;--color-text-main: #201F1E;--color-text-muted: #605E5C;--color-danger: #A4262C;--color-danger-hover: #D13438;--color-success: #107C41;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-main);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg)}.header-container{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:12px 16px;position:sticky;top:0;z-index:20;box-shadow:var(--shadow-sm)}.header-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px}.brand-icon{width:34px;height:34px;background:linear-content;background-color:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.brand-title{font-size:15px;font-weight:600;color:var(--color-text-main)}.brand-host-badge{display:flex;align-items:center;margin-top:2px}.badge{font-size:11px;padding:2px 6px;border-radius:10px;display:inline-flex;align-items:center;gap:4px;font-weight:500}.badge-office{background-color:#e8f5e9;color:#2e7d32}.badge-preview{background-color:#eff6fc;color:#0078d4}.header-actions{display:flex;align-items:center;gap:8px}.status-banner{margin-top:8px;padding:6px 12px;background-color:#eff6fc;border:1px solid #C7E0F4;border-radius:var(--radius-sm);color:#004578;font-size:12px;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:all .15s ease;font-family:inherit}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-primary:disabled{background-color:#c8c6c4;cursor:not-allowed}.btn-secondary{background-color:#fff;color:var(--color-text-main);border-color:var(--color-border)}.btn-secondary:hover{background-color:#f3f2f1;border-color:#8a8886}.btn-sm{padding:4px 8px;font-size:12px}.btn-icon{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:var(--radius-sm);color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background-color:#edebe9;color:var(--color-text-main)}.btn-danger:hover{background-color:#fde7e9;color:var(--color-danger)}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;text-decoration:underline;font-size:12px;padding:0;font-family:inherit}.main-content{flex:1;padding:16px;max-width:1200px;margin:0 auto;width:100%}.workspace-tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-border);margin-bottom:16px}.tab-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-weight:500;font-size:13px;cursor:pointer;font-family:inherit}.tab-btn:hover{color:var(--color-text-main)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.workspace-body{display:flex;flex-direction:column;gap:16px}.table-editor-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 16px;box-shadow:var(--shadow-sm)}.table-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.table-title{font-weight:600;font-size:14px;color:var(--color-text-main)}.table-toolbar-right{display:flex;align-items:center;gap:6px}.table-responsive{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.task-grid{width:100%;border-collapse:collapse;text-align:left}.task-grid th{background-color:#faf9f8;padding:8px 10px;font-size:12px;font-weight:600;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.task-grid td{padding:6px 10px;border-bottom:1px solid #EDEBE9}.task-grid tr:last-child td{border-bottom:none}.input-cell{width:100%;padding:5px 8px;border:1px solid #D2D0CE;border-radius:var(--radius-sm);font-size:12px;font-family:inherit}.input-cell:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.empty-state-cell{text-align:center;padding:24px;color:var(--color-text-muted);font-style:italic}.table-footer{margin-top:10px;display:flex;justify-content:flex-start}.preview-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-sm)}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.preview-title{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px}.preview-meta{display:flex;align-items:center;gap:8px}.meta-tag{font-size:11px;background-color:#f3f2f1;padding:2px 6px;border-radius:4px;color:var(--color-text-muted);display:inline-flex;align-items:center;gap:4px}.preview-canvas-wrapper{overflow-x:auto;background-color:#f3f2f1;padding:16px;border-radius:var(--radius-sm);border:1px dashed var(--color-border);display:flex;justify-content:center}.preview-svg-render{max-width:100%}.preview-svg-render svg{max-width:100%;height:auto;display:block;box-shadow:var(--shadow-md);border-radius:var(--radius-sm)}.theme-selector-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-sm)}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.option-group{display:flex;flex-direction:column;gap:6px}.option-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-text-main)}.input-text,.input-select{padding:6px 10px;border:1px solid #D2D0CE;border-radius:var(--radius-sm);font-size:13px;font-family:inherit;background-color:#fff}.input-text:focus,.input-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.theme-chips{display:flex;flex-wrap:wrap;gap:8px}.theme-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:16px;border:1px solid var(--color-border);background-color:#faf9f8;cursor:pointer;font-size:12px;font-weight:500;transition:all .1s ease}.theme-chip:hover{background-color:#f3f2f1}.theme-chip.active{border-color:var(--color-primary);background-color:#eff6fc;color:var(--color-primary);font-weight:600}.theme-color-preview{width:12px;height:12px;border-radius:50%}.toggles-row{display:flex;flex-direction:column;gap:8px;padding-top:4px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal-container{background-color:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:540px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:14px 18px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal-title{display:flex;align-items:center;gap:8px}.modal-title h2{font-size:15px;font-weight:600}.modal-body{padding:16px 18px;display:flex;flex-direction:column;gap:10px}.modal-subtitle{color:var(--color-text-muted);font-size:12px;line-height:1.4}.example-buttons{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--color-text-muted)}.paste-textarea{width:100%;padding:10px;border:1px solid #D2D0CE;border-radius:var(--radius-sm);font-family:monospace;font-size:12px;resize:vertical}.paste-textarea:focus{outline:none;border-color:var(--color-primary)}.alert-error{display:flex;align-items:center;gap:6px;background-color:#fde7e9;color:var(--color-danger);padding:8px 10px;border-radius:var(--radius-sm);font-size:12px}.parsed-preview{background-color:#f0fdf4;border:1px solid #DCFCE7;padding:10px;border-radius:var(--radius-sm);font-size:12px}.parsed-preview-header{display:flex;align-items:center;gap:6px;font-weight:600;color:#166534;margin-bottom:4px}.parsed-list{list-style:none;max-height:100px;overflow-y:auto;color:#15803d}.modal-footer{padding:12px 18px;background-color:#faf9f8;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:flex-end;gap:8px}.help-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-sm)}.help-card h3{font-size:14px;font-weight:600;margin-bottom:10px}.help-list{padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--color-text-main)}