*{margin:0;padding:0;list-style:none}html{font-size:16px}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;height:100%;font-family:Noto Sans JP,sans-serif;overflow:hidden}#root{height:100%}select:active,select:focus{outline:none}.main__menu{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-sizing:border-box;background:#ffffff80;border-radius:30px;column-gap:1em;padding:0 2.5%;display:flex;position:fixed;bottom:5%;left:5%}.is-menu-hide .main__menu,body.is-panel-open .main__menu{opacity:0;pointer-events:none}.main__menu li.item{aspect-ratio:1;width:50px}.main__menu li.item button{color:#333;touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;font-size:25px;display:flex}.main__menu li.item button svg{width:50%;height:50px;display:block}#mainCanvas{touch-action:none;background:#e4e3ed;width:100%;height:100%;position:absolute;top:0;left:0}.delete-zone{color:#fff;opacity:0;pointer-events:none;z-index:20;background:#282828d9;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:opacity .3s,transform .3s,background-color .3s;display:flex;position:fixed;bottom:5%;left:50%;transform:translate(-50%)scale(.8)}.delete-zone svg{fill:currentColor;width:28px;height:28px}.delete-zone.is-visible{opacity:1;transform:translate(-50%)scale(1)}.delete-zone.is-hover{transform:translate(-50%)scale(1.25)}.contentWrap{box-sizing:border-box;border-top:1px solid #ddd;padding:12px 0}.contentWrap:has(.text-editor-overlay__colors){border-top:none}.contentWrap:has(.text-editor-overlay__fonts){padding-bottom:0}.text-editor-overlay{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));-webkit-user-select:text;user-select:text;background:#ffffffa6;flex-direction:column;display:flex;position:fixed;inset:0}.text-editor-overlay__topbar{flex:none;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.text-editor-overlay__topbar button{cursor:pointer;letter-spacing:.025em;touch-action:manipulation;border:none;border-radius:5px;justify-content:center;align-items:center;width:4em;height:2em;font-size:14px;display:flex}.text-editor-overlay__back{color:#333;background:0 0;gap:.25em;justify-content:space-between!important;width:auto!important}.text-editor-overlay__back svg{aspect-ratio:1;width:2em}.text-editor-overlay__ok{color:#fff;background:#222;font-weight:700}.text-editor-overlay__status{color:#888;flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;font-size:11px;display:flex}.text-editor-overlay__status li{white-space:nowrap;background:#0000000d;border-radius:3px;padding:3px 8px}.text-editor-overlay__textarea{resize:none;color:#111;background:0 0;border:none;outline:none;flex:auto;width:90%;min-height:0;margin-left:10%;font-size:32px;line-height:1.4}.text-editor-overlay__styles{box-sizing:border-box;flex:none;justify-content:space-between;gap:8px;display:flex}.text-editor-overlay__styles__sub{gap:8px;display:flex}.text-editor-overlay__style-btn{color:#333;touch-action:manipulation;background:#fff;border:1px solid #ccc;border-radius:8px;width:40px;height:40px;font-size:18px}.text-editor-overlay__style-btn:disabled{opacity:.35;pointer-events:none}.text-editor-overlay__style-btn.italic{font-style:italic}.text-editor-overlay__style-btn.is-active{color:#fff;background:#222;border-color:#222}.text-editor-overlay__style-btn{justify-content:center;align-items:center;display:flex}.text-editor-overlay__align-icon{fill:currentColor;width:20px;height:14px}.text-editor-overlay__fonts-wrap{align-items:flex-start;gap:8px;width:100%;display:flex}.text-editor-overlay__fonts-wrap .text-editor-overlay__fonts{-webkit-overflow-scrolling:touch;flex:1;min-width:0;padding:0 8px;position:relative;overflow-x:auto}.text-editor-overlay__fonts-sort:after{content:"";background:#333;width:1px;height:100%;display:block}.text-editor-overlay__sort-btn{color:#fff;letter-spacing:.05em;white-space:nowrap;touch-action:manipulation;background:#333;border:1px solid #ccc;border-radius:3px;flex:none;justify-content:space-between;align-items:center;width:100px;height:40px;padding:6px 10px;font-size:11px;font-weight:700;display:flex}.text-editor-overlay__sort-btn svg{aspect-ratio:1;fill:#fff;width:16px}.text-editor-overlay__fonts{-webkit-overflow-scrolling:touch;flex:none;align-items:flex-start;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.text-editor-overlay__fonts li{flex:none}.text-editor-overlay__font-btn{color:#333;white-space:nowrap;touch-action:manipulation;background:#f5f5f5;border:1px solid #ddd;border-radius:20px;padding:8px 16px;font-size:12px}.text-editor-overlay__font-btn svg{width:auto;height:10px;display:block}.text-editor-overlay__fonts .fontType{color:#888;text-align:center;letter-spacing:.1em;margin-top:2px;font-size:10px;display:block}.text-editor-overlay__font-btn.is-active{color:#fff;background:#222;border-color:#222}.text-editor-overlay__font-btn.is-active svg{fill:#fff}.text-editor-overlay__size{writing-mode:vertical-lr;align-items:center;width:6px;height:40vh;margin:auto;display:flex;position:fixed;top:-10vh;bottom:0;left:5%;transform:rotate(180deg)}.text-editor-overlay__size.is-dragging .text-editor-overlay__size-value{opacity:1}.text-editor-overlay .inputWrap{z-index:-1;width:100%;height:100%;position:relative}.text-editor-overlay__size-slider{appearance:none;touch-action:manipulation;z-index:1;background:0 0;flex:1;width:24px;height:100%;position:relative;left:-8px}.inputWrap:has(.blurType){align-items:center;column-gap:6%;margin:auto;display:flex;bottom:10px;left:0;right:0;z-index:1!important;width:80%!important;height:30px!important;position:fixed!important}.inputWrap:has(.blurType) span{color:#aaa;letter-spacing:.08em;font-size:12px}.inputWrap:has(.blurType):before{content:"";background:#ddd;width:calc(100% - 6em);height:8px;display:block;position:absolute;left:3em;box-shadow:inset 0 0 2px #00000040}.text-editor-overlay__size-slider.blurType{width:100%}.inputWrap:before{content:"";pointer-events:none;z-index:-1;background:#ddd;border-radius:10px;width:8px;height:calc(100% - 36px);margin:auto;display:block;position:absolute;inset:0;box-shadow:inset 0 0 2px #00000040}.text-editor-overlay__size-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:24px;height:24px;box-shadow:inset -1px -1px #c8c8c880,-1px -1px 2px #00000080}.text-editor-overlay__size-slider::-moz-range-thumb{width:24px;height:224x;cursor:pointer;background:#333;border:none;border-radius:50%}.text-editor-overlay__size-value{box-sizing:border-box;color:#333;writing-mode:horizontal-tb;pointer-events:none;opacity:0;background:#ffa;border-radius:3px;width:45px;padding:4px 8px;font-size:10px;transition:opacity .3s;position:absolute;left:-60px;transform:rotate(180deg)translate(2px,-8px);box-shadow:0 0 3px #0003}.text-editor-menu{filter:drop-shadow(0 0 3px #00000026);width:96%;padding:20px 10px calc(env(safe-area-inset-bottom) + 10px) 10px;box-sizing:border-box;background:#f9f9f9;border-radius:20px 20px 0 0;margin:auto;position:fixed;bottom:0;left:0;right:0}.text-editor-menu.is-dragging{transition:none}.text-editor-menu.min{bottom:calc(env(safe-area-inset-bottom) - 150px)}.text-editor-overlay__weight-select{box-sizing:border-box;letter-spacing:.08em;background:0 0;border:none;border-bottom:1px solid #333;border-radius:0;width:130px;padding-bottom:0;padding-left:5px;font-size:12px}.text-editor-overlay__colors{justify-content:center;align-items:center;gap:10px;margin:0 auto;display:flex}.text-editor-overlay__colors li{flex:none}.text-editor-overlay__color-btn{box-sizing:border-box;touch-action:manipulation;border:3px solid #0000;border-radius:50%;width:24px;height:24px}.text-editor-overlay__color-btn.is-active{border-color:#222}.text-editor-overlay__color-input{background:0 0;border:none;border-radius:50%;width:32px;height:32px;padding:0;overflow:hidden}.layers-panel{z-index:25;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-height:60vh;padding:16px 16px max(16px, env(safe-area-inset-bottom));background:#ffffffe6;border-radius:20px 20px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.layers-panel__topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.layers-panel__topbar-right{align-items:center;gap:10px;width:100%;margin-top:10px;display:flex}.layers-panel__blend-select{color:#333;touch-action:manipulation;background:#fff;border:1px solid #ddd;border-radius:0;padding:6px 8px;font-size:12px}.layers-panel__blend-select:disabled{opacity:.4}.layers-panel__title{font-weight:700}.layers-panel__close{color:#333;touch-action:manipulation;background:0 0;border:none;font-size:12px}.layers-panel__list{flex-direction:column;gap:8px;display:flex;overflow-y:auto}.layers-panel__empty{color:#999;text-align:center;padding:12px 0;font-size:14px}.layers-panel__row{background:#f5f5f5;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.layers-panel__label{text-align:left;color:#222;touch-action:manipulation;background:0 0;border:none;flex:1;align-items:center;gap:8px;min-width:0;font-size:14px;display:flex}.layers-panel__thumb{object-fit:cover;background:#e4e3ed;border-radius:6px;flex:none;width:32px;height:32px}.layers-panel__thumb--text{color:#999;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.layers-panel__label-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.layers-panel__actions{gap:6px;display:flex}.layers-panel__actions button{color:#333;touch-action:manipulation;background:#fff;border:none;border-radius:8px;width:32px;height:32px;font-size:14px}.layers-panel__actions button svg{aspect-ratio:28/32;width:50%;margin:auto;display:block}.layers-panel__actions button:disabled{opacity:.35;pointer-events:none}.layers-panel__lock-btn.is-active{background:#ffe8b3}.layers-panel__row.is-locked{opacity:.6}.layers-panel__row.is-locked .layers-panel__label{pointer-events:none}.layers-panel__row.is-selected{outline-offset:-2px;background:#e6f4ff;outline:2px solid #3b82f6}.action-sheet__backdrop{z-index:24;background:#0000004d;position:fixed;inset:0}.action-sheet{left:5%;right:5%;bottom:max(16px, env(safe-area-inset-bottom));z-index:25;flex-direction:column;gap:8px;display:flex;position:fixed}.action-sheet__list{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:14px;overflow:hidden}.action-sheet__list li+li{border-top:1px solid #00000014}.action-sheet__btn{color:#222;touch-action:manipulation;background:0 0;border:none;width:100%;padding:14px;font-size:16px}.action-sheet__cancel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#e5484d;touch-action:manipulation;background:#ffffffeb;border:none;border-radius:14px;width:100%;padding:14px;font-size:16px;font-weight:700}body.drawing .shape-quick-picker{opacity:0;pointer-events:none;transition:all .1s}.shape-quick-picker__close{cursor:pointer;letter-spacing:.025em;touch-action:manipulation;color:#fff;appearance:none;z-index:1;background:#222;border:none;border-radius:5px;justify-content:center;align-items:center;width:4em;height:2em;font-size:14px;font-weight:700;line-height:1;display:flex;position:absolute;top:16px;right:16px}.shape-picker-overlay__types{background:#00000080;justify-content:center;margin:auto;padding:8px 0;position:fixed;top:0;left:0;right:0}.shape-quick-picker .text-editor-overlay__colors{position:fixed;bottom:24px;left:0;right:0}.image-adjust-overlay__body{box-sizing:border-box;flex-direction:column;flex:auto;gap:22px;width:96%;margin:auto;padding:8px 5px;display:flex;overflow-y:auto}.image-adjust-overlay__body .inputWrap{z-index:1;height:auto}.image-adjust-overlay__body .inputWrap:before{content:"";pointer-events:none;z-index:-1;background:#eee;border-radius:10px;width:calc(100% - 36px);height:8px;display:block;position:absolute;box-shadow:inset 1px 1px 3px #00000040}.image-adjust-overlay__body::-webkit-scrollbar{display:none}.image-adjust-overlay__preview{justify-content:center;margin:4px 0 18px;display:flex}.image-adjust-overlay__preview-img{object-fit:contain;border-radius:12px;max-width:60vw;max-height:200px;box-shadow:0 4px 16px #00000026}.image-adjust-overlay__row-head{color:#333;justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.image-adjust-overlay__value{color:#333}.image-adjust-overlay__slider{appearance:none;touch-action:manipulation;background:0 0;width:100%;height:24px;position:relative}.image-adjust-overlay__slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:22px;height:22px;box-shadow:inset -1px -1px #c8c8c880,1px 1px 2px #00000080}.image-adjust-overlay__slider::-moz-range-thumb{cursor:pointer;background:#222;border:none;border-radius:50%;width:22px;height:22px}.image-adjust-overlay__reset{color:#333;touch-action:manipulation;background:#fff;border:1px solid #ccc;border-radius:20px;align-self:center;margin-top:12px;padding:10px 24px;font-size:14px}.smart-guide-toggle{top:max(8px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#999;touch-action:manipulation;z-index:15;background:0 0;border:none;border-radius:20px;justify-content:center;align-items:center;width:64px;height:30px;display:flex;position:fixed;right:8px;box-shadow:inset 1px 1px 3px #1414144d,inset -1px -1px 3px #5050501a}.is-panel-open:has(.shape-quick-picker) .smart-guide-toggle{opacity:0;pointer-events:none}.smart-guide-toggle:after{aspect-ratio:1;content:"";background:#fff;border-radius:50%;width:22px;margin:auto;transition:all .3s;display:block;position:absolute;inset:0 6px 0 auto;box-shadow:1px 1px 3px #00000080}.smart-guide-toggle.is-active:after{right:36px}.smart-guide-toggle svg{width:18px;height:18px;position:absolute;left:10px}.smart-guide-toggle svg.activeOn{color:#ff3b8d;left:auto;right:10px}.help-guide-overlay__capture{width:100%;max-width:500px}.help-guide-overlay__title{color:#333;border-left:5px solid #333;padding-left:.5em;font-size:15px;font-weight:700}.help-guide-overlay__body{flex-direction:column;flex:auto;gap:24px;display:flex;overflow-y:auto}.help-guide-overlay__section-title{color:#888;border-bottom:1px solid #888;margin-top:24px;margin-bottom:12px;padding-bottom:.5em;font-size:13px}.help-guide-overlay__list{flex-direction:column;display:flex}.help-guide-overlay__item{border-bottom:1px dotted #888;align-items:flex-start;gap:24px;padding:12px 0;display:flex}.help-guide-overlay__icon{color:#333;flex:none;width:22px;height:22px;margin-top:2px}.help-guide-overlay__item-title{letter-spacing:.05em;margin-bottom:2px;font-size:14px;font-weight:700}.help-guide-overlay__item-desc{color:#333;letter-spacing:.025em;font-size:13px;line-height:1.7}.shape-picker-overlay__pen-size .pen-menu{writing-mode:vertical-lr;align-items:center;width:6px;height:40vh;margin:auto;display:flex;position:fixed;top:-10vh;bottom:0;left:5%;transform:rotate(180deg)}.shape-picker-overlay__pen-size .inputWrap{z-index:-1;width:100%;height:100%;position:relative}.shape-picker-overlay__pen-size .inputWrap:before{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff80}.shape-quick-picker .undo-btn{appearance:none;color:#333;background:0 0;border:none;border-radius:0;height:24px;font-size:14px;position:fixed;top:16px;left:16px}.shape-quick-picker .undo-btn svg{aspect-ratio:1;color:#fff;mix-blend-mode:difference;height:100%}.pen-size-preview{pointer-events:none;opacity:0;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;inset:0}body.is-pen-sizechange .pen-size-preview{opacity:1}.pen-size-preview__dot{aspect-ratio:1;background:#fff;border:2px solid #fff;border-radius:100%;box-shadow:0 0 10px #0003}.bottomSheet{touch-action:none;width:100%;height:35px;margin:auto;display:block;position:absolute;top:-10px;left:0;right:0}.bottomSheet:after{content:"";background:#bbb;border-radius:10px;width:80px;height:3px;margin:auto;display:block;position:absolute;inset:10px 0 0}.shape-picker-overlay__eraser-hint{box-sizing:border-box;text-align:center;pointer-events:none;color:#333;background:#fff;border-radius:5px;width:90%;margin:auto;padding:5px;font-size:12px;animation:.3s linear 2s forwards fadeOut;position:absolute;top:70px;left:0;right:0}@keyframes fadeOut{to{opacity:0}}.layers-panel__opacity-wrap{width:100%;position:relative}.layers-panel__opacity-slider{appearance:none;touch-action:manipulation;background:#ddd;border-radius:0;width:100%;height:4px}.layers-panel__opacity-value{background:#ffa;border-radius:5px;width:25px;padding:4px 8px;font-size:10px;position:absolute;top:-25px;left:0;box-shadow:0 0 5px #0003}.layers-panel__opacity-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#3b82f6;border-radius:50%;width:16px;height:16px}.layers-panel__opacity-slider:disabled{opacity:.35}.layers-panel__merge-toggle{aspect-ratio:1;color:#666;touch-action:manipulation;background:#fff;border:1px solid #ccc;border-radius:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;display:flex}.layers-panel__merge-toggle svg{aspect-ratio:1;width:22px}.layers-panel__merge-toggle.is-active{color:#fff;background:#222;border-color:#222}.layers-panel__merge-checkbox{flex:none;width:18px;height:18px;margin-right:4px}.layers-panel__merge-execute{color:#fff;touch-action:manipulation;background:#222;border:none;border-radius:10px;margin-top:12px;padding:12px;font-size:14px;font-weight:700}.layers-panel__merge-execute:disabled{color:#888;background:#ccc}.layers-panel__mask-btn.is-active{background:#cdeaff}.help_layerPanel li{margin-bottom:30px}.help_layerPanel figure{column-gap:2%;margin-top:10px;display:flex}.help_layerPanel figure img{width:48%;display:block}.shape-picker-overlay__preview-shape.is-ellipse{border-radius:50%}.shape-picker-overlay__preview-shape.is-rounded-rectangle{border-radius:18%}.shape-picker-overlay__preview-shape.is-triangle{clip-path:polygon(50% 0%,100% 100%,0% 100%)}.shape-picker-overlay__preview-shape.is-rounded-triangle{clip-path:polygon(50% 0%,100% 100%,0% 100%);border-radius:8%}.shape-picker-overlay__preview-shape.is-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.shape-picker-overlay__preview-shape.is-heart{clip-path:path("M 100 180 C 100 180 10 110 10 60 C 10 25 35 5 60 5 C 78 5 92 15 100 28 C 108 15 122 5 140 5 C 165 5 190 25 190 60 C 190 110 100 180 100 180 Z")}.action-sheet__list li{position:relative}.action-sheet__size{color:#fff;letter-spacing:.08em;background:#333;border-radius:3px;height:1em;margin:auto;padding:6px 8px;font-size:10px;line-height:1;position:absolute;top:0;bottom:0;right:1em}.image-adjust-overlay__bg-actions{justify-content:center;gap:8px;margin-top:8px;display:flex}.image-adjust-overlay__bg-remove,.image-adjust-overlay__bg-undo{color:#333;touch-action:manipulation;background:#fff;border:1px solid #ccc;border-radius:20px;padding:10px 20px;font-size:13px}.image-adjust-overlay__bg-remove:disabled,.image-adjust-overlay__bg-undo:disabled{opacity:.4}.processing-blocker{z-index:100;color:#fff;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:14px;display:flex;position:fixed;inset:0}.processing-blocker__spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite processing-spin}@keyframes processing-spin{to{transform:rotate(360deg)}}.image-adjust-overlay__tabs{border-bottom:1px solid #ddd;display:flex;overflow-x:auto}.image-adjust-overlay__tabs svg{aspect-ratio:1;width:25px}.image-adjust-overlay__tab{color:#999;white-space:nowrap;background:0 0;border:0;flex:1;min-width:70px;padding:12px 8px;font-size:13px}.image-adjust-overlay__tab-label{color:#333;margin-top:3px;font-size:10px}.image-adjust-overlay__tab.is-active{color:#fff;background:#333;font-weight:600}.image-adjust-overlay__tab.is-active svg{fill:#fff}.image-adjust-overlay__tab.is-active .image-adjust-overlay__tab-label{color:#fff}.image-adjust-overlay__control{padding:16px 0}.image-adjust-overlay__row-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}