:root{color-scheme:light;--bg:#f7f8fb;--panel:#ffffff;--line:#d9dee8;--line-strong:#b8c0ce;--text:#1f2937;--muted:#667085;--accent:#1b5e8c;--accent-soft:#e8f3f9;--warn:#a15c00;--warn-bg:#fff6df}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}body,html{height:100%;overflow-x:auto;overflow-y:hidden}button,input,select,textarea{font:inherit}button{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:6px;color:var(--text);cursor:pointer;display:inline-flex;gap:6px;min-height:34px;padding:0 10px}button:hover{border-color:var(--line-strong)}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}input,select,textarea{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--text);outline:none;padding:8px 10px}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);height:100vh;min-width:1120px;min-height:0}.loading-shell{align-items:center;display:flex;gap:8px;justify-content:center}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.sidebar{background:#202833;color:#fff;display:flex;flex-direction:column;gap:24px;grid-column:1;padding:22px}.eyebrow{color:#aeb8c6;font-size:12px;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h1{font-size:22px;line-height:1.2;margin:0}.environment-list{display:grid;grid-gap:8px;gap:8px}.env-row{display:grid;grid-gap:6px;gap:6px;grid-template-columns:minmax(0,1fr) 34px}.env{background:transparent;border-color:#3c4653;color:#d9e0ea;justify-content:flex-start;min-width:0;overflow-wrap:anywhere}.env-row.active .env{background:#e6f2f7;border-color:#e6f2f7;color:#102333}.env-delete{background:transparent;border-color:#3c4653;color:#d9e0ea;justify-content:center;padding:0}.env-delete:hover{border-color:#f4aaaa;color:#ffd6d6}.side-form{display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) 38px}.side-form button{justify-content:center;padding:0}.workspace{display:grid;grid-column:2;grid-template-rows:auto minmax(0,1fr) auto;grid-gap:14px;gap:14px;height:100vh;min-width:0;min-height:0;overflow:hidden;padding:18px}.toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between}.segmented{background:#edf1f6;border:1px solid var(--line);border-radius:8px;display:inline-flex;gap:4px;padding:3px}.segmented button{background:transparent;border-color:transparent}.segmented button.selected{background:#fff;border-color:var(--line)}.toolbar-actions{display:flex;gap:8px;min-width:0}.toolbar-actions input{min-width:240px}.search-box{align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;display:flex;gap:6px;min-width:260px;padding:0 8px}.search-box:focus-within{border-color:var(--accent)}.search-box svg{color:var(--muted);flex:0 0 auto}.search-box input{border:0;min-width:0;padding-left:0;width:100%}.workspace-main{display:grid;grid-gap:14px;gap:14px;grid-template-rows:minmax(0,1fr);min-height:0}.workspace-main.has-message{grid-template-rows:auto minmax(0,1fr)}.workspace-main>.editor-view,.workspace-main>.matrix-wrap{min-height:0}.inline-error{background:#fff1f0;border-bottom:1px solid #ffd3cf;color:#a52217;font-size:13px;padding:8px 12px}.matrix-wrap{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-height:0;overflow:auto}.matrix{border-collapse:collapse;min-width:920px;width:100%}.matrix td,.matrix th{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}.matrix thead th{background:#eef2f7;color:#344054;font-size:13px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.key-col{z-index:3}.key-cell,.key-col{left:0;min-width:300px;width:300px}.key-cell{background:#fafbfc;font-weight:600;position:-webkit-sticky;position:sticky;z-index:2}.key-cell-content{align-items:flex-start;display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr) 34px}.key-cell-content button{justify-content:center;padding:0}.key-cell-content>div{min-width:0}.key-cell small,.key-cell span{display:block;overflow-wrap:anywhere;white-space:normal}.key-cell small{color:var(--muted);font-weight:400;margin-top:4px}.cell-editor{align-items:center;display:block;gap:6px}.matrix td input{border-color:transparent;min-width:220px;width:100%}.matrix td input:focus{border-color:var(--accent)}.suggestion-popover{background:#fff;border:1px solid var(--line-strong);border-radius:6px;box-shadow:0 14px 32px rgb(16 24 40/16%);display:grid;max-width:calc(100vw - 24px);overflow:auto;padding:4px;position:fixed;z-index:1000}.suggestion-popover button{align-items:flex-start;background:transparent;border:0;border-radius:4px;display:grid;grid-gap:2px;gap:2px;height:auto;justify-content:stretch;padding:8px;text-align:left}.suggestion-popover button:hover{background:var(--accent-soft)}.suggestion-popover span{color:var(--muted);font-size:12px}.suggestion-popover strong{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:600;overflow-wrap:anywhere}.matrix td.missing{background:var(--warn-bg)}.missing-label{align-items:center;color:var(--warn);display:flex;font-size:12px;gap:5px;margin-bottom:6px}.empty-state{color:var(--muted);padding:28px;text-align:center}.editor-view,.import-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.editor-view{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}.editor-heading{align-items:center;display:flex;justify-content:space-between}.editor-heading,.import-options{border-bottom:1px solid var(--line);padding:10px 12px}.import-options{align-items:end;display:grid;grid-gap:10px;gap:10px;grid-template-columns:160px minmax(260px,1fr)}.import-options label{display:grid;grid-gap:5px;gap:5px}.import-options span{color:var(--muted);font-size:12px}.import-options input,.import-options select{min-height:34px;width:100%}.import-targets{align-items:center;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px}.import-targets label{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:6px;cursor:pointer;display:inline-flex;gap:6px;min-height:30px;padding:0 9px}.import-targets label:has(input:disabled){cursor:not-allowed;opacity:.62}.import-targets input{margin:0;min-width:0;padding:0}.import-panel textarea{border:0;border-radius:0;display:block;min-height:130px;resize:vertical;width:100%}.modal-backdrop{align-items:center;background:rgb(15 23 42/42%);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2000}.confirm-modal,.key-modal{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 80px rgb(16 24 40/24%);max-height:calc(100vh - 48px);overflow:auto;width:min(720px,100%)}.confirm-modal{width:min(460px,100%)}.modal-header{align-items:flex-start;border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;padding:16px}.modal-header h2{font-size:18px;line-height:1.3;margin:0;overflow-wrap:anywhere}.key-value-list{display:grid;grid-gap:10px;gap:10px;padding:16px}.key-value-list label{display:grid;grid-gap:6px;gap:6px}.key-value-list span{color:var(--muted);font-size:12px}.confirm-modal p{color:var(--muted);line-height:1.5;margin:0;padding:16px}.modal-actions{align-items:center;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;padding:14px 16px}.danger-button{background:#fff1f0;border-color:#ffccc7;color:#a52217}.danger-button:hover{border-color:#ff7875}