.layout-panel{width:min(1500px,100%);font-family:var(--admin-font-family,"Montserrat", sans-serif);color:var(--admin-text-1);margin:0 auto;padding:40px}.layout-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;padding-bottom:22px;display:flex;position:relative}.layout-header:after{content:"";inset-inline:0;background:var(--admin-border-1);height:1px;position:absolute;bottom:0}.layout-header h2{letter-spacing:.02em;margin:8px 0;font-size:clamp(2rem,5vw,3.25rem);line-height:.95}.layout-header p{color:var(--admin-text-2);margin:0;font-size:.9rem;line-height:1.6}.layout-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:min(620px,100%);display:flex}.layout-save-state,.layout-toggle{border-radius:var(--radius-pill);letter-spacing:.02em;min-height:38px;padding:0 14px;font-family:inherit;font-size:.66rem;font-weight:700}.layout-save-state{border:1px solid var(--admin-border-1);color:var(--admin-text-2);background:#ffffff08;align-items:center;display:inline-flex}.layout-save-state.clean{color:var(--admin-success-text);border-color:var(--admin-border-success);background:color-mix(in srgb, var(--admin-success) 8%, transparent)}.layout-save-state.dirty{color:var(--admin-warn-text);border-color:var(--admin-border-warn);background:color-mix(in srgb, var(--admin-warn) 8%, transparent)}.layout-toggle{cursor:pointer;transition:var(--dur-base) var(--ease-out);border:1px solid var(--admin-border-1);color:var(--admin-text-2);background:#ffffff08}.layout-toggle.on{color:var(--admin-success-text);border-color:var(--admin-border-success);background:color-mix(in srgb, var(--admin-success) 8%, transparent)}.layout-toggle.off{color:var(--admin-danger);border-color:var(--admin-border-danger);background:color-mix(in srgb, var(--admin-danger) 8%, transparent)}.layout-toggle:hover{background:var(--admin-primary);border-color:var(--admin-primary);box-shadow:0 0 30px var(--admin-primary);animation:none;color:var(--admin-bg-0)!important;-webkit-text-fill-color:var(--admin-bg-0)!important}.layout-page-tabs{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:22px;display:grid}.layout-page-tab{border:1px solid var(--admin-border-1);border-radius:var(--radius-lg);background:linear-gradient(180deg, color-mix(in srgb, var(--admin-bg-1) 94%, transparent), color-mix(in srgb, var(--admin-bg-0) 96%, transparent));color:var(--admin-text-2);text-align:start;cursor:pointer;min-height:72px;transition:var(--dur-base) var(--ease-out);flex-direction:column;justify-content:center;gap:7px;padding:16px;font-family:inherit;display:flex;position:relative;overflow:hidden}.layout-page-tab:before{content:"";background:linear-gradient(90deg, transparent, var(--admin-primary), transparent);opacity:0;height:1px;box-shadow:0 0 16px color-mix(in srgb, var(--admin-primary) 40%, transparent);transition:opacity var(--dur-base) var(--ease-out);position:absolute;inset:0 0 auto}.layout-page-tab span{color:var(--admin-text-1);letter-spacing:.02em;font-size:.82rem;font-weight:700}.layout-page-tab em,.layout-preview-head em{color:var(--admin-text-3);letter-spacing:.02em;font-size:.68rem;font-style:normal;font-weight:600}.layout-tab-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.layout-tab-count{color:var(--admin-text-3)!important;letter-spacing:.02em!important;font-size:.63rem!important;font-weight:700!important}.layout-tab-badge{border-radius:var(--radius-pill);border:1px solid;align-items:center;padding:2px 8px;display:inline-flex;letter-spacing:.02em!important;color:var(--admin-text-3)!important;font-size:.6rem!important;font-weight:700!important}.layout-tab-badge.live{border-color:var(--admin-border-success);background:color-mix(in srgb, var(--admin-success) 8%, transparent);color:var(--admin-success-text)!important}.layout-tab-badge.default{border-color:var(--admin-border-1);background:#ffffff08;color:var(--admin-text-3)!important}.layout-page-tab:hover,.layout-page-tab.active{border-color:var(--admin-border-2);color:var(--admin-primary);box-shadow:0 12px 28px color-mix(in srgb, var(--admin-primary) 10%, transparent);transform:translateY(-1px)}.layout-page-tab:hover:before,.layout-page-tab.active:before{opacity:.72}.layout-page-tab.active span{color:var(--admin-primary)}.layout-page-tab:disabled{cursor:not-allowed;opacity:.64;transform:none}.layout-preview-card,.layout-section-card{border:1px solid var(--admin-border-1);border-radius:var(--admin-radius-lg);background:radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--admin-primary) 8%, transparent), transparent 38%), color-mix(in srgb, var(--admin-bg-1) 94%, transparent);box-shadow:0 14px 36px #0006}.layout-preview-card{margin-bottom:22px;padding:22px}.layout-guidance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.layout-guidance-grid article{border:1px solid var(--admin-border-1);border-radius:var(--admin-radius-lg);background:color-mix(in srgb, var(--admin-bg-1) 88%, transparent);gap:8px;min-height:146px;padding:18px;display:grid}.layout-guidance-grid span{border-radius:var(--radius-pill);border:1px solid var(--admin-border-2);width:32px;height:32px;color:var(--admin-primary);background:color-mix(in srgb, var(--admin-primary) 6%, transparent);place-items:center;font-size:.72rem;font-weight:700;display:grid}.layout-guidance-grid strong{color:var(--admin-text-1);letter-spacing:.02em;font-size:.84rem}.layout-guidance-grid p{color:var(--admin-text-2);margin:0;font-size:.82rem;line-height:1.55}.layout-preview-head{color:var(--admin-primary);letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;font-size:.72rem;font-weight:700;display:flex}.layout-flow{flex-wrap:wrap;gap:12px;display:flex}.layout-flow span{border:1px solid var(--admin-border-1);border-radius:var(--radius-pill);color:var(--admin-text-2);letter-spacing:.02em;padding:9px 14px;font-size:.76rem;font-weight:700}.layout-flow span.enabled{border-color:var(--admin-border-2);color:var(--admin-primary);background:color-mix(in srgb, var(--admin-primary) 6%, transparent)}.layout-flow span.disabled{opacity:.45;text-decoration:line-through}.layout-builder-grid{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:start;gap:18px;display:grid}.layout-section-list{gap:16px;display:grid}.layout-section-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;display:grid;position:relative;overflow:hidden}.layout-section-card:before{content:"";background:linear-gradient(90deg, transparent, var(--admin-primary), transparent);height:1px;box-shadow:0 0 14px color-mix(in srgb, var(--admin-primary) 38%, transparent);opacity:.58;position:absolute;inset:0 0 auto}.layout-section-card.disabled{opacity:.66}.layout-section-card.active{border-color:var(--admin-border-2);box-shadow:0 18px 44px color-mix(in srgb, var(--admin-primary) 14%, transparent)}.layout-section-select{min-width:0;color:inherit;text-align:start;cursor:pointer;white-space:normal;text-overflow:clip;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:0;font-family:inherit;display:grid;overflow:visible}.layout-section-select,.layout-section-select:hover,.layout-section-select:focus,.layout-section-select:focus-visible,.layout-section-card.active .layout-section-select{color:inherit!important;-webkit-text-fill-color:currentColor!important;box-shadow:none!important;background:0 0!important}.layout-section-select>.layout-section-order{place-items:center;display:grid;overflow:visible}.layout-section-select>.layout-section-main{white-space:normal;flex-direction:column;display:flex;overflow:visible}.layout-section-order{border-radius:var(--radius-lg);border:1px solid var(--admin-border-2);width:54px;height:54px;color:var(--admin-primary);background:color-mix(in srgb, var(--admin-primary) 6%, transparent);letter-spacing:.02em;flex-shrink:0;place-items:center;font-size:1.1rem;font-weight:700;line-height:1;display:grid}.layout-section-main{flex-direction:column;min-width:0;display:flex}.layout-section-main strong{color:var(--admin-text-1);letter-spacing:.02em;font-size:1.1rem}.layout-section-main em{color:var(--admin-text-2);margin-top:7px;font-size:.86rem;font-style:normal;line-height:1.6}.layout-lock-note{color:var(--admin-warn-text);letter-spacing:.02em;margin-top:9px;font-size:.66rem;font-weight:700;display:inline-flex}.layout-section-controls{align-items:center;gap:8px;display:flex}.layout-section-controls button{border:1px solid var(--admin-border-1);color:var(--admin-text-2);border-radius:var(--admin-radius-md);cursor:pointer;min-width:38px;height:38px;transition:var(--dur-base) var(--ease-out);background:#ffffff06;justify-content:center;align-items:center;font-family:inherit;font-weight:700;display:inline-flex}.layout-section-controls button:disabled{opacity:.35;cursor:not-allowed}.layout-section-controls button:hover:not(:disabled){background:var(--admin-primary);border-color:var(--admin-primary);box-shadow:0 0 20px var(--admin-primary);animation:none;color:var(--admin-bg-0)!important;-webkit-text-fill-color:var(--admin-bg-0)!important}.layout-section-controls .layout-visibility-btn{border-radius:var(--radius-pill);letter-spacing:.02em;min-width:92px;padding:0 12px;font-size:.66rem}.layout-inspector-card{border:1px solid var(--admin-border-1);border-radius:var(--radius-xl);background:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--admin-primary) 10%, transparent), transparent 42%), color-mix(in srgb, var(--admin-bg-1) 94%, transparent);padding:22px;position:sticky;top:16px;box-shadow:0 14px 36px #0006}.layout-inspector-card:before{content:"";background:linear-gradient(90deg, transparent, var(--admin-primary), transparent);height:1px;box-shadow:0 0 16px color-mix(in srgb, var(--admin-primary) 42%, transparent);opacity:.7;position:absolute;inset:0 0 auto}.layout-inspector-head{border-bottom:1px solid var(--admin-border-1);flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:16px;display:flex}.layout-inspector-head span{color:var(--admin-primary);letter-spacing:.02em;font-size:.68rem;font-weight:700}.layout-inspector-head strong{color:var(--admin-text-1);letter-spacing:.02em;font-size:1.15rem}.layout-field,.layout-field-grid{gap:9px;display:grid}.layout-field{margin-bottom:14px}.layout-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.layout-field span{color:var(--admin-text-3);letter-spacing:.02em;font-size:.66rem;font-weight:700}.layout-field input,.layout-field textarea,.layout-field select{border:1px solid var(--admin-border-1);border-radius:var(--radius-md);background:color-mix(in srgb, var(--admin-bg-0) 86%, transparent);width:100%;color:var(--admin-text-1);min-height:42px;font:inherit;transition:var(--dur-base) var(--ease-out);outline:none;padding:11px 12px;font-size:.86rem;line-height:1.5}.layout-field textarea{resize:vertical}.layout-field select{appearance:none;cursor:pointer}.layout-field input:focus,.layout-field textarea:focus,.layout-field select:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--admin-primary) 14%, transparent)}.layout-inspector-note,.layout-inspector-empty{border:1px dashed var(--admin-border-1);border-radius:var(--radius-lg);color:var(--admin-text-2);background:color-mix(in srgb, var(--admin-bg-0) 54%, transparent);padding:14px;font-size:.8rem;line-height:1.6}.layout-readonly-note{border:1px solid var(--admin-border-1);border-inline-start:3px solid var(--admin-primary);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--admin-primary) 6%, transparent);flex-direction:column;gap:4px;margin-bottom:18px;padding:14px 16px;display:flex}.layout-readonly-note strong{letter-spacing:.04em;color:var(--admin-text-1);font-size:.78rem}.layout-readonly-note span{color:var(--admin-text-2);font-size:.8rem;line-height:1.6}.layout-nav-editor{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:start;gap:18px;display:grid}.layout-nav-list{gap:16px;display:grid}.layout-nav-card{border:1px solid var(--admin-border-1);border-radius:var(--admin-radius-lg);background:radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--admin-primary) 8%, transparent), transparent 38%), color-mix(in srgb, var(--admin-bg-1) 94%, transparent);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 36px #0006}.layout-nav-card:before{content:"";background:linear-gradient(90deg, transparent, var(--admin-primary), transparent);height:1px;box-shadow:0 0 14px color-mix(in srgb, var(--admin-primary) 38%, transparent);opacity:.58;position:absolute;inset:0 0 auto}.layout-nav-card.disabled{opacity:.66}.layout-nav-card.active{border-color:var(--admin-border-2);box-shadow:0 18px 44px color-mix(in srgb, var(--admin-primary) 14%, transparent)}.layout-inline-delete{letter-spacing:.02em;height:auto;min-height:38px;padding:0 14px;font-size:.66rem}.layout-add-nav-btn{border:1px dashed var(--admin-border-2);border-radius:var(--admin-radius-lg);background:color-mix(in srgb, var(--admin-primary) 4%, transparent);min-height:50px;color:var(--admin-primary);cursor:pointer;font:inherit;letter-spacing:.02em;transition:var(--dur-base) var(--ease-out);font-size:.72rem;font-weight:700}.layout-add-nav-btn:hover{background:var(--admin-primary);border-color:var(--admin-primary);box-shadow:0 0 24px color-mix(in srgb, var(--admin-primary) 38%, transparent);color:var(--admin-bg-0)!important;-webkit-text-fill-color:var(--admin-bg-0)!important}.layout-check-field{min-height:42px;color:var(--admin-text-2);align-items:center;gap:10px;margin-top:24px;font-size:.74rem;font-weight:600;display:flex}.layout-check-field input{width:18px;height:18px;accent-color:var(--admin-primary)}.layout-visibility-btn.on{color:var(--admin-success-text);border-color:var(--admin-border-success);background:color-mix(in srgb, var(--admin-success) 8%, transparent)}.layout-visibility-btn.off{color:var(--admin-danger);border-color:var(--admin-border-danger);background:color-mix(in srgb, var(--admin-danger) 8%, transparent)}:root[data-theme=light] .layout-preview-card,:root[data-theme=light] .layout-section-card,:root[data-theme=light] .layout-nav-card,:root[data-theme=light] .layout-inspector-card,:root[data-theme=light] .layout-page-tab,body.light-mode .layout-preview-card,body.light-mode .layout-section-card,body.light-mode .layout-nav-card,body.light-mode .layout-inspector-card,body.light-mode .layout-page-tab{background:radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--admin-primary) 8%, transparent), transparent 38%), #fffffff0;border-color:rgba(var(--admin-shadow-tint), .14);box-shadow:0 12px 28px rgba(var(--admin-shadow-tint), .1)}:root[data-theme=light] .layout-header p,:root[data-theme=light] .layout-section-main em,:root[data-theme=light] .layout-inspector-note,body.light-mode .layout-header p,body.light-mode .layout-section-main em,body.light-mode .layout-inspector-note{color:var(--admin-text-3)}:root[data-theme=light] .layout-field input,:root[data-theme=light] .layout-field textarea,:root[data-theme=light] .layout-field select,body.light-mode .layout-field input,body.light-mode .layout-field textarea,body.light-mode .layout-field select{border-color:rgba(var(--admin-shadow-tint), .14);color:var(--admin-text-1);background:#fff}@media (width<=980px){.layout-panel{padding:24px}.layout-header{flex-direction:column;align-items:flex-start}.layout-header-actions{justify-content:flex-start;width:100%;min-width:0}.layout-page-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-guidance-grid,.layout-builder-grid,.layout-nav-editor{grid-template-columns:1fr}.layout-inspector-card{order:-1;position:relative;top:0}.layout-section-card,.layout-nav-card{grid-template-columns:1fr}.layout-section-controls{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start}}@media (width<=520px){.layout-panel{padding:14px}.layout-save-state,.layout-toggle,.layout-header-actions .admin-btn-base{justify-content:center;width:100%}.layout-section-card,.layout-section-select,.layout-field-grid,.layout-page-tabs{grid-template-columns:1fr}.layout-guidance-grid article{min-height:0}.layout-section-order{width:48px;height:48px}.layout-section-controls button,.layout-section-controls .layout-visibility-btn{flex:100%}}