.image-layer-dialog{width:96vw;height:94dvh;max-width:1800px;max-height:100dvh;box-sizing:border-box;padding:14px;background:#080f1b;color:#e0ebff;border:1px solid #6385b4;border-radius:14px;overflow:hidden}.image-layer-dialog[open]{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:40px minmax(0,1fr) auto;gap:12px}.image-layer-dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.image-layer-dialog>header{grid-column:1/-1;display:flex;align-items:center;gap:20px}.image-layer-dialog>header button{margin-left:auto}.image-layer-dialog button{color:#dceaff;background:#13243c;border:1px solid #5f82b45c;border-radius:7px;padding:8px 11px;cursor:pointer;font-size:12px}.image-layer-dialog button:disabled{opacity:.4;cursor:default}.image-layer-status{font-size:11px;color:#94c9ef}.image-layer-stage{position:relative;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #5279ad44;border-radius:10px;background:#040910;touch-action:none}.image-layer-stage canvas{flex-shrink:0;max-width:none;max-height:none;background-color:#202b39;background-image:linear-gradient(45deg,#293545 25%,transparent 25%),linear-gradient(-45deg,#293545 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#293545 75%),linear-gradient(-45deg,transparent 75%,#293545 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.image-layer-dialog>aside{min-height:0;display:flex;flex-direction:column;gap:10px;background:#0e1a2a;padding:12px;border-radius:10px}.image-layer-dialog h3{margin:0;font-size:14px}.image-layer-list{display:grid;gap:4px;flex-shrink:1;min-height:0;overflow:auto}.image-layer-row{display:flex;gap:5px}.image-layer-row>button:last-child{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-layer-row.selected>button{border-color:#72c6f8;background:#243e63}.image-layer-properties{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-content:start}.image-layer-properties>input,.image-layer-actions{grid-column:1/-1}.image-layer-properties label{font-size:11px;color:#9eb9d6}.image-layer-properties input{box-sizing:border-box;width:100%;background:#071221;color:#e5efff;border:1px solid #57759b66;border-radius:6px;padding:7px;font:inherit}.image-layer-actions{display:flex;flex-wrap:wrap;gap:5px}.image-layer-actions button{font-size:10px;padding:6px}.image-layer-dialog>footer{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;align-items:center}.image-layer-dialog>footer input{width:100px}.image-layer-hint{position:absolute;bottom:7px;left:12px;right:12px;font-size:10px;color:#94abc9;pointer-events:none;text-align:center}@media(max-width:750px){.image-layer-dialog[open]{grid-template-columns:minmax(0,1fr) 180px;gap:7px;padding:8px}.image-layer-dialog>aside{padding:7px}.image-layer-properties input{padding:5px}.image-layer-actions button{padding:4px}.image-layer-dialog>footer{gap:4px}.image-layer-dialog>footer button{padding:6px;font-size:10px}.image-layer-stage canvas{max-width:none}.image-layer-hint{display:none}}
