@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap");*{box-sizing:border-box}body{margin:0;background:#f5f2ea;color:#23352d;font:15px DM Sans,sans-serif}h1,h2,h3{font-family:Playfair Display,serif}button,input,select,textarea{font:inherit}button{background:#315943;border:0;color:white;padding:10px 15px;border-radius:7px;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.secondary{background:#e5e9e1;color:#23352d}button.danger{background:#aa4b41}input,select,textarea{padding:11px;border:1px solid #c8d2c5;border-radius:6px;background:white;color:#23352d;width:100%;min-width:0}label{font-size:13px;font-weight:600}a{color:inherit}header{background:#244532;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:15px 24px;gap:15px;flex-wrap:wrap}header strong{font-family:Playfair Display,serif;font-size:23px}nav{display:flex;gap:5px;flex-wrap:wrap}nav button{background:transparent;border:1px solid #ffffff3b;font-size:13px}nav button.active{background:#e9dfbf;color:#263b2e}main{max-width:1220px;margin:auto;padding:25px 20px}.panel{background:white;border:1px solid #e4e7df;border-radius:10px;padding:20px;margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px}.flex{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stack{display:grid;grid-gap:10px;gap:10px}.muted{color:#708076;font-size:13px}.metric{font-size:34px;font-weight:700}.tag{background:#e6ebdc;border-radius:5px;padding:4px 8px;font-size:12px}.item{border:1px solid #e5e9e1;border-radius:7px;padding:12px}.alert{background:#fff3d9;padding:12px;border-radius:6px;margin:12px 0}.error{color:#a0322f}.success{color:#24653c}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:11px 8px;border-bottom:1px solid #e9ece6}th{font-size:12px;color:#64766b;text-transform:uppercase}.scroll{overflow:auto}.preview{height:160px;object-fit:contain;background:#e9ece6;width:100%;border-radius:6px}.login{max-width:430px;margin:10vh auto}.login h1{text-align:center}.login .panel{padding:30px}@media(max-width:650px){main{padding:14px 10px}header{padding:12px}nav{width:100%;overflow:auto;flex-wrap:nowrap}nav button{white-space:nowrap}.panel{padding:14px}}:root{--ink:#182a21;--sage:#24543d;--canvas:#f8f7f1;--line:#dfe5dd;--muted:#66796f}body{background:var(--canvas);color:var(--ink)}h1,h2,h3{margin-top:0}h1{font-size:clamp(25px,3vw,40px);letter-spacing:-.04em}h2{font-size:clamp(19px,2vw,25px)}.app-header{background:#f9f8f2;color:var(--ink);border-bottom:1px solid var(--line);padding:12px clamp(12px,3vw,36px);position:-webkit-sticky;position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:10px}.brand img{width:42px;height:42px;object-fit:contain;background:#ecf1e7;border-radius:50%;padding:6px}.brand strong{font-family:Georgia,serif;font-size:25px;letter-spacing:-.05em}.brand small{display:block;font-size:10px;letter-spacing:.23em;color:#536c5b;font-weight:700}.app-header nav button{color:var(--ink);border:0;background:none;font-weight:600}.app-header nav button.active{background:#e0e9dc;color:var(--ink)}.app-header button.secondary{background:#e5ece3}main{max-width:1400px;padding:28px clamp(12px,3vw,38px)}.panel{border:1px solid var(--line);box-shadow:0 3px 14px #19352405;border-radius:12px}.heading{margin:5px 0 20px}.heading p{margin:4px 0}.eyebrow{font-size:11px;letter-spacing:.17em;color:#477658;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:18px}.metric-card{background:white;border:1px solid var(--line);border-radius:12px;padding:17px;display:grid;grid-gap:7px;gap:7px}.metric-card small{font-size:12px;color:var(--muted)}.metric-card strong{font-size:28px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:12px;gap:12px}.form-grid label{display:grid;grid-gap:7px;gap:7px;min-width:0}.section-head{display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}.section-head h2{margin:0}.editor-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);grid-gap:18px;gap:18px}.visual-stage{aspect-ratio:16/9;max-height:460px;border-radius:9px;display:grid;place-items:center;overflow:hidden;color:#dfe9df;font-size:14px}.visual-controls{align-content:start}.visual-controls label{display:grid;grid-gap:5px;gap:5px}.inline-editor input[type=color],.visual-controls input[type=color]{width:65px;min-height:42px;padding:2px}.wide{width:100%}.list-row{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding:12px 3px;flex-wrap:wrap}.list-info{display:grid;grid-gap:5px;gap:5px;flex:1 1;min-width:160px}.list-info strong{font-size:14px;overflow-wrap:anywhere}.list-info small{color:var(--muted);font-size:12px;line-height:1.4}.list-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.list-actions button{font-size:12px;padding:8px 10px}.media-thumb{width:85px;height:62px;display:grid;place-items:center;background:#e7ede6;border-radius:7px;overflow:hidden;flex-shrink:0}.media-thumb img,.media-thumb video{width:100%;height:100%;object-fit:cover}.device-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#e5eee3;color:#235138;flex-shrink:0;font-size:23px}.search{width:min(100%,300px)}.inline-editor{flex:0 0 100%;border-top:1px dashed var(--line);padding:16px 4px;display:grid;grid-gap:12px;gap:12px}.screen-row{background:white;border:1px solid var(--line);border-radius:11px;margin-bottom:8px}.screen-row summary{display:flex;gap:13px;align-items:center;padding:13px;cursor:pointer;list-style:none}.screen-row summary::-webkit-details-marker{display:none}.screen-options{border-top:1px solid var(--line);padding:16px}.screen-options label{display:grid;grid-gap:5px;gap:5px}button.danger{background:#fff0ed;color:#9d392e;border:1px solid #f1cac3}@media(max-width:850px){.editor-layout{grid-template-columns:1fr}.app-header{flex-wrap:wrap}.app-header nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.app-header nav button{white-space:nowrap}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){main{padding:15px 10px}.panel{padding:13px}.app-header{padding:10px}.brand img{width:34px;height:34px}.brand strong{font-size:21px}.metric-card{padding:12px}.metric-card strong{font-size:23px}.list-row{align-items:flex-start;gap:9px}.media-thumb{width:68px;height:58px}.list-actions{width:100%;padding-left:0}.list-actions button{flex:1 1}.form-grid{grid-template-columns:1fr}.visual-stage{min-height:190px}.screen-row summary .tag{display:none}}