*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}:root{--vertical-slider-width: 50px;--vertical-slider-track-width: 28px;--vertical-slider-thumb-width: 38px;--vertical-slider-thumb-offset: -5px;--vertical-slider-moz-thumb-width: 34px;--vertical-slider-moz-thumb-offset: -3px;--vertical-slider-padding-x: 4px;--vertical-slider-track-margin: 6px}.color-picker-control{position:relative;display:block;width:50px;height:50px;flex:0 0 50px;overflow:hidden;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:2px solid white;border-radius:4px;box-shadow:0 2px 4px #0003;cursor:pointer;pointer-events:auto}.color-picker-control__swatch{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:2px solid white;border-radius:50%;box-shadow:0 1px 3px #00000073}.color-picker-control__icon{position:absolute;right:2px;bottom:0;display:grid;width:17px;height:17px;place-items:center;background:#fff;border-radius:50%;color:#111;font-size:15px;font-weight:800;line-height:1;box-shadow:0 1px 3px #00000059}.color-picker-control__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.color-picker-control:focus-within{outline:3px solid #2196f3;outline-offset:2px}.vertical-slider-control{display:flex;flex:1 1 0;flex-direction:column;align-items:center;width:var(--vertical-slider-width);min-height:0;padding:5px var(--vertical-slider-padding-x) 6px;overflow:visible;background:#ffffffeb;border:2px solid white;border-radius:4px;box-shadow:0 2px 4px #0003;pointer-events:auto}.vertical-slider-control__heading{display:flex;align-items:baseline;justify-content:space-between;width:100%;margin-bottom:4px;color:#111;font-size:9px;font-weight:700;line-height:1}.vertical-slider-control__heading output{font-size:8px;font-variant-numeric:tabular-nums}.vertical-slider-control__track{position:relative;flex:1 1 0;width:var(--vertical-slider-track-width);height:0;min-height:0;margin:var(--vertical-slider-track-margin) 0;overflow:visible;border:1px solid rgba(0,0,0,.25);border-radius:2px;box-shadow:inset 0 0 0 .5px #ffffff40}.vertical-slider-control__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;bottom:0;left:50%;direction:rtl;writing-mode:vertical-lr;width:var(--vertical-slider-track-width);height:100%;margin:0;padding:0;overflow:visible;background:transparent;border:0;border-radius:0;cursor:pointer;touch-action:none;transform:translate(-50%)}.vertical-slider-control__input::-webkit-slider-runnable-track{width:100%;height:100%;background:transparent}.vertical-slider-control__input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--vertical-slider-thumb-width);height:12px;background:#fff;border:2px solid #111;border-radius:999px;box-shadow:0 1px 3px #00000059;transform:translate(var(--vertical-slider-thumb-offset))}.vertical-slider-control__input::-moz-range-track{width:100%;height:100%;background:transparent;border:0}.vertical-slider-control__input::-moz-range-thumb{width:var(--vertical-slider-moz-thumb-width);height:8px;background:#fff;border:2px solid #111;border-radius:999px;box-shadow:0 1px 3px #00000059;transform:translate(var(--vertical-slider-moz-thumb-offset))}.vertical-slider-control__input:focus-visible{outline:3px solid #2196f3;outline-offset:2px}.brush-size-slider-control{width:100%;height:100%}.brush-size-slider-wrapper{position:relative;flex:1 1 0;width:var(--vertical-slider-width);min-height:0}.brush-size-space-toggle{width:50px;height:50px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#607d8b;color:#fff;border:2px solid white;border-radius:4px;box-shadow:0 2px 4px #0003;cursor:pointer;font:inherit;font-size:15px;font-weight:800;line-height:1;pointer-events:auto}.brush-size-space-toggle[aria-pressed=true]{background:#673ab7;border-color:#311b92}.brush-size-space-toggle small{margin-top:4px;font-size:8px;font-weight:700}.brush-size-space-toggle:focus-visible{outline:3px solid #2196f3;outline-offset:2px}.brush-size-preview{position:absolute;top:50%;right:calc(100% + 12px);z-index:1;border:2px solid white;border-radius:50%;box-shadow:0 1px 5px #0000008c;pointer-events:none;transform:translateY(-50%);transition:width 60ms linear,height 60ms linear,background-color 60ms linear}.layers-toggle{width:50px;height:50px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#455a64;color:#fff;border:2px solid white;border-radius:4px;box-shadow:0 2px 4px #0003;cursor:pointer;font:inherit;font-size:18px;font-weight:800;line-height:1;pointer-events:auto}.layers-toggle[aria-pressed=true]{background:#263238;border-color:#90a4ae}.layers-toggle small{margin-top:3px;font-size:8px;font-weight:700}.layers-toggle:focus-visible{outline:3px solid #2196f3;outline-offset:2px}.layers-panel{position:absolute;top:10px;right:70px;z-index:20;display:flex;flex-direction:column;width:240px;max-height:calc(100% - 20px);background:#fffffff5;border:2px solid white;border-radius:6px;box-shadow:0 4px 12px #0000004d;pointer-events:auto;-webkit-user-select:none;user-select:none}.layers-panel__header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid rgba(0,0,0,.1);font-size:13px;font-weight:800;color:#111}.layers-panel__close{width:28px;height:28px;border:0;border-radius:4px;background:transparent;color:#555;font-size:18px;font-weight:700;line-height:1;cursor:pointer}.layers-panel__close:hover{background:#00000014}.layers-panel__list{flex:1 1 auto;margin:0;padding:4px;overflow-y:auto;list-style:none}.layers-panel__row{display:flex;align-items:center;gap:6px;min-height:44px;padding:4px 6px;border:2px solid transparent;border-radius:4px;cursor:pointer;color:#111;font-size:13px}.layers-panel__row:hover{background:#0000000d}.layers-panel__row--active{background:#e3f2fd;border-color:#2196f3}.layers-panel__eye{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border:1px solid rgba(0,0,0,.15);border-radius:4px;background:#fff;font-size:15px;line-height:1;cursor:pointer}.layers-panel__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layers-panel__rename{flex:1 1 auto;min-width:0;padding:4px;border:1px solid #2196f3;border-radius:3px;font:inherit}.layers-panel__opacity-badge{flex-shrink:0;padding:2px 4px;border-radius:3px;background:#00000014;font-size:10px;font-variant-numeric:tabular-nums}.layers-panel__footer{padding:8px;border-top:1px solid rgba(0,0,0,.1)}.layers-panel__actions{display:flex;gap:6px}.layers-panel__actions button{min-width:34px;height:34px;padding:0 8px;border:1px solid rgba(0,0,0,.15);border-radius:4px;background:#fff;color:#111;font-size:14px;font-weight:700;line-height:1;cursor:pointer}.layers-panel__actions button:last-child{margin-left:auto;font-size:11px}.layers-panel__actions button:disabled{opacity:.35;cursor:default}.layers-panel__actions button:not(:disabled):hover{background:#0000000d}.layers-panel__opacity{display:flex;align-items:center;gap:8px;margin-top:8px;color:#111;font-size:11px;font-weight:700}.layers-panel__opacity input{flex:1 1 auto;min-width:0}.layers-panel__opacity output{width:34px;text-align:right;font-variant-numeric:tabular-nums}.hidden-layer-toast{position:absolute;top:14px;left:50%;z-index:30;padding:8px 14px;border-radius:999px;background:#212121e0;color:#fff;font-size:12px;font-weight:700;transform:translate(-50%);pointer-events:none}@media (max-width: 480px){.layers-panel{top:auto;right:10px;bottom:10px;left:10px;width:auto;max-height:55%}}@media (max-width: 768px){:root{--vertical-slider-width: 40px;--vertical-slider-track-width: 22px;--vertical-slider-thumb-width: 30px;--vertical-slider-thumb-offset: -4px;--vertical-slider-moz-thumb-width: 28px;--vertical-slider-moz-thumb-offset: -3px;--vertical-slider-padding-x: 3px;--vertical-slider-track-margin: 5px}}@media (max-width: 480px){:root{--vertical-slider-width: 30px;--vertical-slider-track-width: 16px;--vertical-slider-thumb-width: 22px;--vertical-slider-thumb-offset: -3px;--vertical-slider-moz-thumb-width: 20px;--vertical-slider-moz-thumb-offset: -2px;--vertical-slider-padding-x: 2px;--vertical-slider-track-margin: 4px}.vertical-slider-control__heading{flex-direction:column;align-items:center;gap:2px}.vertical-slider-control__heading,.vertical-slider-control__heading output{font-size:7px}}@media (max-width: 360px){:root{--vertical-slider-width: 26px;--vertical-slider-track-width: 12px;--vertical-slider-thumb-width: 18px;--vertical-slider-thumb-offset: -3px;--vertical-slider-moz-thumb-width: 16px;--vertical-slider-moz-thumb-offset: -2px;--vertical-slider-padding-x: 1px;--vertical-slider-track-margin: 3px}.vertical-slider-control__heading,.vertical-slider-control__heading output{font-size:6px}}