:root{--navy:#12343b;--teal:#168b88;--line:#dce6e7;--muted:#6f8487}*{box-sizing:border-box}body{color:#203c42;background:#f1f5f5;margin:0;font:14px/1.5 Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #36aaa3}button{color:#27474c;background:#fff;border:1px solid #d4e1e2;border-radius:7px;padding:10px 14px;font-weight:600}button:hover{background:#eef7f5}.primary{background:var(--teal);border-color:var(--teal);color:#fff}.primary:hover{background:#116d6b}.danger{color:#b33e3e}button:disabled{opacity:.5;cursor:wait}input,select,textarea{color:#223e44;background:#fff;border:1px solid #cddcdd;border-radius:6px;width:100%;margin:6px 0 0;padding:11px;display:block}textarea{resize:vertical;min-height:140px;line-height:1.7}label{margin-bottom:15px;font-size:12px;font-weight:700;display:block}small,.muted{color:var(--muted)}.auth{background:radial-gradient(at 0 0,#265659,#12313a);place-items:center;min-height:100vh;display:grid}.auth-card{background:#fff;border-radius:12px;width:min(430px,92vw);padding:38px}.auth-card h1{margin:8px 0;font-size:29px}.auth-card p{color:#73898c}.auth-card button{width:100%;margin-top:5px}.eyebrow{letter-spacing:.16em;color:#168b88;font-size:10px;font-weight:700}.monogram{color:#fff;background:#168b88;border-radius:7px;place-items:center;width:45px;height:45px;margin-bottom:22px;font-size:24px;font-weight:700;display:grid}.error{color:#b63737!important}.rail{background:var(--navy);color:#d8e7e8;z-index:4;flex-direction:column;width:240px;padding:28px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;letter-spacing:.06em;padding:0 12px;font-size:25px;font-weight:800;text-decoration:none}.brand span{letter-spacing:.2em;color:#a5c4c7;font-size:9px;display:block}.nav-title{letter-spacing:.15em;color:#88afb4;margin:38px 12px 14px;font-size:9px}#tabs button{text-align:left;color:#bfd6d9;background:0 0;border:0;border-radius:6px;width:100%;margin:6px 0;padding:12px;font-size:12px;display:block}#tabs button.active,#tabs button:hover{color:#fff;background:#27555c}.rail-bottom{gap:10px;margin-top:auto;display:grid}.rail-bottom a{color:#b6d4d7;padding:10px;font-size:12px;text-decoration:none}.rail-bottom button{color:#c9dcdf;background:#1a444b;border:0}.workspace{margin-left:240px}.toolbar{border-bottom:1px solid var(--line);z-index:3;background:#fff;justify-content:space-between;align-items:center;gap:20px;height:94px;padding:18px 30px;display:flex;position:sticky;top:0}.toolbar h1{margin:0 0 4px;font-size:20px}.toolbar span{color:#738d90;font-size:11px}.toolbar-actions{gap:10px;display:flex}.toolbar-actions button{font-size:12px}#view{padding:26px 30px 55px}.card{border:1px solid var(--line);background:#fff;border-radius:9px;margin-bottom:20px;padding:24px}.card h2{margin:0 0 15px;font-size:18px}.card p{color:#70868a}.grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid .wide{grid-column:1/-1}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row>*{margin-bottom:0}.actions{justify-content:end;gap:10px;margin-top:20px;display:flex}.visual-layout{grid-template-columns:minmax(0,1fr) 290px;gap:18px;display:grid}.preview-card{min-width:0}.previewbar{border:1px solid var(--line);background:#fff;border-radius:8px 8px 0 0;align-items:center;gap:10px;padding:12px;display:flex}.previewbar select{margin:0}.previewbar select#previewScale{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:4px;max-width:115px;margin:0;padding:6px 10px;font-size:12px}.previewbar button{padding:8px;font-size:11px}.iframe-wrap{border:1px solid var(--line);background:#d4dfe0;padding:0;overflow:auto}.iframe-wrap iframe{background:#fff;border:0;width:100%;height:740px;display:block}.iframe-wrap.mobile iframe{width:390px;max-width:100%;margin:auto}.editor-card{border:1px solid var(--line);background:#fff;border-radius:8px;align-self:start;padding:19px;position:sticky;top:115px}.editor-card h2{margin:0 0 15px;font-size:15px}.editor-card img{object-fit:cover;border-radius:5px;width:100%;height:145px}.editor-card textarea{min-height:170px}.helper{color:#799094;font-size:11px;line-height:1.6}.file-input{padding:8px;font-size:11px}.records{grid-template-columns:340px 1fr;gap:20px;display:grid}.record-list{max-height:750px;overflow:auto}.record-row{border-top:1px solid var(--line);padding:15px 0}.record-row b{margin:4px 0;display:block}.record-row span{letter-spacing:.06em;color:#168b88;font-size:10px}.record-row button{margin-top:8px;padding:6px 10px;font-size:11px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.media-item{border:1px solid var(--line);border-radius:7px;padding:10px;overflow:hidden}.media-item img{object-fit:cover;width:100%;height:110px}.media-item small{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.media-item button{margin-top:8px;font-size:11px}.layout-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.layout-row b{flex:1;font-size:13px}.layout-row input[type=checkbox]{width:auto;margin:0}.layout-row button{padding:6px 10px}.backup-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.backup-row button{font-size:12px}.notice{color:#4a7375;background:#eaf5f3;border-left:3px solid #1c9890;margin-bottom:20px;padding:14px 16px;font-size:12px}.dirty{color:#bc7a23!important}#toast{color:#fff;z-index:50;background:#163d43;border-radius:8px;max-width:470px;padding:14px 20px;display:none;position:fixed;bottom:25px;right:25px;box-shadow:0 7px 30px #0003}#toast.error{background:#a53e3e;color:#fff!important}dialog{color:#26464c;border:0;border-radius:10px;width:92vw;max-width:470px;padding:28px}dialog::backdrop{background:#09292fa8}dialog h2{margin-top:0;font-size:21px}.searchrow{align-items:center;gap:15px;display:flex}.searchrow input{margin:0}[hidden]{display:none!important}@media (width<=1150px){.rail{width:205px}.workspace{margin-left:205px}.visual-layout{grid-template-columns:1fr}.editor-card{position:static}.records{grid-template-columns:1fr}.toolbar{padding:16px 20px}#view{padding:20px}.iframe-wrap iframe{height:620px}}@media (width<=720px){.rail{width:100%;padding:15px;position:static}.brand{font-size:20px}.nav-title{display:none}#tabs{margin-top:12px;display:flex;overflow:auto}#tabs button{white-space:nowrap;width:auto}.rail-bottom{justify-content:end;display:flex}.workspace{margin:0}.toolbar{flex-direction:column;align-items:start;height:auto;position:static}.toolbar-actions{width:100%}.toolbar-actions button{flex:1}#view{padding:15px}.grid{grid-template-columns:1fr}.grid .wide{grid-column:auto}.card{padding:18px}.previewbar{flex-wrap:wrap}.iframe-wrap iframe{height:580px}}.admin-logo-panel{background:#fff;border-radius:5px;max-width:160px;padding:9px;display:block}.admin-logo{object-fit:contain;width:100%;height:110px;display:block}.admin-brand{padding:0 12px}.admin-brand>span:last-child{margin-top:12px}.auth-card>.admin-logo-panel{width:135px;margin:0 0 20px;padding:0}.auth-card .admin-logo{height:120px}@media (width<=720px){.admin-brand{align-items:center;gap:16px;display:flex}.admin-brand .admin-logo-panel{width:100px}.admin-brand .admin-logo{height:72px}.admin-brand>span:last-child{margin:0}}.logo-size-preview{background:#f4f7f7;border:1px solid #dce6e7;border-radius:8px;justify-content:center;align-items:center;min-height:185px;margin-bottom:20px;padding:15px;display:flex;overflow:hidden}.logo-size-preview img{object-fit:contain;max-width:100%;display:block}#logoScaleRange{accent-color:#168b88;padding:6px 0}#logoScaleValue{color:#168b88;font-size:14px;font-weight:700}
