.layout-edit-launch{margin-left:auto;white-space:nowrap}.layout-editor{width:calc(100vw - 24px);max-width:1500px;height:calc(100vh - 24px);max-height:none;border:1px solid #999;border-radius:12px;padding:0;color:#222;background:#f4f5f6}.layout-editor::backdrop{background:#0009}.layout-editor>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#242424;color:white}.layout-editor h2{margin:0;font-size:20px}.layout-editor header p{font-size:12px;margin:5px 0;color:#ddd}.layout-editor-body{display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px;padding:16px;height:calc(100% - 90px);overflow:auto}.layout-settings{overflow:auto;padding:0 8px 16px 0}.layout-settings>label{display:grid;gap:6px;font-size:13px;font-weight:700;margin:12px 0}.layout-settings label>span{display:flex;align-items:center;gap:10px}.layout-settings input[type=range]{width:100%;min-height:36px;accent-color:#801d34}.layout-settings output{min-width:30px;font-variant-numeric:tabular-nums}.layout-settings select{min-height:40px;padding:7px}.layout-settings fieldset{border:1px solid #ccd0d4;margin:12px 0;padding:8px}.layout-settings legend{font-size:13px;font-weight:700}.layout-move-buttons{display:flex;gap:6px}.layout-move-buttons .btn{flex:1;padding:8px 4px;font-size:11px;min-height:40px}.layout-move-buttons [aria-pressed=true]{background:#801d34;color:white;border-color:#801d34}.layout-preview-section{min-width:0}.layout-preview-wrap{width:100%;overflow:hidden;margin-top:10px;background:#dfe3e6;border:1px solid #bbc1c5}.layout-preview-wrap iframe{display:block;border:0;transform-origin:top left}.layout-editor .hint{font-size:11px;line-height:1.5}.layout-save-status{color:#801d34;font-size:12px}.layout-editor .actions{flex-wrap:wrap}.layout-editor .btn{min-height:40px}@media(max-width:700px){.layout-editor{width:100vw;height:100dvh;border-radius:0;max-width:none;margin:0}.layout-editor>header{padding:8px}.layout-editor>header p{font-size:10px}.layout-editor>header .btn{font-size:10px;padding:6px}.layout-editor-body{display:flex;flex-direction:column;padding:8px;height:calc(100% - 85px)}.layout-settings{overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0}.layout-settings>label,.layout-settings fieldset{margin:0;min-width:0}.layout-settings>p,.layout-settings>.actions{grid-column:1/-1}.layout-settings .layout-move-buttons{flex-direction:column}.layout-preview-section{order:-1}.layout-preview-wrap{max-height:42dvh}.layout-editor .layout-preview-section>.hint{margin:3px 0}.layout-edit-launch{font-size:11px;padding:7px}}
@media(max-width:1000px){.layout-editor iframe{pointer-events:auto}}
@media(max-width:700px){.layout-editor-body>.layout-preview-section,.layout-editor-body>.layout-settings{flex-shrink:0}.layout-preview-wrap{min-height:180px}}