.creative-workbench{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.creative-assets{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.creative-assets button{height:112px;padding:10px}
.mockup-color,.ie-mock-color{display:flex;gap:12px;align-items:center;font-size:14px}
.mockup-color{margin:18px 0 0}.mockup-color input,.ie-mock-color input{width:48px;height:32px;border:1px solid #b8cbbd;border-radius:5px;padding:2px;background:white;cursor:pointer}
.ie-layout{grid-template-columns:190px minmax(0,1fr)}
.ie-tools{padding:16px;gap:18px}.ie-tool-grid{gap:8px}.ie-tools button{font-size:14px;padding:9px 6px}
.ie-canvas-wrap{position:relative;margin:auto;flex:none}
#ie-canvas{margin:0;background:#f1f3ef}
#ie-floating{position:absolute;z-index:2;display:flex;gap:4px;padding:4px;border:1px solid #d6dfd7;box-shadow:0 4px 14px #15341d26;border-radius:9px;background:white;white-space:nowrap}
#ie-floating button{min-height:36px;font-size:14px;padding:5px 9px;border:0;background:white}
#ie-floating button:hover{background:#e4eee6}
.ie-viewbar{background:white;border-bottom:1px solid #dce4dc}
@media(max-width:950px){.creative-workbench{grid-template-columns:1fr}.creative-assets{grid-template-columns:repeat(5,minmax(0,1fr))}.creative-assets button{height:110px}.ie-layout{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:600px){.creative-assets{grid-template-columns:repeat(3,minmax(0,1fr))}.creative-assets button{height:108px}.ie-tools{max-height:26vh}.ie-stage{min-height:240px}#ie-floating button{font-size:14px;padding:5px}.ie-viewbar{gap:8px}.ie-header h2{font-size:20px}}
