:root{color:#1f2329;background:#f5f6f8;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.startup,.fatal-error{margin:32px;padding:24px;border:1px solid #dee0e3;border-radius:12px;background:#fff}.fatal-error{color:#d83931}.app-shell{display:grid;grid-template-rows:auto auto auto minmax(320px,1fr) auto;min-height:100vh;padding:18px;gap:10px}.app-header,.toolbar,.context-bar,.app-footer{width:100%}.app-header{display:flex;align-items:center;justify-content:space-between}.eyebrow{margin:0 0 3px;color:#646a73;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;font-size:22px;line-height:1.3}.mode-badge{padding:5px 9px;border-radius:999px;color:#3370ff;background:#e8f0ff;font-size:12px;font-weight:600}.mode-badge[data-mode=demo]{color:#8f5c00;background:#fff3d6}.toolbar{position:relative;display:flex;align-items:end;gap:8px;padding:10px;border:1px solid #dee0e3;border-radius:10px;background:#fff}.language-switch{display:flex;align-self:stretch;padding:3px;border-radius:8px;background:#f2f3f5}.language-switch button{min-width:76px;padding:6px 12px;border:0;border-radius:6px;color:#646a73;background:transparent}.language-switch button.active{color:#1f2329;background:#fff;box-shadow:0 1px 4px #1f23291f;font-weight:600}.search-box,.compact-control{display:grid;gap:3px;color:#646a73;font-size:11px}.search-box input,.compact-control select,.layout-popover input,.layout-popover select{height:32px;border:1px solid #c9cdd4;border-radius:6px;outline:none;background:#fff}.search-box input{width:178px;padding:0 9px}.filter-value input{width:120px}.compact-control select{width:150px;padding:0 28px 0 8px}.search-box input:focus,.compact-control select:focus,.layout-popover input:focus,.layout-popover select:focus{border-color:#3370ff;box-shadow:0 0 0 2px #3370ff1f}.icon-button,.secondary-button,.layout-panel>summary{height:32px;padding:0 11px;border:1px solid #c9cdd4;border-radius:6px;color:#1f2329;background:#fff;line-height:30px;white-space:nowrap}.icon-button:hover,.secondary-button:hover,.layout-panel>summary:hover{background:#f5f6f8}.layout-panel{position:relative}.layout-panel>summary{list-style:none;cursor:pointer}.layout-panel>summary::-webkit-details-marker{display:none}.layout-popover{position:absolute;z-index:50;top:38px;right:0;display:grid;width:320px;max-height:min(520px,70vh);gap:12px;padding:14px;overflow:auto;border:1px solid #dee0e3;border-radius:10px;background:#fff;box-shadow:0 8px 24px #1f232924}.layout-popover>label{display:grid;grid-template-columns:1fr 110px;align-items:center;gap:8px;font-size:13px}.layout-popover input,.layout-popover select{width:100%;padding:0 8px}.layout-popover fieldset{margin:0;padding:10px;border:1px solid #dee0e3;border-radius:8px}.layout-popover legend{padding:0 5px;color:#646a73;font-size:12px}.field-visibility{display:grid;gap:8px}.field-visibility label{display:flex;align-items:start;gap:7px;font-size:12px;line-height:1.4}.field-visibility input{width:15px;height:15px;margin:1px 0 0}.context-bar{display:flex;justify-content:space-between;color:#646a73;font-size:12px}.grid-viewport{position:relative;overflow:auto;border:1px solid #c9cdd4;border-radius:8px;background:#fff;outline:none;overscroll-behavior:contain}.product-grid{table-layout:fixed;border-spacing:0;border-collapse:separate;color:#1f2329;font-size:13px}.product-grid th,.product-grid td{position:relative;padding:0;overflow:hidden;border-right:1px solid #e5e6eb;border-bottom:1px solid #e5e6eb;background:#fff}.product-grid th{position:sticky;z-index:5;top:0;height:40px;padding:0 12px;color:#4e5969;background:#f7f8fa;text-align:left;user-select:none}.product-grid th.drop-target{box-shadow:inset 3px 0 #3370ff}.header-label{display:block;overflow:hidden;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.resize-handle{position:absolute;top:0;right:-3px;z-index:3;width:7px;height:100%;cursor:col-resize}.resize-handle:hover{background:#3370ff40}.product-grid .frozen{position:sticky;z-index:4;left:var(--sticky-left);box-shadow:1px 0 #d6d9df}.product-grid th.frozen{z-index:8;background:#f7f8fa}.cell-value{display:-webkit-box;width:100%;height:100%;padding:8px 10px;overflow:hidden;outline:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere;white-space:pre-wrap}.row-short td{height:38px}.row-short .cell-value{padding-top:6px;padding-bottom:6px;-webkit-line-clamp:1}.row-medium td{height:54px}.row-tall td{height:82px}.row-tall .cell-value{-webkit-line-clamp:4}.cell-value.editable:hover{background:#f5f8ff}.cell-value.read-only{color:#646a73;background:#fafafa}.product-grid td.selected{overflow:visible;box-shadow:inset 0 0 0 2px #3370ff}.product-grid td.selected .cell-value{position:relative;z-index:2}.cell-value[contenteditable=plaintext-only]{overflow:auto;background:#fff;-webkit-line-clamp:initial}.cell-value.saving{opacity:.55;pointer-events:none}.empty-state{display:grid;min-height:240px;place-items:center;color:#8f959e}.toast{position:fixed;z-index:100;right:24px;bottom:24px;max-width:min(460px,calc(100vw - 48px));padding:10px 14px;transform:translateY(16px);border-radius:8px;color:#fff;background:#1f2329;box-shadow:0 8px 24px #1f232933;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.toast.visible{transform:translateY(0);opacity:1}.toast[data-kind=success]{background:#2f7b4f}.toast[data-kind=warning]{background:#8f5c00}.toast[data-kind=error]{background:#b42318}.app-footer{color:#8f959e;font-size:11px;text-align:right}@media(max-width:1100px){.toolbar{flex-wrap:wrap}.search-box input,.compact-control select{width:145px}}@media(max-width:640px){.app-shell{padding:10px}.app-header{align-items:start}h1{font-size:18px}.language-switch{width:100%}.language-switch button{flex:1}.layout-popover{position:fixed;top:80px;right:10px;left:10px;width:auto}}