.content:has(.homepage-editor){max-width:none;padding:28px}.hp-top{align-items:flex-start}.hp-actions{display:flex;flex-wrap:wrap;gap:10px}.hp-actions button,.homepage-editor button{letter-spacing:normal}.hp-actions button:not(.primary){background:linear-gradient(145deg,#ffffffd9,#eef3f8b3);box-shadow:inset 0 1px #fff,0 3px 12px #0b234a08;backdrop-filter:blur(14px)}#hp-status{margin:0 0 20px;min-height:24px;line-height:1.8}.homepage-editor{display:grid;grid-template-columns:minmax(340px,440px) minmax(450px,1fr);gap:24px;align-items:start}.hp-controls{display:grid;gap:20px}.hp-controls .panel{padding:20px}.hp-section,.hp-item{display:flex;align-items:center;gap:10px;border:1px solid #dce3ec;border-radius:12px;padding:12px;margin:10px 0;background:linear-gradient(135deg,#fff,#f6f8fb)}.hp-section.active{border-color:#0e518f;box-shadow:0 0 0 1px #0e518f}.hp-hidden{opacity:.55}.hp-grip{cursor:grab;user-select:none;padding:6px;color:#69778a;font-size:24px}.hp-grip:active{cursor:grabbing}.hp-select{border:0;background:transparent;padding:0;text-align:left;flex:1;min-width:0}.hp-section small,.hp-item small{display:block;font-weight:400;font-size:11px;margin-top:5px}.hp-row-actions{display:flex;gap:3px;align-items:center}.hp-row-actions button{padding:6px 8px;font-size:12px;border-radius:7px}.hp-item{flex-wrap:wrap;font-size:12px}.hp-item>span:nth-child(2){flex:1;min-width:130px}.hp-check{display:flex;gap:9px;align-items:center;font-weight:500}.hp-check input{width:17px;height:17px;margin:0}.hp-previews{position:sticky;top:20px;min-width:0}.hp-preview-bar{display:flex;justify-content:space-between;align-items:center;gap:16px}.hp-preview-bar select{width:auto}.hp-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hp-compare>div{min-width:0}.hp-compare h3{font-size:14px;font-weight:600}.hp-frame-shell{height:600px;overflow:hidden;background:#fff;border:1px solid #dce3ec;border-radius:14px;box-shadow:0 12px 40px #0b234a0a}.hp-frame-shell iframe{border:0;transform-origin:top left;display:block}.hp-item-search{margin-bottom:12px}#hp-items{max-height:520px;overflow:auto;margin:12px 0}#hp-detail>h3{font-size:16px}#hp-detail #hp-title:disabled{opacity:.7}@media(max-width:1150px){.homepage-editor{grid-template-columns:minmax(300px,380px) minmax(280px,1fr)}.hp-compare{grid-template-columns:1fr}.hp-frame-shell{height:420px}.hp-previews{position:static}.hp-compare>div:first-child{display:block}}@media(max-width:800px){.homepage-editor{grid-template-columns:1fr}.hp-top{display:block}.hp-actions{margin-top:16px}.content:has(.homepage-editor){padding:18px}.hp-compare{grid-template-columns:1fr 1fr}.hp-compare>div:first-child{display:block}.hp-frame-shell{height:420px}}@media(max-width:480px){.hp-compare{grid-template-columns:1fr}.hp-compare>div:first-child{display:block}}
#hp-sections{max-height:530px;overflow:auto;padding:2px 4px 2px 2px;scrollbar-width:thin}
@media(min-width:801px) and (max-width:1150px){.hp-frame-shell{height:320px}}
.hp-grip{touch-action:none}.hp-drop-target{outline:2px dashed #1558ae;outline-offset:2px}.hp-dragging{color:#1558ae}

.hp-single-preview .hp-frame-shell{height:600px}.hp-single-preview{margin-top:16px}