#layersDialog{width:96vw;max-width:1600px;height:94vh;max-height:94vh;padding:22px;background:#10171c;border:1px solid #43525a;color:#f3f2ec;border-radius:14px}#layersDialog::backdrop{background:#000b}.layers-head{display:flex;justify-content:space-between;align-items:center}.layers-head h2{margin:5px 0 16px}.layers-tools{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:16px;border-bottom:1px solid #2c383f}.layers-workspace{display:grid;grid-template-columns:245px minmax(300px,1fr) 260px;gap:18px;padding-top:16px;height:calc(100% - 125px)}.layers-sidebar{overflow-y:auto;background:#182127;padding:14px;border-radius:9px}.layers-sidebar h3{font-size:13px;margin:14px 0}.layers-sidebar label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#adbcc5;margin:12px 0}.layers-sidebar input:not([type=checkbox]),.layers-sidebar select,.layers-sidebar textarea,.layers-view select{width:100%;padding:8px;background:#10171c;border:1px solid #43525a;color:#fff;border-radius:5px;font:inherit}.layers-sidebar input[type=color]{height:38px;cursor:pointer}.layers-sidebar .layers-check{flex-direction:row;align-items:center;line-height:1.5}.layers-check input{flex:none}.layers-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.layers-actions button{font-size:10px;padding:8px}.layer-row{width:100%;text-align:left;padding:12px 9px;margin:4px 0;border:1px solid #43525a;border-radius:6px;background:#202b32;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row.selected{border-color:#22d3ee;background:#17343d}.layers-stage{min-width:0;display:flex;flex-direction:column}.layers-view{display:flex;gap:12px;margin-bottom:10px}.layers-view label{flex:1;font-size:11px;color:#adbcc5;display:grid;gap:6px}.layers-board{min-height:240px;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:repeating-conic-gradient(#263139 0 25%,#1a232a 0 50%) 0/20px 20px;border:1px solid #43525a;border-radius:8px;padding:10px}.layers-board canvas{display:block;max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain;touch-action:none;cursor:move}.layers-stage p{font-size:11px;color:#91a0a8;line-height:1.5;margin:8px 0 0}.layers-open{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.layers-open button{flex:1}.header-right{flex-wrap:wrap}.topbar{height:auto;min-height:86px;padding-top:12px;padding-bottom:12px}@media(max-width:1000px){.layers-workspace{grid-template-columns:190px minmax(260px,1fr);height:auto}.layers-workspace>.layers-sidebar:last-child{grid-column:1/-1;max-height:350px}#layerProperties{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.layers-board{height:520px}.layers-sidebar{max-height:650px}}@media(max-width:650px){.layers-workspace{display:flex;flex-direction:column}.layers-stage{order:-1}.layers-board{height:460px;flex:none}.layers-sidebar{max-height:none}#layerProperties{grid-template-columns:1fr 1fr}}
@media(min-width:1001px){#layersDialog[open]{display:flex;flex-direction:column;overflow:hidden}.layers-head,.layers-tools{flex:none}.layers-workspace{flex:1;min-height:0;height:auto}.layers-stage{min-height:0}.layers-board{min-height:0}.layers-sidebar{min-height:0}}.layers-board canvas{height:auto;flex:none}.layers-board{position:relative}
.layers-note{color:#91a0a8;font-size:11px;line-height:1.5}#layersEnd1,#layersEnd2{width:100%;white-space:normal;margin:4px 0}.library-tools{flex-wrap:wrap}.upload-button{font-size:11px;line-height:1.5}

.layer-opacity-control{border:1px solid #22aabb;border-radius:8px;padding:10px;margin:0 0 16px;background:#102e38}.layer-opacity-control legend{font-size:12px;color:#b4f5ff;padding:0 5px}.layer-opacity-control p{font-size:11px;line-height:1.5;margin:8px 0 0}.layer-opacity-control input[type=range]{padding:0;min-height:24px;accent-color:#22d3ee}.layers-tools{max-height:150px;overflow-y:auto}#layersTransparentBg{margin-bottom:8px;width:100%}#layersVeil{border-color:#22aabb}