.center-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 0,var(--accent-dim),transparent 65%),var(--surface)}
.center-intro .eyebrow{color:var(--accent);margin-bottom:14px}.center-intro h2{font-size:calc(22px * var(--text-scale));letter-spacing:-.6px}.center-intro p{color:var(--muted);font-size:calc(11px * var(--text-scale));margin-top:10px}
.center-controls{display:flex;align-items:end;gap:20px;margin-bottom:18px}.center-device-label{flex:1;display:grid;gap:8px}.center-search{flex:1;min-height:44px;min-width:0}.center-search input{width:100%;min-width:0}
.center-categories{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0 16px}.center-categories .tab{border:1px solid var(--border);border-radius:20px;padding:9px 13px;min-height:44px}.center-categories .tab span{font-size:.8em;opacity:.6;margin-left:6px}.center-summary{color:var(--muted);font-size:calc(10px * var(--text-scale));margin-bottom:18px}
.center-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.center-operation{display:flex;align-items:center;gap:14px;padding:20px 16px;text-align:left;min-height:110px;color:var(--text);cursor:pointer;transition:border-color .25s,background .25s,box-shadow .25s}.center-operation:hover{border-color:var(--accent);background:var(--surface2);box-shadow:0 8px 32px #0002}.center-operation>.icon{width:15px;flex-shrink:0;color:var(--muted)}.center-operation-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;background:var(--accent-dim);border-radius:12px;color:var(--accent)}.center-operation-copy{flex:1;min-width:0}.center-operation-copy strong{display:block;font-size:calc(11px * var(--text-scale));font-weight:550;line-height:1.5}.center-operation-copy small{display:block;font-size:calc(9px * var(--text-scale));color:var(--muted);margin-top:6px}
.operation-modal{width:min(760px,calc(100vw - 24px))!important;max-width:760px!important}.op-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.op-field-wide{grid-column:1/-1}.op-fields .field-group{min-width:0;margin:0}.op-fields .field,.op-fields select{width:100%;min-height:44px;box-sizing:border-box}.op-required{color:var(--accent)}.op-textarea{width:100%;resize:vertical;line-height:1.6;font:inherit}.op-advanced{border-top:1px solid var(--border);margin:22px 0;padding-top:18px;min-width:0}.op-advanced summary{font-size:calc(11px * var(--text-scale));color:var(--muted);cursor:pointer;min-height:32px}.op-json-toggle{display:flex;gap:10px;margin:14px 0;font-size:calc(11px * var(--text-scale))}.op-doc-link{font-size:calc(10px * var(--text-scale));color:var(--muted);display:inline-block;margin-top:22px}.op-result-json{background:var(--surface2);border:1px solid var(--border);padding:16px;border-radius:12px;max-height:360px;overflow:auto;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.op-result-status{display:flex;align-items:center;gap:14px;margin:20px 0 26px}.op-result-status>.icon{width:32px;height:32px;color:var(--accent)}.op-result-status strong{font-size:calc(13px * var(--text-scale))}.op-result-status p{color:var(--muted);font-size:calc(10px * var(--text-scale));margin-top:5px}.op-result-list>div{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:18px;padding:12px 0;border-bottom:1px solid var(--border);font-size:calc(11px * var(--text-scale))}.op-result-list dt{color:var(--muted)}.op-result-list dd{margin:0;overflow-wrap:anywhere;max-height:160px;overflow:auto}.op-table-scroll{max-width:100%;overflow:auto;max-height:450px}.op-table{border-collapse:collapse;width:100%;font-size:calc(10px * var(--text-scale))}.op-table td,.op-table th{padding:12px;text-align:left;border-bottom:1px solid var(--border);max-width:250px;overflow-wrap:anywhere}.op-table th{color:var(--muted);font-weight:500}.center-history-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid var(--border)}.center-history-row strong{font-size:calc(11px * var(--text-scale));display:block}.center-history-row small{display:block;color:var(--muted);margin-top:6px}.center-history-row .pill{white-space:normal;text-align:center}.center-result-empty{padding:30px;text-align:center;color:var(--muted)}
.live-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.live-tool{display:grid;place-items:center;min-width:44px;height:48px;border:1px solid var(--border);border-radius:12px;background:var(--surface2);color:var(--text);transition:background .2s,transform .2s}.live-tool:hover:not(:disabled),.live-tool[aria-pressed=true]{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.live-tool:active{transform:scale(.92)}.live-tool:disabled{opacity:.35}.live-tools-links{display:grid;gap:8px}.live-tools-links .button{justify-content:flex-start}.live-tools-note{min-height:30px;font-size:calc(10px * var(--text-scale));color:var(--muted);line-height:1.5}.live-tool-status{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.sdk-form{display:grid;gap:16px}.sdk-form label{display:grid;gap:8px;font-size:calc(11px * var(--text-scale))}.sdk-form .field,.sdk-form select{width:100%;min-height:44px}.sdk-form .modal-actions{margin-top:12px}.sdk-clipboard{white-space:pre-wrap;max-height:150px;overflow:auto;overflow-wrap:anywhere;padding:12px;background:var(--surface2);border-radius:10px;font-size:13px}.sdk-switch-row{display:flex!important;align-items:center;gap:12px!important}
@media(max-width:1200px){.center-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.center-intro,.center-controls{flex-direction:column;align-items:stretch}.center-grid{grid-template-columns:1fr}.center-intro h2{font-size:calc(19px * var(--text-scale))}.op-fields{grid-template-columns:1fr}.center-operation{min-height:90px}.center-categories{gap:6px}.center-categories .tab{padding:8px 11px}.op-result-list>div{grid-template-columns:1fr;gap:6px}.center-history-row{align-items:flex-start}.center-history-row .pill{max-width:120px}.live-tools{grid-template-columns:repeat(6,minmax(0,1fr))}}

.live-layout{align-items:start}