.container.svelte-wpom1z.svelte-wpom1z{display:grid;grid-template-rows:0fr 1fr;transition:all .2s}label.svelte-wpom1z.svelte-wpom1z{display:block;padding:5px;height:40px;box-sizing:border-box;width:100%;font-size:18px;background-color:#373844;cursor:pointer;transition:all .2s;border:1px solid gray}label.svelte-wpom1z.svelte-wpom1z:hover{background-color:#50515f}input.svelte-wpom1z.svelte-wpom1z{display:none}.content.svelte-wpom1z.svelte-wpom1z{border:1px solid gray;padding:10px;overflow-y:hidden;overflow-x:visible;transition:all .2s}.container.svelte-wpom1z.svelte-wpom1z:has(.foldchk:not(:checked)){grid-template-rows:0fr 0fr}.container.svelte-wpom1z:has(.foldchk:not(:checked)) .content.svelte-wpom1z{padding-block:0;border-width:0}input[type=number].svelte-x96ivq{width:40px}input[type=range].svelte-x96ivq{width:var(--w)}input[type=number].svelte-x96ivq::-webkit-inner-spin-button,input[type=number].svelte-x96ivq::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}[type=radio].svelte-1i8fkxc.svelte-1i8fkxc{display:none}.positions.svelte-1i8fkxc.svelte-1i8fkxc{display:inline-grid;grid-template-columns:1fr 1fr 1fr;gap:2px}label.svelte-1i8fkxc.svelte-1i8fkxc{width:15px;height:15px;border-radius:1px;background-color:var(--fontcolor-hilight);cursor:pointer;transition:all .3s}input.svelte-1i8fkxc:checked+label.svelte-1i8fkxc{background-color:#fff}label.svelte-1i8fkxc.svelte-1i8fkxc:hover{background-color:#a7afd8}.contents:has(.pad>.margin:hover) #preview .guide{border-color:#f8f8}.contents:has(.pad>.padding:hover) #preview .guide-inner{border-color:#f8f8}#preview .textline{transition:background-color .2s}.contents:has(.textitem.common:hover) #preview .textline{background-color:#f8f8}.contents:has(.textitem.common .text-shadow:hover) #preview .textline{background-color:transparent}.contents:has(.textitem.l0:hover) #preview .textline.l0,.contents:has(.textitem.l1:hover) #preview .textline.l1,.contents:has(.textitem.l2:hover) #preview .textline.l2,.contents:has(.textitem.l3:hover) #preview .textline.l3,.contents:has(.textitem.l4:hover) #preview .textline.l4,.contents:has(.textitem.l5:hover) #preview .textline.l5,.contents:has(.textitem.l6:hover) #preview .textline.l6,.contents:has(.textitem.l7:hover) #preview .textline.l7,.contents:has(.textitem.l8:hover) #preview .textline.l8,.contents:has(.textitem.l9:hover) #preview .textline.l9{background-color:#f8f8}#preview .outer .imgcontainer:not(:has(img)):after{position:fixed;font-size:var(--guide-size);content:"Ctrl+V で画像を貼りつけ";z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700}.frame.svelte-14d629c.svelte-14d629c{z-index:0;overflow:hidden;width:var(--maxwh);height:var(--maxwh);display:flex;justify-content:center;align-items:center}.guide.svelte-14d629c.svelte-14d629c{z-index:200;position:fixed;box-sizing:border-box;border:var(--m) solid transparent;width:var(--w);height:var(--h);transition:border-colorr .2s}.guide-inner.svelte-14d629c.svelte-14d629c{z-index:300;box-sizing:border-box;border:var(--p) solid transparent;width:100%;height:100%;transition:border-color .2s}.outer.svelte-14d629c.svelte-14d629c{z-index:5;padding:var(--m);overflow:hidden;background:var(--bgg);text-shadow:var(--textsh);width:var(--w);height:var(--h);box-sizing:border-box}.imgcontainer.svelte-14d629c.svelte-14d629c{box-sizing:border-box;overflow:hidden;width:var(--ow);height:var(--oh);border-radius:var(--r)}.imgcontainer.svelte-14d629c img.svelte-14d629c{min-width:100%;min-height:100%;object-fit:cover;transform:translate(var(--oximg)) translateY(var(--oyimg));scale:var(--os)}.inner.svelte-14d629c.svelte-14d629c{position:absolute;top:var(--m);overflow:hidden;border-radius:var(--r);width:var(--iw);height:var(--ih);box-shadow:var(--boxsh);color:var(--c);display:flex;flex-direction:column;justify-content:space-between;padding:var(--p);top:50%;left:50%;transform:translate(-50%,-50%)}.layer1.svelte-14d629c.svelte-14d629c{z-index:10;width:var(--iw);height:var(--ih);display:flex;flex-direction:column;justify-content:space-between}.row.svelte-14d629c.svelte-14d629c{display:flex;flex-direction:row;justify-content:space-between}.layer2.svelte-14d629c.svelte-14d629c,.layer3.svelte-14d629c.svelte-14d629c{z-index:10;display:flex;position:absolute;width:var(--iw);height:var(--ih);justify-content:space-between;align-items:center}.layer2.svelte-14d629c.svelte-14d629c{flex-direction:row}.layer3.svelte-14d629c.svelte-14d629c{flex-direction:column}.tl.svelte-14d629c.svelte-14d629c,.ml.svelte-14d629c.svelte-14d629c,.bl.svelte-14d629c.svelte-14d629c{text-align:left}.tr.svelte-14d629c.svelte-14d629c,.mr.svelte-14d629c.svelte-14d629c,.br.svelte-14d629c.svelte-14d629c{text-align:right}.tc.svelte-14d629c.svelte-14d629c,.mc.svelte-14d629c.svelte-14d629c,.bc.svelte-14d629c.svelte-14d629c{text-align:center}.bl.svelte-14d629c.svelte-14d629c,.br.svelte-14d629c.svelte-14d629c{display:flex;flex-direction:column;align-self:flex-end}.imgcontainer.svelte-14d629c.svelte-14d629c:not(:has(img)){background-color:#fff8;border:dashed 5px white}.generated.svelte-1xrfcys{display:flex;flex-direction:column;gap:10px;height:500px}#generated-html.svelte-1xrfcys{position:fixed;left:500vw;width:fit-content;height:fit-content}#generated-png.svelte-1xrfcys{width:fit-content;height:fit-content;position:fixed;right:0;top:0;max-width:200px}#preview.svelte-1xrfcys{transition:all .2s;position:absolute;cursor:pointer;width:fit-content;height:fit-content;transform-origin:0 0;scale:var(--prev-scale)}#preview.svelte-1xrfcys:hover{opacity:.5}.shadow-box.svelte-n91p2s.svelte-n91p2s{display:inline-flex;flex-direction:column}.shadow-box.svelte-n91p2s>div.svelte-n91p2s{display:grid;grid-template-columns:70px 50px 1fr}textarea.svelte-1vzma9c{min-height:50px;min-width:100px;max-height:200px;max-width:200px;height:100px}input[type=radio].svelte-1i5ygbz.svelte-1i5ygbz{display:none}input[type=text].svelte-1i5ygbz.svelte-1i5ygbz{background-color:transparent;margin:0;padding:0;border:0;color:inherit;width:100%;height:100%;font-size:inherit;font-weight:inherit;font-family:inherit}input[type=text].svelte-1i5ygbz.svelte-1i5ygbz:focus{background-color:#fff;color:#000}.presets.svelte-1i5ygbz.svelte-1i5ygbz{display:inline-flex;flex-direction:column;gap:3px}.preset.svelte-1i5ygbz.svelte-1i5ygbz{display:flex;flex-direction:row;gap:4px;justify-content:space-between}.preset.svelte-1i5ygbz label.svelte-1i5ygbz{padding-inline:5px;display:block;border-radius:3px;background-color:var(--fontcolor-hilight);color:#fff;width:100%;transition:all .2s;cursor:pointer}.preset.svelte-1i5ygbz label.svelte-1i5ygbz:has(input:checked){background-color:#fff;color:var(--fontcolor-hilight)}.preset.svelte-1i5ygbz label.svelte-1i5ygbz:not(:has(input:checked)):hover{opacity:.7}.bars.svelte-1i5ygbz.svelte-1i5ygbz{margin-right:-3px;padding-inline:3px;cursor:grab;border-radius:3px}.icon-btn.svelte-1i5ygbz.svelte-1i5ygbz{padding-inline:2px;transition:all .2s;cursor:pointer;justify-self:left}.icon-btn.svelte-1i5ygbz.svelte-1i5ygbz:hover{opacity:.7}.contents.svelte-pdg2x3.svelte-pdg2x3{margin-top:70px;margin-inline:20px}.clickable.svelte-pdg2x3.svelte-pdg2x3{cursor:pointer}.inputs.svelte-pdg2x3.svelte-pdg2x3{display:flex;flex-direction:column;gap:10px;margin-bottom:50px}.aspect-ratio.svelte-pdg2x3 .list.svelte-pdg2x3{display:flex;flex-direction:row;gap:10px}.aspect-ratio.svelte-pdg2x3 input.svelte-pdg2x3{display:none}.aspect.svelte-pdg2x3.svelte-pdg2x3{height:70px;width:70px;padding:1px;border:1px solid var(--fontcolor-hilight);border-radius:5px}.aspect.svelte-pdg2x3 div.svelte-pdg2x3{display:flex;justify-content:center;align-items:center;color:#fff;background-color:var(--fontcolor-hilight);border-radius:5px;text-align:center;transition:all .3s;margin:auto}input[type=radio]:checked+.aspect.svelte-pdg2x3 div.svelte-pdg2x3{background-color:#fff;color:var(--fontcolor-hilight)}.aspect.a1_1.svelte-pdg2x3 div.svelte-pdg2x3{width:70px;height:70px}.aspect.a4_3.svelte-pdg2x3 div.svelte-pdg2x3{width:70px;height:52.5px;margin-block:8.575px}.aspect.a3_4.svelte-pdg2x3 div.svelte-pdg2x3{width:52.5px;height:70px;margin-inline:8.575px}.aspect.a8_9.svelte-pdg2x3 div.svelte-pdg2x3{width:62.3px;height:70px;margin-inline:calc(5.5px * .7)}.aspect.a16_9.svelte-pdg2x3 div.svelte-pdg2x3{width:70px;height:39.375px;margin-block:calc(43.75px / 2 * .7)}.pad.svelte-pdg2x3.svelte-pdg2x3{display:flex;flex-direction:row;gap:30px}.texts.svelte-pdg2x3.svelte-pdg2x3{display:flex;flex-direction:column;gap:10px}.text-items.svelte-pdg2x3.svelte-pdg2x3{display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:5px;border:1px solid white}.textitem.svelte-pdg2x3.svelte-pdg2x3{display:flex;flex-direction:row;gap:15px;padding:10px;border-radius:5px;background-color:#fff2}.textitem.hidden.svelte-pdg2x3.svelte-pdg2x3{opacity:.5}.textitem.svelte-pdg2x3 label span.svelte-pdg2x3{font-weight:700}.textitem.svelte-pdg2x3 .text input.svelte-pdg2x3{width:300px}.trash.svelte-pdg2x3.svelte-pdg2x3,.hidebtn.svelte-pdg2x3.svelte-pdg2x3,.addbtn.svelte-pdg2x3.svelte-pdg2x3{cursor:pointer;transition:all .2s}.trash.svelte-pdg2x3.svelte-pdg2x3:hover,.hidebtn.svelte-pdg2x3.svelte-pdg2x3:hover,.addbtn.svelte-pdg2x3.svelte-pdg2x3:hover{opacity:.5}