:root{color:#17212b;background:#f5f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{align-items:center;background:#1f6f5f;border:1px solid #1f6f5f;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:650;gap:8px;min-height:38px;padding:8px 12px}button:disabled{cursor:not-allowed;opacity:.5}button.secondary{background:#fff;border-color:#cbd3dc;color:#23313f}button.danger{background:#b42318;border-color:#b42318}code{background:#e9edf2;border-radius:4px;padding:2px 5px}main{min-height:100vh}.topbar{align-items:center;background:#fff;border-bottom:1px solid #d7dde5;display:flex;justify-content:space-between;padding:18px 24px}.topbar h1,.topbar p,.emptyState h2,.emptyState p,.listPanel h2,.editorHeader h2,.bulkPanel h2,.bulkPanel p{margin:0}.topbar h1{font-size:22px}.topbar p,.bulkPanel p,.muted{color:#667384}.topbarActions,.toolbar,.editorActions,.bulkControls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.topbar select,.toolbar input,.editorHeader input,.bulkControls input{background:#fff;border:1px solid #cbd3dc;border-radius:6px;min-height:38px;padding:8px 10px}.environmentBanner{border-bottom:1px solid #d7dde5;font-weight:700;padding:10px 24px}.environmentBanner.stg{background:#edf7f2;color:#14533f}.environmentBanner.prod{background:#fff0e6;color:#9a3412}.emptyState{padding:48px 24px}.layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 106px)}.sidebar{background:#fff;border-right:1px solid #d7dde5;padding:16px}.sidebar nav{display:grid;gap:8px}.sidebar button{background:transparent;border-color:transparent;color:#23313f;justify-content:flex-start;width:100%}.sidebar button.active{background:#e6f1ee;border-color:#c4ded6;color:#0f4d40}.workspace{display:grid;gap:16px;padding:16px}.toolbar{justify-content:flex-end}.search{align-items:center;background:#fff;border:1px solid #cbd3dc;border-radius:6px;display:flex;flex:1;min-width:240px;padding-left:10px}.search input{border:0;min-width:0;width:100%}.limitInput{width:90px}.contentGrid{display:grid;gap:16px;grid-template-columns:minmax(260px,.38fr) minmax(440px,1fr);min-height:520px}.listPanel,.editorPanel,.bulkPanel{background:#fff;border:1px solid #d7dde5;border-radius:8px}.listPanel{display:grid;grid-template-rows:auto 1fr;min-height:0;padding:14px}.listPanel h2,.bulkPanel h2{font-size:16px}.documentList{display:grid;gap:8px;max-height:636px;overflow:auto;padding-top:12px}.documentList button{align-items:flex-start;background:#fff;border-color:#d7dde5;color:#23313f;display:grid;gap:4px;justify-items:start;min-height:64px;text-align:left}.documentList button.selected{border-color:#1f6f5f;box-shadow:inset 3px 0 #1f6f5f}.documentList strong,.documentList span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.documentList span{color:#667384;font-size:13px}.editorPanel{display:grid;grid-template-rows:auto 1fr;min-height:0}.editorHeader{align-items:flex-start;border-bottom:1px solid #d7dde5;display:flex;gap:12px;justify-content:space-between;padding:14px}.editorHeader h2{font-size:16px;margin-bottom:8px}.editorHeader input{width:min(520px,64vw)}.editorPanel textarea,.codeOutput{border:0;color:#17212b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;line-height:1.5;min-height:420px;outline:0;padding:14px;resize:vertical;width:100%}.bulkPanel{display:grid;gap:14px;padding:14px}.bulkControls label{color:#445365;display:grid;font-size:12px;font-weight:700;gap:4px;text-transform:uppercase}.bulkControls input{min-width:160px;text-transform:none}.codeOutput{background:#f8fafb;border:1px solid #d7dde5;border-radius:6px;min-height:140px}.status{background:#17212b;border-radius:6px;bottom:18px;color:#fff;left:50%;padding:10px 14px;position:fixed;transform:translate(-50%);z-index:2}@media (max-width: 980px){.layout,.contentGrid{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid #d7dde5}.sidebar nav{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.editorHeader,.topbar{align-items:stretch;flex-direction:column}.editorHeader input{width:100%}}