.brush-vis{position:relative;width:100%;aspect-ratio:1;padding:0;border-radius:10px;border:1px solid rgba(255,255,255,.06);background-color:#1a1a1d;background-image:linear-gradient(45deg,#232328 25%,transparent 0),linear-gradient(-45deg,#232328 25%,transparent 0),linear-gradient(45deg,transparent 75%,#232328 0),linear-gradient(-45deg,transparent 75%,#232328 0);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -1px 0 rgba(0,0,0,.25)}.brush-vis:hover{border-color:rgba(255,255,255,.16)}.brush-vis-disc{border-radius:50%;pointer-events:none;background-size:cover;background-position:50%}.brush-vis-clamp{position:absolute;bottom:4px;right:6px;font-size:10px;color:rgba(255,255,255,.55);background:rgba(0,0,0,.45);padding:1px 5px;border-radius:3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;pointer-events:none}.layer-list{display:flex;flex-direction:column;gap:4px}.layer-row{position:relative;display:flex;flex-direction:row;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;background:var(--panel-2);cursor:pointer;border:1px solid transparent}.layer-row-content{flex:1 1 auto;min-width:0}.layer-row-content,.layer-thumb{display:flex;justify-content:center}.layer-thumb{flex:0 0 auto;width:40px;height:40px;border-radius:3px;border:1px solid rgba(255,255,255,.08);background-color:#1a1a1d;background-image:linear-gradient(45deg,#2a2a2e 25%,transparent 0),linear-gradient(-45deg,#2a2a2e 25%,transparent 0),linear-gradient(45deg,transparent 75%,#2a2a2e 0),linear-gradient(-45deg,transparent 75%,#2a2a2e 0);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0;overflow:hidden;align-items:center;color:var(--text-dim)}.layer-thumb img{width:100%;height:100%;display:block;image-rendering:pixelated}.layer-thumb.empty{background-image:none;background-color:rgba(0,0,0,.28)}.layer-thumb.mask{border-color:rgba(212,160,76,.32)}.layer-row.active{background:#2e3a52;border-color:var(--accent-2)}.layer-row{touch-action:none;-webkit-user-select:none;user-select:none}.layer-row.dragging{opacity:.4}.dropzone{position:absolute;left:0;right:0;pointer-events:none}.dropzone-before{top:0;height:25%}.dropzone-mask{top:25%;height:50%}.dropzone-after{bottom:0;height:25%}.layer-row.drop-after:after,.layer-row.drop-before:before{content:"";position:absolute;left:4px;right:4px;height:2px;background:var(--accent-2);border-radius:1px;box-shadow:0 0 6px rgba(120,145,200,.55);pointer-events:none;z-index:3}.layer-row.drop-before:before{top:-3px}.layer-row.drop-after:after{bottom:-3px}.layer-row.drop-mask{border-color:#d4a04c;box-shadow:inset 0 0 0 1px rgba(212,160,76,.55)}.layer-drag-ghost{display:inline-flex;align-items:center;padding:6px 12px;border-radius:6px;background:rgba(38,42,56,.95);border:1px solid var(--accent-2);color:var(--text);font-size:12px;font-weight:500;box-shadow:0 6px 18px rgba(0,0,0,.5);pointer-events:none;white-space:nowrap;cursor:grabbing}.layer-drag-ghost.mask{border-color:#d4a04c;background:rgba(82,72,46,.95)}.layer-drag-ghost.output{border-color:rgba(120,145,200,.7)}.layer-row.mask-row{margin-left:18px;background:rgba(38,38,42,.72);border-color:rgba(212,160,76,.22)}.layer-row.mask-row.active{background:rgba(82,72,46,.78);border-color:#d4a04c}.layer-row.just-moved{animation:layer-just-moved .38s ease-out}@keyframes layer-just-moved{0%{background:var(--accent-2)}to{background:var(--panel-2)}}.layer-row.just-moved.active{animation:layer-just-moved-active .38s ease-out}@keyframes layer-just-moved-active{0%{background:var(--accent-2)}to{background:#2e3a52}}.layer-row-main{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:6px;width:100%}.layer-text{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:2px}.layer-row .layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mask-arrow{position:absolute;top:3px;left:-18px;color:#d4a04c;font-size:13px;line-height:1;pointer-events:none}.masked-by{color:var(--text-dim);font-size:11px;line-height:1.2;opacity:.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row .layer-name-input{width:100%;min-width:0;background:var(--bg);color:var(--text);border:1px solid var(--accent-2);border-radius:3px;padding:1px 4px;font-size:12px;font-family:inherit;outline:none}.layer-row .x{padding:0 6px;line-height:18px}.layer-move-buttons{gap:2px}.layer-move,.layer-move-buttons{display:inline-flex;align-items:center}.layer-move{justify-content:center;width:16px;height:16px;padding:0;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:3px;color:var(--text);cursor:pointer;touch-action:none;transition:color 80ms ease,background 80ms ease,border-color 80ms ease}.layer-move:hover:not(:disabled){background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18)}.layer-move:disabled{opacity:.32;cursor:default}.layer-del,.layer-vis{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-dim);cursor:pointer;transition:color 80ms ease,background 80ms ease,border-color 80ms ease}.layer-del:hover:not(:disabled),.layer-vis:hover{color:var(--text);background:rgba(255,255,255,.06)}.layer-vis.on{color:var(--text)}.layer-vis.off{color:var(--text-dim);opacity:.5}.layer-del:hover:not(:disabled){color:#d97777}.layer-del:disabled{opacity:.25;cursor:default}