.websiteEditorView{padding-bottom:42px}.websiteEditorHeading{align-items:flex-end}.websiteEditorActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.websiteEditorActions>span{color:#8f8394;font-size:10px}.websiteEditorActions>span.hasChanges{color:#f4b55d}.websiteEditorActions a{display:inline-flex;align-items:center;text-decoration:none}.websiteEditorLayout{display:grid;grid-template-columns:190px minmax(370px,580px) minmax(360px,1fr);gap:14px;align-items:start}.websitePageNav,.websiteFieldsPanel,.websitePreviewPanel{border:1px solid #ffffff12;border-radius:20px;background:linear-gradient(145deg,#211825e8,#17121bea);box-shadow:0 20px 55px #08050c38}.websitePageNav{position:sticky;top:16px;padding:14px}.websitePageNav>strong{display:block;padding:8px 10px 12px;color:#817586;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.websitePageNav button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:0;border-radius:11px;background:transparent;color:#a99eac;text-align:left;font-size:11px;cursor:pointer}.websitePageNav button:hover,.websitePageNav button.active{background:#8b5cf61e;color:#eee6f2}.websitePageNav button.active{box-shadow:inset 2px 0 #a978ff}.websitePageNav button b{font-size:16px}.websiteFieldsPanel{padding:18px}.websiteEditorTip{display:grid;gap:5px;padding:13px 15px;border:1px solid #956ff02b;border-radius:13px;background:#8b5cf611}.websiteEditorTip b{color:#ddcff3;font-size:11px}.websiteEditorTip span{color:#93879a;font-size:10px;line-height:1.55}.websiteEditorTip code{color:#dca1e7}.websiteContentFields header,#websiteContentFields header{display:grid;grid-template-columns:1fr auto;align-items:end;margin:24px 2px 14px}#websiteContentFields header p{grid-column:1/-1;margin:0 0 5px}#websiteContentFields header h2{margin:0;font-size:20px}#websiteContentFields header>span{color:#817686;font-size:9px}.websiteFieldGrid{display:grid;gap:11px}.websiteField{display:grid;gap:7px;padding:13px;border:1px solid #ffffff0e;border-radius:13px;background:#ffffff04}.websiteField>span{color:#d9cfdc;font-size:10px;font-weight:750}.websiteField textarea{width:100%;resize:vertical;padding:11px 12px;border:1px solid #ffffff14;border-radius:10px;background:#0d091280;color:#f1eaf3;font:11px/1.55 inherit;outline:0}.websiteField textarea:focus{border-color:#9e75ec88;box-shadow:0 0 0 3px #8b5cf614}.websiteField small{color:#756a79;font-size:8px}.websitePreviewPanel{position:sticky;top:16px;overflow:hidden}.websitePreviewPanel>div{display:flex;justify-content:space-between;padding:13px 15px;border-bottom:1px solid #ffffff0e}.websitePreviewPanel b{font-size:11px}.websitePreviewPanel span{color:#756a79;font-size:8px}.websitePreviewPanel iframe{display:block;width:100%;height:680px;border:0;background:white}@media(max-width:1250px){.websiteEditorLayout{grid-template-columns:170px minmax(390px,1fr)}.websitePreviewPanel{grid-column:1/-1;position:static}.websitePreviewPanel iframe{height:560px}}@media(max-width:760px){.websiteEditorHeading{align-items:stretch}.websiteEditorActions{justify-content:flex-start}.websiteEditorActions .create{width:100%}.websiteEditorLayout{grid-template-columns:1fr}.websitePageNav{position:static;display:flex;overflow-x:auto;gap:5px}.websitePageNav>strong{display:none}.websitePageNav button{min-width:max-content;width:auto}.websiteFieldsPanel{padding:12px}.websitePreviewPanel{display:none}}