:root{--bg:#f2f2ee;--paper:#fff;--ink:#1d231f;--muted:#81877e;--line:#e5e7e0;--gold:#bc922e;--soft:#f8f8f4;--green:#295a3e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'Segoe UI',Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a{color:inherit}button{border:0}aside.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fbfbf7;border-right:1px solid var(--line);padding:30px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;margin:0 8px 40px}.brand img{width:64px;height:64px;object-fit:contain}.brand span{font-size:20px;font-weight:800;letter-spacing:2px}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:4px;color:var(--gold)}.space-label,.eyebrow{color:#93998e;letter-spacing:1.8px;font-size:9px;font-weight:700}.space-label{margin:0 16px 15px}nav{display:flex;flex-direction:column;gap:6px}nav button{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 16px;border-radius:12px;background:none;color:#666f64;font-size:13px}nav button span{font-size:20px;width:23px}nav button.active{background:#1e2821;color:#fff;box-shadow:0 5px 12px #1e28211b}nav button.active span{color:#e0bf71}.side-bottom{margin-top:auto;padding:25px 7px 0}.account-mini{display:flex;gap:9px;align-items:center;border:1px solid var(--line);padding:12px 8px;border-radius:12px;background:white}.account-mini strong{font-size:10px}.account-mini small{display:block;font-size:10px;color:#92988c;margin-top:3px}.ig-icon{font-size:24px;color:#a77d27}.local-status{display:flex;align-items:center;gap:8px;font-size:10px;color:#72816a;padding:20px 2px 12px}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#66a779}.side-bottom>a{font-size:10px;color:#8a907f}.side-bottom p{font-size:11px;color:#9ba08f;line-height:1.7;margin-top:25px}main{margin-left:248px;padding:34px 36px;max-width:1900px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:12px}h1{font-size:30px;letter-spacing:-1px;line-height:1.2;margin:8px 0}h2{font-size:20px;letter-spacing:-.5px;margin:0 0 8px}h3{font-size:14px}p{line-height:1.6}.topbar p{margin:0;color:var(--muted);font-size:12px}.top-actions{display:flex;align-items:center;gap:12px}.pill{display:inline-flex;align-items:center;gap:7px;font-size:10px;padding:9px 12px;border:1px solid #dce5d7;border-radius:30px;color:#527248;background:#f6faf3;white-space:nowrap}.button{padding:11px 17px;border-radius:9px;font-size:12px;font-weight:600;background:#253c2c;color:white;display:inline-flex;justify-content:center;align-items:center;gap:7px;text-decoration:none}.button:hover{filter:brightness(1.1)}.button.light{background:white;color:var(--ink);border:1px solid var(--line)}.button.gold{background:#bb943f;color:white}.button.danger{background:#fbefeb;color:#9a4238}.button.small{padding:7px 11px;font-size:11px}.panel{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden}.editor-grid{display:grid;grid-template-columns:280px minmax(270px,1fr) 270px;gap:18px;align-items:start}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid #f0f1eb;font-size:12px;font-weight:700}.section{padding:17px 18px;border-bottom:1px solid #f0f1eb}.section:last-child{border:0}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:11px;font-weight:700}.tiny{font-size:10px;color:var(--muted);line-height:1.6}.muted{color:var(--muted)}label{display:block;font-size:11px;font-weight:600;margin-bottom:7px}input:not([type=range]):not([type=checkbox]):not([type=file]):not([type=color]),textarea,select{width:100%;background:#fafbf8;border:1px solid #e5e8df;border-radius:7px;padding:10px;color:var(--ink);font-size:12px}textarea{resize:vertical;min-height:75px;line-height:1.6}input[type=color]{padding:2px;border:1px solid var(--line);border-radius:6px;width:100%;height:32px;background:none}input[type=range]{width:100%;height:4px;accent-color:#aa8734;margin:9px 0 15px}input[type=checkbox]{accent-color:var(--green)}.range-label{display:flex;justify-content:space-between;font-size:10px;font-weight:400;margin-top:4px}.range-label output{color:#8f987f;font-size:10px}.row{display:flex;gap:8px;align-items:center}.row>*{flex:1}.row.compact{gap:5px}.tabs{display:flex;gap:4px;background:#f3f4ef;padding:4px;border-radius:8px}.tabs button{flex:1;background:none;border-radius:6px;padding:7px 5px;color:#7f8879;font-size:10px}.tabs button.selected{background:white;box-shadow:0 2px 5px #1925140b;color:#263a29}.upload-box{border:1px dashed #c9d1c2;border-radius:10px;background:#fbfcf8;padding:19px 10px;text-align:center;cursor:pointer}.upload-box span{font-size:25px;color:#a48745;display:block}.upload-box strong{font-size:11px;display:block;margin:7px 0}.upload-box small{font-size:9px;color:#92998b}.media-strip{display:flex;gap:6px;overflow:auto;margin-top:12px}.media-thumb{position:relative;flex-shrink:0;width:52px;height:54px;border-radius:7px;object-fit:cover;cursor:pointer;border:2px solid transparent;background:#ebece7}.media-thumb.selected{border-color:var(--gold)}.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.filter{background:none;padding:0;font-size:9px;color:#6e7866}.filter .sample{height:38px;display:block;border-radius:6px;margin-bottom:5px;background:linear-gradient(140deg,#bccac1,#6e8e73 45%,#d6ad62)}.filter.selected .sample{outline:2px solid var(--gold);outline-offset:2px}.canvas-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:white;border:1px solid var(--line);border-radius:12px 12px 0 0}.canvas-topbar input{border:0!important;background:transparent!important;padding:2px!important;max-width:170px;font-weight:600}.icon-button{border:1px solid var(--line);background:white;width:28px;height:28px;border-radius:6px;color:#6c7664}.canvas-area{background-color:#e9eae4;background-image:radial-gradient(#bfc4b5 1px,transparent 1px);background-size:14px 14px;padding:28px 20px;min-height:510px;display:flex;align-items:center;justify-content:center;position:relative}.canvas-area canvas{display:block;width:100%;max-width:430px;max-height:65vh;object-fit:contain;box-shadow:0 12px 30px #17231e22;touch-action:none;cursor:grab}.canvas-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.canvas-empty>div{color:#b6b5a4;text-align:center}.canvas-empty strong{display:block;font-size:19px;margin:10px 0;color:#ede4c8}.canvas-empty p{font-size:11px}.canvas-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;background:white;padding:12px 15px;border:1px solid var(--line);border-radius:0 0 12px 12px;font-size:10px;color:#838e7b}.preview-note{text-align:center;color:#9ba28f;font-size:10px;margin:13px 0}.format-picker{display:flex;gap:7px}.format-choice{flex:1;background:#f9faf6;border:1px solid var(--line);border-radius:7px;padding:9px 3px;font-size:9px;color:#848a7b}.format-choice.selected{border-color:#b89a52;background:#fbf8ed;color:#967526}.format-choice b{display:block;margin-bottom:4px;font-size:11px}.layer-item{display:flex;gap:8px;align-items:center;background:#f6f7f1;border:1px solid transparent;border-radius:7px;padding:8px;margin-top:6px;cursor:pointer}.layer-item.selected{border-color:#c1a15a;background:#fbf8ec}.layer-item>span{font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1}.layer-item button{background:none;color:#88917c;padding:2px}.text-tools{margin-top:13px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.text-options{display:flex;gap:10px;margin:10px 0}.text-options label{font-size:10px;margin:0;display:flex;align-items:center;gap:4px}.caption-count{text-align:right;color:#9a9f91;font-size:9px;margin-top:5px}.ig-preview{border:1px solid #e8eae3;border-radius:10px;overflow:hidden;margin:12px 0}.ig-preview-top{padding:9px;display:flex;align-items:center;gap:7px;font-size:9px}.ig-preview-top img{width:23px;height:23px;border-radius:50%}.ig-preview-canvas{width:100%;display:block}.ig-preview-caption{font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere;padding:10px;max-height:110px;overflow:auto;line-height:1.6}.schedule-button{width:100%;margin-top:12px}.hint{border-radius:8px;background:#f4f5ef;color:#8a927e;padding:10px;font-size:10px;line-height:1.6;margin-top:12px}.hint.warn{background:#fcf5e6;color:#97762b}.hint.success{background:#eef7ec;color:#567749}.video-controls{display:flex;align-items:center;gap:7px;width:100%}.video-controls input{margin:0;flex:1}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.media-card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden}.media-card img,.media-card video{width:100%;height:210px;object-fit:cover;background:#e8eae2;display:block}.media-card .card-body{padding:17px}.card-body h3{margin:0 0 6px}.card-body p{font-size:11px;margin:5px 0;color:#828b78}.card-body .row{margin-top:14px}.empty-state{text-align:center;padding:65px 20px;background:white;border:1px dashed #cdd4c3;border-radius:15px}.empty-state>span{font-size:40px;color:#baa05e}.empty-state p{color:#8d967f;font-size:12px}.wide-panel{padding:25px;max-width:900px}.wide-panel h2{margin-bottom:15px}.wide-panel p{color:#7c8771;font-size:13px}.step-list{list-style:none;padding:0;counter-reset:step}.step-list li{counter-increment:step;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.7}.step-list li:before{content:counter(step);background:#f2eedf;color:#a38842;padding:4px 9px;border-radius:50%;margin-right:10px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-grid>b{font-size:10px;color:#959c8b;padding:7px}.calendar-day{min-height:110px;border:1px solid var(--line);background:white;border-radius:10px;padding:10px;font-size:11px}.calendar-day.today{border-color:var(--gold)}.calendar-event{display:block;margin-top:6px;padding:6px;background:#eaf1e6;border-radius:4px;font-size:9px;overflow-wrap:anywhere}.jobs{margin-top:25px}.job{background:white;border:1px solid var(--line);border-radius:10px;padding:15px;margin:8px 0;display:flex;align-items:center;gap:15px}.job-main{flex:1}.job-main strong{font-size:12px}.job-main small{display:block;color:#89927d;font-size:10px;margin-top:5px}.status{border-radius:20px;background:#f4f0df;color:#96792c;padding:5px 10px;font-size:9px}.status.published{background:#eaf4e6;color:#568148}.status.failed,.status.uncertain,.status.missed{background:#f9ebe6;color:#a55b40}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:20px}dialog{border:1px solid var(--line);border-radius:20px;width:min(94vw,720px);max-height:90vh;padding:28px;box-shadow:0 20px 100px #16211a35}dialog::backdrop{background:#14201980;backdrop-filter:blur(4px)}dialog h2{margin:0 0 15px}dialog .approval{display:grid;grid-template-columns:220px 1fr;gap:20px}.approval img,.approval video{width:100%;max-height:390px;object-fit:contain;background:#f0f1eb;border-radius:10px}.approval pre{white-space:pre-wrap;font-family:inherit;font-size:12px;max-height:180px;overflow:auto;background:#f6f7f1;padding:13px;border-radius:8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.progress{height:6px;background:#ecefe6;border-radius:5px;overflow:hidden}.progress>div{background:#ba984a;height:100%;transition:width .2s}#toast{position:fixed;bottom:24px;right:24px;background:#213728;color:white;padding:14px 20px;border-radius:10px;box-shadow:0 7px 30px #18321d30;max-width:420px;z-index:99;font-size:12px;display:none}.banner{padding:15px 20px;border-radius:12px;background:#fbf5e5;color:#8d722c;margin-bottom:18px;line-height:1.7;font-size:12px}.banner a{font-weight:700}.login-box{max-width:400px;margin:70px auto;padding:30px}.login-box img{width:90px}.danger-text{color:#b0583a;font-size:11px}.spacer{height:12px}kbd{background:#eff1e9;border-radius:4px;padding:3px 5px;color:#7d886c;font-size:9px}.full{width:100%}[hidden]{display:none!important}
@media(min-width:1251px){.tools-panel,.publish-panel{max-height:calc(100vh - 220px);overflow-y:auto;scrollbar-width:thin}.preview-column{position:sticky;top:18px}.canvas-area{min-height:0;height:calc(100vh - 365px)}.canvas-area canvas{max-height:100%;max-width:100%;width:auto}.canvas-topbar{min-height:48px}}
@media(min-width:1550px){.editor-grid{grid-template-columns:300px minmax(360px,1fr) 300px}}
@media(max-width:1250px){aside.sidebar{width:205px;padding:25px 12px}.brand{gap:7px}.brand img{width:48px;height:48px}.brand span{font-size:17px}main{margin-left:205px;padding:26px 22px}.editor-grid{grid-template-columns:245px minmax(250px,1fr)}.publish-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.publish-panel>.panel-title{grid-column:1/-1}.publish-panel .ig-preview{max-width:220px}.top-actions .pill{display:none}.account-mini strong{font-size:9px}}
@media(max-width:800px){aside.sidebar{position:static;width:100%;padding:12px 16px;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0 0 12px}.brand img{width:40px;height:40px}.brand small{display:inline;margin-left:10px}.space-label,.side-bottom{display:none}nav{flex-direction:row;overflow:auto;gap:4px}nav button{white-space:nowrap;padding:9px;font-size:11px;gap:5px}nav button span{font-size:15px;width:auto}main{margin:0;padding:22px 14px}.topbar{align-items:flex-start}h1{font-size:25px}.editor-grid{grid-template-columns:230px minmax(230px,1fr);gap:10px}.canvas-area{min-height:400px;padding:15px 10px}.top-actions .button{font-size:10px;padding:9px}.section{padding:14px}.calendar-grid{gap:4px}.calendar-day{min-height:90px;padding:6px}}
@media(max-width:560px){.editor-grid{display:flex;flex-direction:column}.editor-grid>.panel,.preview-column{width:100%}.preview-column{order:-1}.canvas-area canvas{max-height:55vh;max-width:330px}.canvas-area{min-height:340px}.publish-panel{display:block}.publish-panel .ig-preview{max-width:100%}.publish-panel .ig-preview canvas{max-height:300px;object-fit:contain;background:#f1f2ec}.topbar{margin-bottom:20px}.topbar p{font-size:10px}.eyebrow{font-size:8px}.topbar h1{font-size:22px}.top-actions .button{white-space:nowrap}.calendar-day{font-size:9px;min-height:75px}.calendar-event{font-size:8px;padding:3px}.job{gap:7px;padding:10px;flex-wrap:wrap}.approval{display:block!important}.approval img,.approval video{max-height:270px}.modal-actions{flex-wrap:wrap}.toolbar{flex-wrap:wrap}}
/* Editor 3: tools above the canvas, stable tabs and direct manipulation. */
.editor-grid{grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.editor-grid .tools-panel{grid-column:1;grid-row:1;max-height:none;overflow:visible;position:sticky;top:8px;z-index:4;box-shadow:0 5px 20px #1520160c}.editor-grid .preview-column{grid-column:1;grid-row:2;position:static;min-width:0}.editor-grid .publish-panel{grid-column:2;grid-row:1 / span 2;display:block;max-height:none;overflow:visible;position:sticky;top:8px}.tools-panel .panel-title{padding:9px 10px;overflow:auto}.tool-tabs{display:flex;gap:5px;width:100%;overflow:auto}.tool-tabs button{white-space:nowrap;background:#f4f5ef;color:#6f7967;padding:10px 13px;border-radius:8px;font-size:11px}.tool-tabs button.selected{background:#25382c;color:#fff}.tools-panel>.section{padding:12px 16px;max-height:260px;overflow:auto;scrollbar-width:thin}.tool-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px;align-items:center}.tool-controls .section-title,.tool-controls .filters,.tool-controls .frame-actions{grid-column:1/-1}.tool-controls input[type=range]{margin-bottom:7px}.tool-controls .filters{grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.tool-controls .filter .sample{height:24px}.tool-controls .format-picker{grid-column:1/-1;max-width:380px}.tools-panel [data-tool-pane=media] .upload-box{padding:8px;float:left;width:150px;margin-right:14px}.tools-panel [data-tool-pane=media] .upload-box span{display:none}.tools-panel [data-tool-pane=media] .media-strip{margin:0;min-height:68px;align-items:center}.tools-panel [data-tool-pane=media] .section-title{gap:10px;justify-content:flex-start}.tools-panel [data-tool-pane=layers]{max-height:310px}.tools-panel #layers{display:flex;gap:7px;overflow:auto}.tools-panel .layer-item{min-width:140px;max-width:220px}.tools-panel .text-tools{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px 15px}.tools-panel .text-tools>.spacer{display:none}.tools-panel .text-tools>.control-grid{margin:0}.tools-panel .text-tools>.range-label{align-self:end}.canvas-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:9px 12px;background:#fff;border:1px solid var(--line);border-top:0}.canvas-actions .button{flex:none}.canvas-actions label{display:flex;align-items:center;gap:7px;margin:0 0 0 auto;font-size:10px}.canvas-actions select{width:120px;padding:6px;font-size:10px}.editor-grid .canvas-area{height:auto;min-height:360px;padding:24px;overflow:hidden}.editor-grid .canvas-area canvas{height:auto;width:auto;max-width:100%;max-height:57vh;object-fit:contain}.canvas-bottom{font-size:10px}.overlay-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:18px;max-height:45vh;overflow:auto}.overlay-library button{border:1px solid var(--line);background:#f5f6ef;border-radius:9px;padding:6px;overflow:hidden}.overlay-library img{width:100%;height:95px;object-fit:contain}.overlay-library span{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#cropCanvas{display:block;width:100%;max-height:57vh;object-fit:contain;touch-action:none;cursor:crosshair;background:#111}#modal:has(#cropCanvas){width:min(94vw,790px)}
@media(min-width:1550px){.editor-grid{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:1250px){.editor-grid{grid-template-columns:minmax(0,1fr)}.editor-grid .publish-panel{grid-column:1;grid-row:3;position:static;display:grid;grid-template-columns:1fr 1fr}.editor-grid .publish-panel>.panel-title{grid-column:1/-1}.editor-grid .tools-panel{top:0}.tool-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.editor-grid{display:grid;grid-template-columns:minmax(0,1fr)}.tool-tabs button{padding:9px}.tools-panel>.section{max-height:250px}.tool-controls{grid-template-columns:1fr 1fr}.tool-controls .filters{grid-template-columns:repeat(8,minmax(0,1fr))}.tools-panel .text-tools{grid-template-columns:1fr 1fr}.editor-grid .canvas-area{min-height:280px;padding:15px}.canvas-actions label{margin-left:0}.canvas-bottom{flex-wrap:wrap}}
@media(max-width:560px){.editor-grid .preview-column{order:0}.editor-grid .publish-panel{display:block}.tools-panel .text-tools{grid-template-columns:1fr 1fr}.tool-controls .filters{grid-template-columns:repeat(4,minmax(0,1fr))}.tools-panel [data-tool-pane=media] .upload-box{width:110px}.tools-panel>.section{max-height:230px}.tool-tabs{gap:3px}.tool-tabs button{font-size:10px}.canvas-actions .button{font-size:10px;padding:7px}.canvas-bottom span:last-child{font-size:9px}.editor-grid .canvas-area canvas{max-height:55vh;max-width:100%}}
#cropCanvas{width:auto;height:auto;max-width:100%;margin:auto}.tools-panel [data-tool-pane=filters] .tool-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.tools-panel [data-tool-pane=filters] .section-title{margin-bottom:7px}.tools-panel [data-tool-pane=filters] .filters{gap:7px}.tools-panel [data-tool-pane=filters] .filter .sample{height:20px}.tools-panel [data-tool-pane=filters]{max-height:210px}
@media(max-width:560px){.tools-panel [data-tool-pane=filters] .tool-controls{grid-template-columns:1fr 1fr}}
/* Keep the tool shelf and artwork visible together on desktop. */
@media(min-width:1101px){main{padding-top:24px}.topbar{margin-bottom:20px}.editor-grid{height:calc(100vh - 150px);min-height:500px;grid-template-rows:auto minmax(0,1fr)}.editor-grid .tools-panel{position:static;top:auto}.editor-grid .tools-panel>.section{height:180px;max-height:180px}.editor-grid .tools-panel>[data-tool-pane=layers]{height:210px;max-height:210px}.editor-grid .preview-column{height:100%;min-height:0;display:flex;flex-direction:column}.editor-grid .canvas-topbar{padding:8px 12px;min-height:40px;flex-shrink:0}.canvas-actions{padding:7px 10px;flex-shrink:0}.editor-grid .canvas-area{height:0;min-height:0;flex:1;padding:12px}.editor-grid .canvas-area canvas{max-height:100%;max-width:100%;height:auto;width:auto}.canvas-bottom{padding:8px 12px;flex-shrink:0}.preview-note{margin:6px 0}.preview-column>.row{flex-shrink:0}.preview-column>.row .button{padding:8px}.editor-grid .publish-panel{position:static;max-height:100%;overflow:auto;display:block}.tools-panel [data-tool-pane=frame] .tool-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.tools-panel [data-tool-pane=frame] .format-picker{grid-column:auto}.tools-panel [data-tool-pane=frame] .tool-controls>.row:not(.frame-actions){grid-column:1/-1;max-width:300px}.tools-panel [data-tool-pane=frame] .frame-actions{grid-column:1/-1}.tools-panel [data-tool-pane=frame] .format-choice{padding:6px 2px}.tools-panel [data-tool-pane=frame] .tool-controls{gap:5px 12px}}
@media(min-width:1101px) and (max-width:1250px){.editor-grid{grid-template-columns:minmax(0,1fr) 245px}.editor-grid .publish-panel{grid-column:2;grid-row:1/span 2}.tool-tabs button{font-size:10px;padding:9px 8px}}
@media(min-width:1101px) and (max-height:850px){.editor-grid .tools-panel>.section{height:125px;max-height:125px}.editor-grid .tools-panel>[data-tool-pane=layers]{height:170px;max-height:170px}.tool-tabs button{padding:8px 10px}.tools-panel>.section{padding:9px 14px}.editor-grid .tools-panel>[data-tool-pane=filters]{height:170px;max-height:170px}}
body.editor-focus .sidebar,body.editor-focus .topbar,body.editor-focus .editor-grid .publish-panel{display:none}body.editor-focus main{margin:0;padding:12px;max-width:none}body.editor-focus .editor-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:calc(100vh - 24px);min-height:0}body.editor-focus .editor-grid .tools-panel{position:static;grid-column:1;grid-row:1}body.editor-focus .editor-grid .preview-column{grid-column:1;grid-row:2;height:100%;min-height:0;display:flex;flex-direction:column}body.editor-focus .editor-grid .canvas-area{flex:1;min-height:0;height:0;padding:12px}body.editor-focus .editor-grid .canvas-area canvas{height:auto;width:auto;max-height:100%;max-width:100%}body.editor-focus .editor-grid .tools-panel>.section{height:150px;max-height:150px}body.editor-focus .editor-grid .tools-panel>[data-tool-pane=layers]{height:195px;max-height:195px}
/* Spacious workspace: one large canvas, tools at the side, publishing in its own tab. */
@media(min-width:801px){main{padding:22px 24px}.topbar{margin-bottom:16px}.editor-grid{display:grid;grid-template-columns:270px minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:calc(100vh - 142px);min-height:460px;gap:16px}.editor-grid .tools-panel{grid-column:1;grid-row:1;position:static;height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column}.tools-panel .panel-title{flex-shrink:0;padding:9px}.tool-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;overflow:visible}.tool-tabs button{font-size:10px;padding:9px 5px}.tool-tabs button:last-child{grid-column:1/-1}.editor-grid .tools-panel>.section,.editor-grid .tools-panel>[data-tool-pane=layers],.editor-grid .tools-panel>[data-tool-pane=filters]{height:auto;max-height:none;flex:1;min-height:0;overflow:auto;padding:14px}.tool-controls,.tools-panel [data-tool-pane=frame] .tool-controls,.tools-panel [data-tool-pane=filters] .tool-controls{display:block}.tool-controls>div,.tool-controls>label{margin-bottom:15px}.tool-controls .filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tool-controls .filter .sample{height:28px!important}.tool-controls .format-picker{display:flex;max-width:none}.tool-controls .row{display:flex;flex-wrap:wrap;max-width:none!important}.tool-controls .row .button{font-size:10px;padding:7px}.tool-controls .row.frame-actions{flex-direction:column}.tool-controls .row.frame-actions .button{width:100%}.tools-panel [data-tool-pane=media] .upload-box{float:none;width:100%;margin:0 0 12px;padding:18px}.tools-panel [data-tool-pane=media] .media-strip{flex-wrap:wrap;max-height:none}.tools-panel [data-tool-pane=media] .section-title{flex-wrap:wrap}.tools-panel .text-tools{display:block}.tools-panel .text-tools>div,.tools-panel .text-tools>select{margin-bottom:13px}.tools-panel #layers{display:block}.tools-panel .layer-item{max-width:none}.editor-grid .preview-column{grid-column:2;grid-row:1;position:static;display:flex;flex-direction:column;min-height:0;height:100%}.editor-grid .canvas-area{height:0;min-height:0;flex:1;padding:16px}.editor-grid .canvas-area canvas{max-width:100%;max-height:100%;width:auto;height:auto}.editor-grid .canvas-topbar,.editor-grid .canvas-actions,.editor-grid .canvas-bottom,.preview-column>.row{flex-shrink:0}.canvas-topbar{min-height:40px;padding:8px 12px}.canvas-actions{padding:7px 10px}.canvas-bottom{padding:8px 12px}.preview-note{margin:5px 0}.preview-column>.row .button{padding:8px}.tools-panel [data-tool-pane=publish]>.section{padding:0 0 18px}.tools-panel [data-tool-pane=publish]>.section+.section{padding-top:16px}.canvas-actions label{margin-left:auto}}
@media(min-width:1550px){.editor-grid{grid-template-columns:290px minmax(0,1fr)}}
body.editor-focus .editor-grid{grid-template-columns:260px minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:calc(100vh - 24px)}body.editor-focus .editor-grid .tools-panel{grid-column:1;grid-row:1;height:100%;display:flex;flex-direction:column;overflow:hidden}body.editor-focus .editor-grid .tools-panel>.section,body.editor-focus .editor-grid .tools-panel>[data-tool-pane=layers]{height:auto;max-height:none;min-height:0;flex:1;overflow:auto}body.editor-focus .editor-grid .preview-column{grid-column:2;grid-row:1}.canvas-actions .button{white-space:nowrap}
@media(max-width:800px){body.editor-focus .editor-grid{grid-template-columns:190px minmax(0,1fr)}.tools-panel [data-tool-pane=publish]>.section{padding:0 0 16px}.editor-grid .publish-panel{display:none}}