#layoutSetup{width:min(860px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 32px);padding:24px;border:1px solid #dfe3e9;border-radius:8px;background:#fff;color:#292d34;box-shadow:0 24px 80px #171b2440;font:13px Inter,Arial,sans-serif;letter-spacing:0;overflow:auto}
#layoutSetup::backdrop{background:#171b2466}
#layoutSetup header,#layoutSetup footer,.layout-preset-bar,.layout-save{display:flex;align-items:center;gap:12px}
#layoutSetup header{justify-content:space-between;margin-bottom:20px}#layoutSetup h2{font-size:20px;margin:0}
#layoutSetup button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #cfd5dd;background:#fff;color:#303640;border-radius:4px;min-height:36px;padding:8px 12px;font:600 13px Inter,Arial,sans-serif}
#layoutSetup button img{flex-shrink:0}#layoutSetup button:disabled{opacity:.45;cursor:default}
#layoutSetup .primary{background:#146ef5;border-color:#146ef5;color:#fff}
#layoutSetup label{display:grid;gap:6px;min-width:0;font-size:12px;color:#525965}
#layoutSetup input:not([type=radio]),#layoutSetup select{width:100%;min-width:0;height:36px;border:1px solid #cfd5dd;border-radius:4px;padding:6px 9px;background:#fff;color:#292d34;font:13px Inter,Arial,sans-serif}
#layoutSetup :focus-visible{outline:2px solid #146ef5;outline-offset:2px}
.layout-preset-bar{padding-bottom:18px;border-bottom:1px solid #e1e5e9;align-items:flex-end}.layout-preset-bar>label{flex:1}
.layout-setup-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding-top:20px}
.layout-tabs{display:flex;gap:4px;margin-top:16px;border-bottom:1px solid #d8dde3}
#layoutSetup .layout-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:10px 12px;flex:1;min-width:0;white-space:normal}
#layoutSetup .layout-tabs button[aria-selected=true]{border-bottom-color:#146ef5;color:#146ef5;background:#f1f6fd}
#layoutSetup [role=tabpanel][hidden]{display:none}
#layoutSetup [role=tabpanel]{min-height:340px}
#layoutSetup fieldset{border:0;margin:0 0 18px;padding:0;min-width:0}#layoutSetup legend{font-size:13px;font-weight:700;margin-bottom:10px}
.layout-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:10px}.layout-fields.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.layout-setup-body aside{min-width:0;align-self:start;position:sticky;top:0;background:#fff}
#layoutSetup .layout-view{display:flex;gap:12px;flex-wrap:wrap}.layout-view label{display:flex!important;align-items:center;gap:4px!important}.layout-view input{margin:0;accent-color:#146ef5}
.layout-preview{min-height:220px;background:#f6f7f8;border:1px solid #d8dde3;padding:14px;overflow:hidden}.layout-preview [data-preview]>div{display:grid;place-items:center;background:#e5e9ed;border:1px dashed #9ea9b6;color:#606c79;min-width:0;font-size:11px}
#layoutSetup output{display:block;font-size:12px;color:#66717c;margin-top:10px}.layout-save{border-top:1px solid #e1e5e9;padding-top:16px;align-items:flex-end}.layout-save>label{flex:1}
#layoutSetup [role=status]{font-size:12px;min-height:16px;margin:10px 0;color:#596570}#layoutSetup footer{justify-content:flex-end}
@media(max-width:650px){#layoutSetup{padding:16px}.layout-setup-body{grid-template-columns:1fr;gap:8px}.layout-setup-body aside{position:static;grid-row:1}.layout-preview{min-height:120px}.layout-save{flex-wrap:wrap}.layout-save>label{flex-basis:100%}#layoutSetup h2{font-size:18px}.layout-fields.four{grid-template-columns:repeat(2,minmax(0,1fr))}}