:root{font:16px system-ui,sans-serif;color:#4a2c3f;background:#fff4f8}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:20px;padding:20px;background:white;border-bottom:1px solid #f0c3d7}header a{font-size:26px;font-weight:800;color:#a12f62;text-decoration:none}header span{margin-left:auto}main{max-width:1240px;margin:auto;padding:24px}h1{font-size:28px}button,input,textarea,select{font:inherit}button{padding:11px 17px;border:1px solid #d7a1b9;border-radius:12px;background:white;cursor:pointer;color:#642445}button:hover{background:#ffe0ed}button:disabled{opacity:.5;cursor:default}#save,#publish,#loginForm button{background:#a12f62;color:white}input,textarea,select{width:100%;padding:11px;border:1px solid #cab4c0;border-radius:8px;background:white;color:#4a2c3f}textarea{min-height:100px;resize:vertical}label{display:block;font-weight:600;margin:12px 0}label input,label textarea,label select{display:block;margin-top:7px;font-weight:400}input[type=checkbox]{width:auto;display:inline}#login{max-width:450px;margin:40px auto;background:white;padding:28px;border-radius:18px}.toolbar,nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}nav{margin:26px 0}nav button[aria-current=true]{background:#642445;color:white}#search{max-width:450px}#editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px;margin:20px 0}.card{background:white;padding:22px;border:1px solid #edcfdd;border-radius:16px}.card img{width:100%;max-height:180px;object-fit:contain;background:#fff4f8}.muted{color:#775968;font-size:14px}.danger{color:#a01837}#notice{min-height:24px;color:#642445}dialog{width:min(1200px,96vw);height:94vh;border:1px solid #cab4c0;border-radius:16px;padding:20px}dialog::backdrop{background:#24151fcc}#previewFrame{width:100%;height:calc(100% - 130px);border:1px solid #ddd}body.busy button{pointer-events:none;opacity:.6}[hidden]{display:none!important}@media(max-width:600px){main{padding:16px}header{padding:14px;gap:10px}header span{font-size:14px}.toolbar button{flex-grow:1}h1{font-size:24px}}
header{flex-wrap:wrap}.card{min-width:0}header span{max-width:100%}@media(max-width:600px){header span{margin-left:0;flex-basis:calc(100% - 125px)}header #logout{margin-left:auto}}
#activate{max-width:500px;margin:40px auto;background:white;padding:28px;border-radius:18px}