.layout-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0}.layout-actions h2{margin:0}.layout-actions button{margin-left:8px}.layout-tabs{display:flex;gap:10px;align-items:center;margin-bottom:20px}.layout-tabs .badge{margin-left:auto}.layout-editor{display:grid;grid-template-columns:minmax(420px,1fr) 360px;gap:24px}.layout-editor>section{background:#111b28;border:1px solid #26354a;border-radius:16px;padding:20px}.layout-blocks{display:grid;gap:12px}.layout-block{display:grid;grid-template-columns:28px 1fr 92px;gap:12px;align-items:center;padding:16px;background:#172333;border:1px solid #30425a;border-radius:12px}.layout-block.dragging{opacity:.45}.layout-handle{font-size:22px;color:#6fdcce;cursor:grab}.layout-fields{display:grid;gap:8px}.layout-fields input{width:100%}.layout-options{display:grid;gap:8px;font-size:12px}.layout-options label{margin:0}.layout-options input{width:auto;margin:0 4px 0 0}.phone-preview{width:310px;min-height:610px;margin:auto;border:8px solid #263345;border-radius:38px;background:#070b12;padding:24px 14px 58px;position:relative}.phone-title{font-size:23px;font-weight:700;margin-bottom:20px}.preview-block{border:1px solid #2d4855;background:linear-gradient(135deg,#102737,#15172b);border-radius:14px;padding:16px;margin-bottom:12px}.preview-block strong{display:block}.preview-grid{display:grid;gap:6px;margin-top:10px}.preview-tile{aspect-ratio:1;border-radius:8px;background:#203144}.phone-nav{position:absolute;left:12px;right:12px;bottom:14px;text-align:center;color:#91a1b8;font-size:11px}@media(max-width:950px){.layout-editor{grid-template-columns:1fr}.layout-actions{align-items:flex-start;flex-direction:column}.layout-actions button{margin:4px 4px 0 0}}
.layout-dirty{padding:6px 10px;border-radius:999px;background:#173128;color:#8de8cc;font-size:12px}.layout-dirty.unsaved{background:#4b3217;color:#ffd18a}.layout-dirty.published{background:#153748;color:#8ddfff}