.planche-settings{display:grid;gap:13px;padding:12px 0}
.planche-settings label{display:grid;gap:5px;font-size:12px;font-weight:650;color:#30374b}
.planche-settings input,.planche-settings select{box-sizing:border-box;width:100%;min-height:35px;padding:6px;border:1px solid #d8dbe6;border-radius:8px;background:white}
.planche-settings input[type=color]{padding:2px;width:65px}
.planche-settings input[type=range]{padding:0}
.planche-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.planche-settings h3{font-size:15px;margin:8px 0 0}
.planche-workspace{min-width:0}
.planche-canvas-host{display:flex;align-items:center;justify-content:center;min-height:250px;background:#e9ecf4;border:1px solid #ddd;border-radius:15px;padding:16px;overflow:auto}
#planche-canvas{max-width:100%;height:auto;box-shadow:0 7px 28px #0002;touch-action:none;cursor:grab}
#planche-canvas:active{cursor:grabbing}
#planche-dimensions,#planche-message{font-size:12px;color:#566078}
#planche-message[data-error=true]{color:#c21f30}
[hidden]#image-classic-preview,[hidden]#planche-workspace,[hidden]#planche-settings{display:none!important}

.planche-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.planche-check input{width:auto;min-height:0}

.planche-layers-tools{display:grid;gap:9px;padding:10px;border:1px solid #dfd9f4;border-radius:12px;background:#faf9ff}
.planche-layer-actions{display:flex;gap:6px;flex-wrap:wrap}
.planche-layer-list{display:grid;gap:5px;max-height:180px;overflow:auto}
.planche-layer-item{display:flex;align-items:center;gap:7px}
.planche-layer-item input{width:16px;min-height:16px}
.planche-layer-item button{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.planche-layer-item button.chosen{outline:2px solid #7854df}