@font-face{font-family:Inter;src:local('Inter')}*{box-sizing:border-box}body{margin:0;background:#f5f4f1;color:#172139;font:15px/1.5 Inter,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer;border:1px solid #d5d8df;background:#fff;color:inherit;border-radius:9px;padding:9px 14px;font-weight:550}button:hover{background:#eef0f4}button:disabled{opacity:.5;cursor:wait}.primary{background:#172139;color:white;border-color:#172139}.primary:hover{background:#2c3c5b}.accent{background:#ffc5b8;border-color:#efac9c;color:#172139}.quiet{border-color:transparent;background:transparent}.danger{color:#a12b36}.small{padding:5px 8px;font-size:12px}input,select,textarea{border:1px solid #cdd2dd;border-radius:8px;background:white;color:inherit;padding:10px 12px;max-width:100%}textarea{resize:vertical;min-height:75px}input:focus,textarea:focus,select:focus{outline:2px solid #e99d8b;border-color:transparent}a{color:inherit}h1{font-size:clamp(27px,3vw,38px);letter-spacing:-1.2px;margin:10px 0}h2{font-size:21px;letter-spacing:-.4px;margin:0}p{margin:8px 0 20px;color:#657087}label{display:grid;gap:6px;font-size:13px;font-weight:600}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{padding:30px 22px;background:#172139;color:#eaf0ff;display:flex;flex-direction:column;gap:9px}.brand{font-size:31px;letter-spacing:-1.4px;font-weight:750}.brand span{color:#ffc5b8}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;color:#abb7d0;margin:0 0 38px}.sidebar button{border:0;background:transparent;color:#ced8ec;text-align:left}.sidebar button.active{background:#2a3851;color:#fff}.sidebar .bottom{margin-top:auto;padding-top:60px;display:grid;gap:6px}.sidebar select{background:#22314b;color:white;border-color:#40516e}.workspace{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 36px;border-bottom:1px solid #e0e1e4;background:#fafaf8;gap:15px;font-size:13px}.muted{color:#67748b}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#56a78a;margin-right:6px}.content{max-width:1480px;margin:auto;padding:24px 36px 80px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:25px}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.notice{padding:12px 16px;border:1px solid #e2d8cb;background:#faf7f2;border-radius:10px;font-size:13px;margin:18px 0;color:#697080}.section{background:#fff;border:1px solid #e0e2e7;border-radius:16px;margin:0 0 24px;padding:22px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;flex-wrap:wrap}.section-fields{display:flex;gap:12px;flex-wrap:wrap;flex:1}.section-fields label:first-child{flex:1;min-width:210px}.section-fields label:nth-child(2){width:190px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:14px}.photo{position:relative;border:1px solid #e0e4ec;border-radius:10px;background:#fff;overflow:hidden;min-width:0}.photo img{width:100%;height:145px;object-fit:cover;display:block;background:#e7eaf0}.photo .caption{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:8px 10px 0;font-size:11px;color:#6d778a}.photo .tools{display:flex;gap:3px;flex-wrap:wrap;padding:8px}.photo .tools button{padding:4px 6px;font-size:11px}.photo[draggable=true]{cursor:grab}.photo.dragging{opacity:.4}.photo.selected{outline:3px solid #d9836b}.photo:focus-visible{outline:3px solid #d9836b}.number{position:absolute;left:8px;top:8px;font-size:10px;color:#fff;background:#172139c9;padding:2px 7px;border-radius:20px}.library-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.library-toolbar input[type=search]{flex:1;min-width:180px}.auth{max-width:440px;margin:10vh auto;padding:32px;background:white;border:1px solid #e0e3e9;border-radius:18px;box-shadow:0 20px 70px #17213909}.auth .brand{margin-bottom:28px}.auth form{display:grid;gap:18px}.auth h1{font-size:27px}.auth select{margin-bottom:20px}.auth .error{color:#a12b36;font-size:13px;min-height:20px}.auth button{padding:12px}.empty{padding:40px;text-align:center;color:#6c778b}dialog{border:1px solid #d8dee7;border-radius:16px;padding:26px;max-width:min(1100px,94vw);width:100%;max-height:90vh;overflow:auto;color:#172139}dialog::backdrop{background:#0c1425bb;backdrop-filter:blur(4px)}dialog .modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}dialog form{display:grid;gap:16px}dialog .modal-foot{display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:-26px;background:#fff;padding:16px 0 20px;border-top:1px solid #e5e7eb;margin-top:20px}dialog .preview-grid{columns:3;column-gap:5px}dialog .preview-grid img{display:block;width:100%;margin-bottom:5px;border-radius:8px}#status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;background:#172139;color:#fff;padding:12px 20px;border-radius:10px;box-shadow:0 4px 30px #0003;z-index:10;display:none}#status.show{display:block}#status.error{background:#923847}.error-text{color:#a12b36}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}@media(max-width:850px){.shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding:24px 14px}.content{padding:20px}.topbar{padding:14px 20px}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:600px){.shell{display:block}.sidebar{padding:14px 16px;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px}.sidebar .brand{font-size:23px;margin-right:auto}.sidebar .eyebrow{display:none}.sidebar .bottom{margin:0;padding:0;display:flex;gap:4px}.sidebar button,.sidebar select{padding:6px 8px;font-size:12px}.sidebar nav{width:100%;display:flex;order:3}.topbar{padding:12px 16px;gap:6px;font-size:11px}.content{padding:15px}.section{padding:14px}.heading{gap:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.photo img{height:125px}.section-fields label:first-child{min-width:150px}.auth{margin:5vh 15px;padding:25px}dialog{padding:18px}dialog .preview-grid{columns:2}.actions{gap:5px}.actions button{font-size:12px;padding:8px}.section-head h2{font-size:17px}}

.slots-mode .section:not([data-kind="carousel"]):not([data-kind="grid"]) [data-add],.slots-mode [data-section-move],.slots-mode [data-remove-section],.slots-mode #add-section,.slots-mode .section-fields label:nth-child(2){display:none}.slots-mode .section-fields textarea{border:0;resize:none;min-height:35px;padding:0}.heading select{max-width:100%;width:350px;background:transparent;font-size:12px;margin-bottom:5px}