.activeView.svelte-1j5jiyg.svelte-1j5jiyg.svelte-1j5jiyg{width:30%;position:relative;background:#f4f4f4;display:flex;align-items:center;justify-content:center}.activeView.mobile.svelte-1j5jiyg.svelte-1j5jiyg.svelte-1j5jiyg{width:100%;height:100%;align-items:center;overflow-y:auto}.activeView.mobile.svelte-1j5jiyg .pieceSelector.svelte-1j5jiyg.svelte-1j5jiyg{left:50%}.activeView.mobile.svelte-1j5jiyg .pieceSelector button.svelte-1j5jiyg.svelte-1j5jiyg{width:40px;height:40px;font-size:20pt}.pieceBig.svelte-1j5jiyg.svelte-1j5jiyg.svelte-1j5jiyg{width:60%;box-shadow:5px 5px 15px #00000040}.pieceBig.landscape.svelte-1j5jiyg.svelte-1j5jiyg.svelte-1j5jiyg{transform:rotate(90deg);width:49.5%}.pieceBig.svelte-1j5jiyg>ul.svelte-1j5jiyg.svelte-1j5jiyg{display:flex;margin:0;padding:0}.pieceBig.svelte-1j5jiyg>ul.svelte-1j5jiyg>.cell.svelte-1j5jiyg{display:block;aspect-ratio:1/1;background-color:#f6f5f1;outline:1px dashed rgba(0,0,0,.5);width:100%;background-size:cover;position:relative}.pieceBig.svelte-1j5jiyg>ul.svelte-1j5jiyg>.cell.svelte-1j5jiyg:hover:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--hole-image);background-position:center;background-repeat:no-repeat;background-size:var(--hole-size);opacity:.5}.pieceBig.svelte-1j5jiyg>ul.svelte-1j5jiyg>.cell.hole.svelte-1j5jiyg{background-image:var(--hole-image);background-position:center;background-repeat:no-repeat;background-size:var(--hole-size)}.pieceBig.svelte-1j5jiyg>ul.svelte-1j5jiyg>.cell.landscape.svelte-1j5jiyg{transform:rotate(-90deg)}.pieceSelector.svelte-1j5jiyg.svelte-1j5jiyg.svelte-1j5jiyg{position:fixed;bottom:32px;display:flex;left:15vw;transform:translate(-50%);gap:5px}.pieceSelector.svelte-1j5jiyg button.svelte-1j5jiyg.svelte-1j5jiyg{display:flex;align-items:center;justify-content:center;border-radius:50%;width:30px;height:30px;font-size:12pt;border:2px solid #333;cursor:pointer}.pieceSelector.svelte-1j5jiyg button.active.svelte-1j5jiyg.svelte-1j5jiyg{background-color:#333;color:#fff}.gridView.svelte-1o8k65c.svelte-1o8k65c.svelte-1o8k65c{position:relative;display:flex;width:70%;align-items:center;justify-content:center;overflow:auto}.gridView.overflowX.svelte-1o8k65c.svelte-1o8k65c.svelte-1o8k65c{justify-content:flex-start;padding-left:1em;padding-right:1em}.gridView.overflowY.svelte-1o8k65c.svelte-1o8k65c.svelte-1o8k65c{align-items:flex-start;padding-top:1em;padding-bottom:1em}.gridView.mobile.svelte-1o8k65c.svelte-1o8k65c.svelte-1o8k65c{width:100%;height:100%}.gridView.svelte-1o8k65c .grid.svelte-1o8k65c.svelte-1o8k65c{display:grid;grid-template-columns:var(--grid-columns);box-shadow:5px 5px 15px #00000040}.gridView.svelte-1o8k65c .grid.split.svelte-1o8k65c.svelte-1o8k65c{gap:12px;box-shadow:none}.gridView.svelte-1o8k65c .grid.split .pieceSmol.svelte-1o8k65c.svelte-1o8k65c{box-shadow:5px 5px 15px #00000040}.gridView.svelte-1o8k65c .grid.withGridLines .pieceSmol.svelte-1o8k65c.svelte-1o8k65c{outline:1px dashed rgba(0,0,0,.5)}.pieceSmol.svelte-1o8k65c.svelte-1o8k65c.svelte-1o8k65c{position:relative;width:min-content}.pieceSmol.svelte-1o8k65c>ul.svelte-1o8k65c.svelte-1o8k65c{display:flex;margin:0;padding:0}.pieceSmol.svelte-1o8k65c>ul.svelte-1o8k65c>.cell.svelte-1o8k65c{display:block;aspect-ratio:1/1;background-color:#f6f5f1;width:var(--cell-size);position:relative}.pieceSmol.svelte-1o8k65c>ul.svelte-1o8k65c>.cell.hole.svelte-1o8k65c{background-image:var(--hole-image);background-size:var(--hole-size);background-repeat:no-repeat;background-position:center}.pieceSmol.svelte-1o8k65c>.highlightWindow.svelte-1o8k65c.svelte-1o8k65c{position:absolute;z-index:1;bottom:0;padding:5px 0;width:100%;background-color:#00000059;backdrop-filter:blur(2px);box-sizing:border-box}.pieceSmol.svelte-1o8k65c>.highlightWindow .row.svelte-1o8k65c.svelte-1o8k65c{display:flex;justify-content:center;gap:2px;margin-bottom:5px}.pieceSmol.svelte-1o8k65c>.highlightWindow .row.svelte-1o8k65c.svelte-1o8k65c:last-child{margin:0}.pieceSmol.svelte-1o8k65c>.highlightWindow .row button.svelte-1o8k65c.svelte-1o8k65c{font-size:8pt;border:1px solid white;border-radius:5px;background:none;color:#fff;width:20px;display:flex;align-items:center;justify-content:center;text-align:center;height:20px}.pieceSmol.svelte-1o8k65c>.highlightWindow .row button.active.svelte-1o8k65c.svelte-1o8k65c{background:rgba(255,255,255,.5);color:#000}.pieceSmol.svelte-1o8k65c>.highlightWindow .row button.rounded.svelte-1o8k65c.svelte-1o8k65c{border-radius:50%}.pieceSmol.svelte-1o8k65c>.highlightWindow.mobile.svelte-1o8k65c.svelte-1o8k65c{height:100%}.pieceSmol.svelte-1o8k65c>.highlightWindow.mobile .row.svelte-1o8k65c.svelte-1o8k65c{flex-direction:column;align-items:center;height:100%;gap:10px}.pieceSmol.svelte-1o8k65c>.highlightWindow.mobile .row button.svelte-1o8k65c.svelte-1o8k65c{font-size:18pt;height:1cm;width:1cm}.pieceSmol.svelte-1o8k65c>.highlightWindow.mobile .row button.svelte-1o8k65c .material-symbols-sharp.svelte-1o8k65c{font-size:inherit}.pieceSmol.svelte-1o8k65c>.highlightWindow.mobile.horizontal .row.svelte-1o8k65c.svelte-1o8k65c{flex-direction:row}.pieceSmol.svelte-1o8k65c .material-symbols-sharp.svelte-1o8k65c.svelte-1o8k65c{font-size:10pt}.zoomControls.svelte-1o8k65c.svelte-1o8k65c.svelte-1o8k65c{position:fixed;bottom:1em;right:1em;padding:1em;z-index:4}.zoomControls.svelte-1o8k65c button.svelte-1o8k65c.svelte-1o8k65c{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:1em;font-size:18pt;margin:0 .1em;background-color:#111;color:#f6f5f1;border:none;border-radius:50%;box-shadow:0 4px 10px #00000040}.zoomControls.svelte-1o8k65c button[disabled].svelte-1o8k65c.svelte-1o8k65c{background-color:#aaa;color:#666}.zoomControls.mobile.svelte-1o8k65c.svelte-1o8k65c.svelte-1o8k65c{display:flex;flex-direction:column;gap:.5em;top:calc(175px + .5em);height:min-content}.pieceSelector.svelte-1o8k65c.svelte-1o8k65c.svelte-1o8k65c{position:fixed;bottom:32px;display:flex;left:50vw;transform:translate(-50%);gap:5px}.pieceSelector.svelte-1o8k65c button.svelte-1o8k65c.svelte-1o8k65c{display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;font-size:20pt;border:2px solid #333;cursor:pointer}.pieceSelector.svelte-1o8k65c button.active.svelte-1o8k65c.svelte-1o8k65c{background-color:#333;color:#fff}.toolbar.svelte-1gut41p.svelte-1gut41p{display:flex;align-items:center;justify-content:space-between;padding:1em 3em}.toolbar.svelte-1gut41p div.svelte-1gut41p{display:flex;align-items:center;gap:.5em}.toolbar.svelte-1gut41p button.preview.svelte-1gut41p{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid black;background-color:#000;color:#fff;align-self:stretch;height:42px}.toolbar.svelte-1gut41p button.preview.svelte-1gut41p:hover{background-color:#333}.toolbar.svelte-1gut41p button.export.svelte-1gut41p{display:flex;align-items:center;gap:.5rem;padding:.5rem;position:relative;font-size:12pt;border:1px solid black;background-color:#ddd}.toolbar.svelte-1gut41p button.export.svelte-1gut41p:hover{background-color:#eee}.popup.svelte-1gut41p.svelte-1gut41p{background-color:#111;color:#fff;padding:.5rem;border-radius:10px}form.svelte-1gut41p.svelte-1gut41p{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fcfcfc;z-index:7;padding:2em;box-shadow:0 2px 5px #00000040;border-radius:20px}.popup.svelte-1mygosb.svelte-1mygosb.svelte-1mygosb{display:flex;flex-direction:column;position:fixed;left:50%;top:calc(50% + 50px);transform:translate(-50%,-50%);padding:2rem 3rem;min-width:400px;width:50vw;height:80vh;overflow-y:auto;background-color:#eee;border-radius:10px;z-index:99;box-shadow:0 5px 10px #00000054}.popup.svelte-1mygosb .title.svelte-1mygosb.svelte-1mygosb{display:flex;align-items:center;justify-content:space-between}.popup.svelte-1mygosb .title a.svelte-1mygosb.svelte-1mygosb{display:block;flex-shrink:1;color:#000;text-decoration:none;font-size:16pt}.popup.svelte-1mygosb ul.svelte-1mygosb.svelte-1mygosb{display:block;flex-grow:1;padding:0;margin:0;position:relative}.popup.svelte-1mygosb li.svelte-1mygosb.svelte-1mygosb{display:block}.popup.svelte-1mygosb li .split.svelte-1mygosb.svelte-1mygosb{width:50%;margin:0 auto}.popup.svelte-1mygosb li label.svelte-1mygosb.svelte-1mygosb{display:flex;flex-direction:column;padding:.5rem;gap:.5rem}.popup.svelte-1mygosb li input[type=text].svelte-1mygosb.svelte-1mygosb,.popup.svelte-1mygosb li input[type=number].svelte-1mygosb.svelte-1mygosb{display:block;font-family:inherit;font-size:14pt}.popup.svelte-1mygosb li .split.svelte-1mygosb.svelte-1mygosb{display:flex;justify-content:space-around;align-items:flex-end}.popup.svelte-1mygosb li .split.svelte-1mygosb>div.svelte-1mygosb{display:flex;flex-direction:column;align-items:center}.popup.svelte-1mygosb li .center.svelte-1mygosb.svelte-1mygosb{display:flex;justify-content:center;align-items:flex-end}.popup.svelte-1mygosb li .center input.svelte-1mygosb.svelte-1mygosb{width:2em}.popup.svelte-1mygosb li .piece.svelte-1mygosb.svelte-1mygosb{display:inline-block;background-color:#fff;border:1px solid #888;margin:.5em}.popup.svelte-1mygosb li .piece.vertical.svelte-1mygosb.svelte-1mygosb{height:100px;aspect-ratio:9/16}.popup.svelte-1mygosb li .piece.horizontal.svelte-1mygosb.svelte-1mygosb{width:100px;aspect-ratio:16/9}.popup.svelte-1mygosb .action button.svelte-1mygosb.svelte-1mygosb{appearance:none;border:1px solid black;padding:.5rem 1rem;outline:none}.popup.svelte-1mygosb .action button.svelte-1mygosb.svelte-1mygosb:nth-child(1){background-color:#000;color:#fff}.popup.svelte-1mygosb .action button.svelte-1mygosb.svelte-1mygosb:nth-child(2){background-color:#ccc;color:#000}.popup.svelte-1mygosb h1.svelte-1mygosb.svelte-1mygosb{margin:0;padding:1rem 0}.main.svelte-axik2d{width:100%;display:flex;min-height:100%;flex-grow:1;border-bottom:1px solid black}.main.svelte-axik2d .main{height:100%}