.editor-layout{grid-template-columns:minmax(0,1fr) 360px!important;gap:20px!important;align-items:start}
.editor-main{gap:18px!important}
.editor-aside{position:sticky!important;top:82px!important;display:grid!important;grid-template-columns:1fr!important;gap:16px!important;max-height:none!important;overflow:visible!important;padding-right:0!important;align-self:start}
.editor-aside .sticky-card{position:static!important}
.editor-aside>.card{border:1px solid #1c293d;background:linear-gradient(155deg,#111b2b,#101827)}
.editor-aside .action-card{grid-column:auto!important;padding:16px}
.editor-save-card{gap:13px!important;border-color:#22334a!important;background:linear-gradient(145deg,#121e30,#0f1826)!important}
.editor-save-card.is-published{border-color:rgba(45,211,153,.2)!important;background:linear-gradient(145deg,rgba(17,55,48,.62),#101a29 58%)!important}
.editor-save-heading{display:flex;align-items:center;gap:11px}
.editor-save-heading>div{display:grid;gap:3px}.editor-save-heading>div>strong{font:800 14px Archivo,sans-serif}
.editor-save-icon{display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;border-radius:12px;background:#183762;color:#6bb3ff}
.is-published .editor-save-icon{background:#123d33;color:#55dfa9}
.editor-save-status{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid #223149;border-radius:12px;background:#0a121e}
.editor-save-status>i{margin-top:2px;color:#6caeff}.is-published .editor-save-status>i{color:#4cdda7}
.editor-save-status>span{display:grid;gap:3px}.editor-save-status strong{font-size:10px}.editor-save-status small{color:#71839a;font-size:8px;line-height:1.5}
.editor-cancel-link{display:flex;align-items:center;justify-content:center;gap:7px;padding:4px;color:#71839a;font-size:9px;font-weight:800}.editor-cancel-link:hover{color:#fff}
.editor-appearance{padding:0!important;overflow:hidden;border:1px solid #1d2b40;background:#111a2a}
.editor-appearance>.section-heading{margin:0;padding:20px 21px 17px;border-bottom:1px solid #1e2b3f}
.editor-appearance-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 20px;border-bottom:1px solid #1d2a3d;background:#0d1521}
.editor-appearance-tabs button{display:flex;align-items:center;gap:11px;min-height:56px;padding:10px 13px;border:1px solid transparent;border-radius:12px;background:transparent;color:#71849d;text-align:left;cursor:pointer;transition:.18s}
.editor-appearance-tabs button>i{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:#152033;color:#6f89a8}
.editor-appearance-tabs button span{display:grid;gap:2px}
.editor-appearance-tabs b{font-size:11px}
.editor-appearance-tabs small{font-size:8px;color:#566b84}
.editor-appearance-tabs button:hover{background:#121e2f;color:#d7e5f7}
.editor-appearance-tabs button.active{border-color:rgba(59,130,246,.3);background:#172b48;color:#fff}
.editor-appearance-tabs button.active>i{background:#2462ac;color:#fff}
.editor-appearance-tabs button.active small{color:#81a6d3}
.editor-appearance-panels{padding:20px}
.appearance-panel{display:none;animation:appearance-in .2s ease}
.appearance-panel.active{display:grid;gap:19px}
.appearance-panel-intro{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:13px;background:#0b131f}
.appearance-panel-intro>i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#172c49;color:#65aaff}
.appearance-panel-intro strong{font-size:12px}
.appearance-panel-intro p{margin:3px 0 0;color:#657a92;font-size:9px}
.appearance-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.appearance-media-grid .media-drop{grid-template-columns:52px minmax(0,1fr);min-height:84px}
.appearance-media-grid .media-preview{width:50px;height:50px}
.appearance-media-grid .label{margin-bottom:7px}
.appearance-panel .color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.appearance-panel .shape-picker,.appearance-panel .choice-grid{max-width:760px}
.appearance-panel .animation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;background:#0b131f}
.appearance-panel .toggle-line{padding:15px;border:1px solid #202e42;border-radius:13px;background:#0b131f}
.phone-preview{width:min(100%,268px)!important;min-height:430px!important}
.editor-aside>.sticky-card{padding:17px}
.editor-aside>.sticky-card .section-heading{margin-bottom:13px}
@keyframes appearance-in{from{opacity:0;transform:translateY(4px)}}
@media(max-width:1179px){
    .editor-layout{grid-template-columns:1fr!important}
    .editor-aside{position:static!important;grid-template-columns:minmax(300px,.8fr) minmax(280px,.6fr)!important}
    .editor-aside .action-card{align-self:start}
    .appearance-media-grid{grid-template-columns:1fr}
    .appearance-panel .animation-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
    .editor-aside{grid-template-columns:1fr!important}
    .editor-appearance-tabs{grid-template-columns:1fr;padding:10px}
    .editor-appearance-tabs button{min-height:48px}
    .editor-appearance-panels{padding:14px}
    .appearance-panel .color-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.appearance-panel{animation:none}}