@font-face{font-family:Continuum;src:url('../assets/fonts/hk-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Continuum;src:url('../assets/fonts/hk-semibold.woff2') format('woff2');font-weight:600;font-display:swap}*{box-sizing:border-box}body{margin:0;font:15px Continuum,Arial,sans-serif;background:#edf1ed;color:#193c32}header{position:sticky;top:0;z-index:5;background:#173c32;color:#fff;display:flex;align-items:center;gap:10px;padding:12px 20px;flex-wrap:wrap}header a{color:#d0e3c8;text-decoration:none;margin-right:15px}header b{margin-right:auto;letter-spacing:.1em}header span{font-weight:400;font-size:11px;display:block}button,.file{border:1px solid #c8d6ce;border-radius:6px;padding:9px 12px;cursor:pointer;background:#fff;color:#214739;font:600 13px Continuum,Arial}button:hover,.file:hover{background:#e1efdd}button:disabled{opacity:.5;cursor:wait}button.primary,#save{background:#d2efad;color:#163d32}#status{position:sticky;top:75px;z-index:4;padding:12px 20px;background:#e2edd7;border-bottom:1px solid #c2d8ba;min-height:44px}#status.error{background:#ffe4df;color:#922b1b}main{display:grid;grid-template-columns:260px minmax(350px,1fr) 255px;gap:18px;padding:18px;max-width:1900px;margin:auto}section{background:#fff;border:1px solid #dae1d9;border-radius:12px;padding:16px;margin-bottom:16px}aside h2{font-size:17px;margin:0 0 12px}label{display:block;font-size:12px;font-weight:600;margin:9px 0}input,select,textarea{display:block;width:100%;border:1px solid #cdd8d0;border-radius:5px;padding:8px;color:#193c32;background:#fff;font:14px Continuum,Arial}input[type=checkbox]{display:inline;width:auto}input[type=color]{height:35px;padding:3px}input[type=range]{padding:0}textarea{resize:vertical}small,p{font-size:12px;line-height:1.5;color:#52665b}small{display:block;margin-top:8px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:6px}.file{display:inline-block}.file input{margin-top:8px;font-size:11px}h1{font-size:30px;line-height:1.08;letter-spacing:-.03em;margin:8px 0 20px}.eyebrow{letter-spacing:.15em;font-size:10px;font-weight:600}.workspace-head{display:flex;gap:12px;align-items:center;justify-content:space-between}#designs{display:flex;overflow-x:auto;gap:6px;padding:0 0 12px}#designs button{white-space:nowrap;font-size:11px}button.selected{background:#214d3f;color:white}#canvas-wrap{display:flex;justify-content:center;align-items:center;min-height:430px;padding:20px;background:#dce2dc;border-radius:12px;overflow:hidden}canvas{max-width:100%;max-height:650px;width:auto;height:auto;box-shadow:0 10px 30px #18372825;touch-action:none;cursor:move}.canvas-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 25px}.canvas-tools label{display:flex;align-items:center;gap:5px}.canvas-tools input{width:50px}#dimensions{margin-right:auto;font-size:12px}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filters input,.filters select{flex:1;min-width:130px}#assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:10px;margin-top:15px}.asset{border:1px solid #d6dfd6;border-radius:8px;overflow:hidden;min-width:0}.asset img{width:100%;height:110px;object-fit:contain;background:repeating-conic-gradient(#eff2ef 0 25%,#fff 0 50%) 0/16px 16px}.asset p{margin:6px;overflow-wrap:anywhere}.asset button{padding:6px;margin:3px;font-size:11px}#layers button{display:block;width:100%;margin-bottom:5px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#properties[hidden]{display:none}#presets label{border-bottom:1px solid #edf1ed;padding:7px 0;font-weight:400;line-height:1.4}#presets span{display:block;padding-left:20px;color:#718274;font-size:11px}#sources a{font-size:12px;display:block;margin:10px 0;color:#286443;overflow-wrap:anywhere}#warning{color:#925a1c}summary{cursor:pointer;font-size:13px;font-weight:600}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #91b65b;outline-offset:2px}@media(max-width:1100px){main{grid-template-columns:220px minmax(320px,1fr)}main>aside:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px}#status{position:static}}@media(max-width:650px){main{display:flex;flex-direction:column;padding:10px}header{position:static}article{order:-1}h1{font-size:25px}#canvas-wrap{min-height:300px;padding:12px}main>aside:last-child{display:block}}

.edit-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:white;border:1px solid #cbd9cb;border-radius:10px;padding:12px;margin:0 0 12px}.edit-actions span{font-size:12px;color:#52665b}.edit-actions button{background:#d2efad}#library-section{scroll-margin-top:130px}#text:focus{outline:3px solid #91b65b}#presets{max-height:300px;overflow-y:auto}#status{top:65px}#properties{scroll-margin-top:130px}
.swatches{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.swatches button{min-width:75px;border:2px solid #b5c6b1}.draft-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border-bottom:1px solid #dce5d8;padding:10px 0}.draft-row b,.draft-row span{flex:1;min-width:110px}.draft-row button{font-size:11px;padding:7px}#colour-dialog{border:1px solid #adc49b;border-radius:14px;max-width:480px;width:calc(100% - 24px);padding:16px}#colour-dialog::backdrop{background:#15362799}#colour-dialog section{margin:0}#colour-dialog h3{font-size:13px}#colour-dialog input[type=color]{height:50px}#cta-library{max-height:250px;overflow:auto}canvas{cursor:grab}#drafts:empty::after{content:'No drafts in this campaign.';font-size:13px;color:#60715e}#layer-type{background:#edf4e5;border:2px solid #91b65b}header button{padding:8px 10px}textarea{white-space:pre-wrap}
#canvas-wrap{position:relative}#inline-copy{position:absolute;z-index:2;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;outline:2px solid #dcaa40!important;background:transparent!important;resize:none!important;box-shadow:none!important;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;overflow:auto;transform-origin:center;box-sizing:border-box;min-width:0;min-height:0}#inline-copy[hidden]{display:none!important}

#layers .layer-row{margin-bottom:8px;border:1px solid #d6dfd6;border-radius:6px;overflow:hidden}#layers .layer-select{margin:0;border:0;border-radius:0}#layers .layer-actions{display:flex;gap:3px;padding:4px;background:#edf3eb;visibility:hidden}#layers .layer-actions button{width:auto;flex:1;margin:0;padding:5px 3px;font-size:11px;text-align:center}#layers .layer-row:hover .layer-actions,#layers .layer-row:focus-within .layer-actions{visibility:visible}.layer-menu{position:fixed;z-index:100001;padding:6px;background:white;border:1px solid #b6c8b9;border-radius:8px;box-shadow:0 5px 25px #0003;min-width:160px}.layer-menu button{display:block;width:100%;text-align:left;margin:2px 0}.layer-menu[hidden]{display:none}@media(hover:none){#layers .layer-actions{visibility:visible}}#add-layer{margin:4px 0 10px;width:100%}

#layers .layer-actions{flex-wrap:wrap}#layers .layer-actions button{flex:1 0 28%}#layers .layer-row[draggable=true] .layer-select{cursor:grab}#layers .layer-row.drop-above{border-top:3px solid #bd7700}#layers .layer-row.drop-below{border-bottom:3px solid #bd7700}#layers .layer-background{background:#dce4dc;text-align:left;cursor:default}

.studio-panel{background:#fff;border:1px solid #dae1d9;border-radius:10px;margin-bottom:10px;overflow:hidden}.studio-panel>summary{padding:12px 14px;font-size:14px;font-weight:600;color:#193c32;line-height:1.35}.studio-panel>summary:hover{background:#edf3e9}.studio-panel[open]>summary{border-bottom:1px solid #e2e9e0}.studio-panel>.panel-content{padding:12px 14px}.studio-panel[hidden]{display:none}.studio-panel>summary:focus-visible{outline:3px solid #91b65b;outline-offset:-3px}

.layers-panel>.panel-content{padding:6px 8px}.layers-panel>summary{padding:9px 12px}.layers-panel small{font-size:10px;margin:0 0 6px}.layers-panel #layers .layer-row{margin-bottom:3px;border-radius:4px;position:relative;overflow:visible}.layers-panel #layers .layer-select{padding:6px 8px;font-size:12px;line-height:1.2}.layers-panel #layers .layer-actions{display:none;visibility:visible;position:absolute;right:0;top:100%;z-index:10;min-width:210px;border:1px solid #c8d6ce;border-radius:4px;box-shadow:0 4px 12px #0002}.layers-panel #layers .layer-row:hover .layer-actions,.layers-panel #layers .layer-row:focus-within .layer-actions{display:flex}.layers-panel #layers .layer-background{padding:6px 8px;font-size:12px;margin-bottom:4px}.layers-panel #add-layer{padding:6px 8px;margin:4px 0}.layers-panel #add-text,.layers-panel #add-shape{padding:5px 7px;font-size:11px}@media(hover:none){.layers-panel #layers .layer-actions{display:flex;position:static;min-width:0;box-shadow:none;border:0}}

#crop-dialog{max-width:min(94vw,900px);max-height:94vh;overflow:auto;border:1px solid #bccdbc;border-radius:12px;padding:20px}#crop-dialog::backdrop{background:#10281acc}#crop-canvas{display:block;max-width:100%;max-height:65vh;width:auto;height:auto;touch-action:none;cursor:crosshair;background:#e8eee5}.crop-actions{display:flex;gap:8px;margin-top:15px;flex-wrap:wrap}#crop-apply{background:#d2efad}

.layers-panel #layers .layer-row{display:flex;align-items:center}.layers-panel #layers .layer-select{flex:1;min-width:0}.layers-panel #layers .layer-options-trigger{width:28px;flex:0 0 28px;margin:0;padding:3px;font-size:18px;border:0;background:transparent;text-align:center}.layers-panel #layers .layer-options-trigger:hover{background:#e1efdd}.layer-menu{max-height:70vh;overflow-y:auto}

.layers-panel #layers .layer-inline-name{flex:1;min-width:0;padding:6px 8px;font:600 12px Continuum,Arial;line-height:1.2;resize:vertical;min-height:28px;border:1px solid #bd7700;border-radius:3px;background:#fffbe8;color:#173d32}.layers-panel #layers .layer-select:hover{cursor:text;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}

#autosave-status{width:100%;margin:0;font-size:11px;color:#d0e3c8}#recovery-list .draft-row{display:block;margin:8px 0}#recovery-list .draft-row span{display:block;font-size:11px;margin-bottom:4px}

.layers-panel #layers .layer-select:hover{cursor:grab;text-decoration:none}