.module-editor-page{min-height:100vh;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:#071923;color:var(--brand-light-sand)}.module-editor-command{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:18px 28px;border-bottom:1px solid #234657;background:#102f40}.module-editor-command h1{margin:2px 0;font-size:26px}.module-editor-command>div>span{color:#89a4b3;font-size:10px}.module-editor-command-actions{display:flex;gap:8px}.module-editor-command button{min-height:44px;display:flex;align-items:center;gap:7px;padding:0 14px;border:1px solid #35627a;border-radius:9px;background:#0b202b;color:#e8ded0;font-weight:700}.module-editor-command button.primary{background:#449acf;color:#071116}.module-editor-command .icon{width:18px;height:18px}.module-editor-workspace{min-height:0;display:grid;grid-template-columns:250px minmax(380px,1fr) 310px}.module-editor-catalog,.module-editor-inspector{min-height:0;overflow:auto;background:#0b202b}.module-editor-catalog{padding:15px;border-right:1px solid #234657}.module-editor-catalog>label{height:42px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #31576a;border-radius:9px}.module-editor-catalog input{min-width:0;flex:1;border:0;background:transparent;color:#fff}.module-editor-catalog h2{margin:20px 4px 8px;color:#68b4e1;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.module-editor-catalog-item{width:100%;min-height:58px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin:5px 0;padding:8px;border:1px solid transparent;border-radius:10px;background:#102b39;color:#e9dfd1;text-align:left}.module-editor-catalog-item.active{border-color:#68b4e1;background:#173f54}.module-editor-catalog-item img{width:30px;height:30px;object-fit:contain}.module-editor-catalog-item span{min-width:0;display:grid;gap:3px}.module-editor-catalog-item b{font-size:10px}.module-editor-catalog-item small{overflow:hidden;color:#8ea4af;font-size:7px;text-overflow:ellipsis}.module-editor-catalog-item em{color:#c9b292;font-size:6px;font-style:normal}.module-editor-canvas{min-width:0;min-height:0;display:grid;grid-template-rows:auto 1fr;background:radial-gradient(circle at center,#173c4d,#071923)}.module-editor-device-toolbar{min-height:54px;display:flex;align-items:center;justify-content:center;gap:10px;overflow-x:auto;padding:6px;border-bottom:1px solid #234657;background:#0d2633}.module-editor-device-toolbar select,.module-editor-device-toolbar button,.module-editor-device-toolbar input{height:36px;border:1px solid #35627a;border-radius:8px;background:#071923;color:#e9dfd1}.module-editor-device-toolbar label{display:flex;align-items:center;gap:4px;color:#8ea4af}.module-editor-device-toolbar input{width:74px;padding:4px}.module-editor-device-toolbar span{color:#8ea4af;font-size:8px;white-space:nowrap}.module-editor-stage{min-height:0;display:grid;place-items:center;overflow:auto;padding:24px}.module-editor-stage iframe{width:min(var(--preview-width),100%);aspect-ratio:var(--preview-aspect);max-height:calc(100vh - 230px);border:8px solid #02090d;border-radius:22px;background:#0c202c;box-shadow:0 20px 60px #0009}.module-editor-inspector{padding:14px;border-left:1px solid #234657}.module-editor-inspector>header{display:grid;gap:5px;padding:8px 4px 14px}.module-editor-inspector>header span,.module-editor-inspector summary{color:#68b4e1;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.module-editor-inspector details{margin-bottom:10px;padding:11px;border:1px solid #284e61;border-radius:10px;background:#102b39}.module-editor-inspector summary{cursor:pointer}.module-editor-inspector label{display:grid;gap:5px;margin-top:11px;color:#aebdc4;font-size:8px;font-weight:700}.module-editor-inspector input,.module-editor-inspector textarea,.module-editor-inspector select{min-width:0;min-height:39px;padding:8px;border:1px solid #3a6274;border-radius:7px;background:#071923;color:#f0e8dc;font:inherit}.module-editor-inspector textarea{min-height:70px;resize:vertical}.module-editor-check{grid-template-columns:20px 1fr!important;align-items:center}.module-editor-check input{min-height:auto}.module-editor-check.disabled{opacity:.4}.module-editor-number-grid,.module-editor-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.module-editor-color-grid input{width:100%;min-height:44px;padding:4px}.module-editor-inspector p,.module-editor-inspector small{color:#8ea4af;font-size:8px;line-height:1.5}.module-version-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #284e61}.module-version-row span{display:grid;gap:2px}.module-version-row button{min-height:44px}.module-editor-status{min-height:38px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:8px 20px;border-top:1px solid #31576a;background:#102f40;color:#9db0ba;font-size:8px}.module-editor-status .dirty{color:#ff9d8c}.module-editor-findings{width:100%;border-top:1px solid #244b60;padding-top:8px}.module-editor-findings summary{cursor:pointer;font-weight:800}.module-editor-findings button{width:100%;display:flex;gap:8px;text-align:left;margin-top:6px;border:1px solid #315c72;background:#0a2230;color:inherit;padding:8px;border-radius:8px}.module-editor-findings button.error{border-color:#d26161}.module-editor-findings button.warning{border-color:#c9a85b}.module-editor-findings span{font-weight:400}@media(max-width:900px){.module-editor-workspace{grid-template-columns:190px 1fr}.module-editor-inspector{grid-column:1/-1;max-height:42vh;border-top:1px solid #234657;border-left:0}.module-editor-command{align-items:flex-start}.module-editor-command-actions span{display:none}}@media(max-width:620px){.module-editor-workspace{display:block;overflow:auto}.module-editor-catalog{max-height:180px;border-right:0;border-bottom:1px solid #234657}.module-editor-canvas{min-height:520px}.module-editor-command{display:grid;padding:14px}.module-editor-command-actions{overflow:auto}.module-editor-inspector{max-height:none}.module-editor-status{position:sticky;bottom:0}.module-editor-stage{padding:10px}}:root{--button-compact-min:40px;--button-phone-min:48px;--button-square-radius:10px;--button-inline-padding:15px;--button-content-gap:7px;--button-shape-transition:.16s ease}:where(button[data-button-shape]){transition:border-radius var(--button-shape-transition),border-color var(--button-shape-transition),box-shadow var(--button-shape-transition),transform var(--button-shape-transition)}:where(button[data-button-shape=circle],button[data-button-shape=square]){display:inline-grid;place-items:center}button[data-button-shape=circle][data-button-shape],button[data-button-shape=square][data-button-shape]{aspect-ratio:1;padding:0}button[data-button-shape=circle][data-button-shape]{border-radius:50%}button[data-button-shape=square][data-button-shape]{border-radius:var(--button-square-radius)}:where(button[data-button-shape=elongated-circle],button[data-button-shape=elongated-square]){align-items:center;justify-content:center;gap:var(--button-content-gap)}button[data-button-shape=elongated-circle][data-button-shape],button[data-button-shape=elongated-square][data-button-shape]{padding-inline:var(--button-inline-padding)}button[data-button-shape=elongated-circle][data-button-shape]{border-radius:999px}button[data-button-shape=elongated-square][data-button-shape]{border-radius:var(--button-square-radius)}@media(hover:none)and (pointer:coarse){button[data-button-shape=circle][data-button-shape],button[data-button-shape=square][data-button-shape]{min-width:var(--button-phone-min);min-height:var(--button-phone-min)}button[data-button-shape=elongated-circle][data-button-shape],button[data-button-shape=elongated-square][data-button-shape]{min-height:var(--button-phone-min)}}