.drag-palette[data-v-3b80c4d1]{touch-action:pan-y;user-select:none;-webkit-user-select:none}.drag-palette img[data-v-3b80c4d1]{pointer-events:none;-webkit-user-drag:none}.header-delete[data-v-3b80c4d1]{flex:0 0 auto;margin-left:auto}.editor-delete[data-v-3b80c4d1]{border:0;border-radius:999px;background:var(--accent);color:#fff;padding:5px 18px;cursor:pointer}.editor-delete[data-v-3b80c4d1]:disabled{opacity:.4;cursor:default}.editor-tabs[data-v-3b80c4d1]{display:grid;grid-template-columns:1fr 1fr;gap:6px}.editor-tabs button[data-v-3b80c4d1]{border:5px solid var(--accent);border-bottom:none;background:#fff;border-radius:12px 12px 0 0;color:var(--accent);padding:8px 2px;cursor:pointer;font-size:13px}.editor-tabs button.active[data-v-3b80c4d1]{background:var(--accent);color:#fff}.editor-help[data-v-3b80c4d1]{border:0;border-radius:50%;background:var(--accent);color:#fff;font-size:20px;width:45px;height:45px;cursor:pointer}.global-help[data-v-3b80c4d1]{position:absolute;right:20px;bottom:20px;z-index:60;box-shadow:0 2px 8px #0003}.editor-help-overlay[data-v-3b80c4d1]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:#0009;display:grid;place-items:center;padding:24px}.editor-help-dialog[data-v-3b80c4d1]{position:relative;width:100%;max-height:80%;overflow:auto;border-radius:16px;background:#fff;padding:10px}.editor-help-dialog h2[data-v-3b80c4d1]{text-align:center;color:var(--accent)}.editor-help-dialog img[data-v-3b80c4d1]{width:100%;height:auto;margin:12px 0}.editor-help-close[data-v-3b80c4d1]{position:absolute;right:12px;top:8px;border:0;background:none;font-size:26px;cursor:pointer}.share-notice-overlay[data-v-3b80c4d1]{position:absolute;top:0;right:0;bottom:0;left:0;z-index:110;display:grid;place-items:center;padding:20px;background:#000000a6}.share-notice-dialog[data-v-3b80c4d1]{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:90%;max-height:90%;padding:50px 20px 40px;border-radius:20px;background:#fff;overflow-y:auto}.share-notice-dialog h2[data-v-3b80c4d1]{margin:0;background:var(--accent);color:#fff;text-align:center;width:100%}.share-notice-image[data-v-3b80c4d1]{display:block;width:100%;height:auto;object-fit:contain}.share-notice-submit[data-v-3b80c4d1]{flex-shrink:0;width:100%;padding:14px 20px;border:none;border-radius:999px;background:#000;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.share-notice-close[data-v-3b80c4d1]{position:absolute;top:4px;right:10px;z-index:2;border:none;background:none;color:#555;font-size:28px;cursor:pointer}:root{background:#dedede;font-synthesis:none;text-rendering:optimizeLegibility;font-family:Zen Maru Gothic,sans-serif;font-weight:900;font-style:normal;color:#1a1a1a;--accent: #ff00a0}*{box-sizing:border-box}html,body,#app{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;min-height:100dvh;font-weight:700}button{font:inherit}button:focus-visible{outline:3px solid #6ea6dc;outline-offset:3px}img{display:block;max-width:100%}h1{margin:0;padding:0}.maker-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:#fff url(/oshinoko_oshikatsumaker/assets/pc_bg-DWXzEI4Z.png) no-repeat center / cover}.maker-page img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none}.phone-frame{position:relative;width:min(100%,430px);height:min(calc(100dvh - 48px),932px);aspect-ratio:1179 / 2556;overflow:hidden;background:#fff url(/oshinoko_oshikatsumaker/assets/frame-ByG4Av86.png) center / 100% 100% no-repeat;box-shadow:0 20px 60px #0000002e}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;min-height:0}.title-screen{position:relative;flex:1 1 0;width:100%;min-height:0;overflow:hidden;text-align:center}.title-visual-image{display:block;width:100%;height:100%;object-fit:cover}.title-start{position:absolute;left:0;right:0;bottom:33%;width:fit-content;margin:0 auto;transform:none;z-index:2;letter-spacing:-2px}.screen-header{flex:0 0 80px;height:80px;display:flex;align-items:center;padding:0 14px}.back-button{display:grid;place-items:center;width:70px;height:70px;padding:7px;border:0;background:transparent;cursor:pointer}.back-button img{width:100%;height:100%;object-fit:contain}.header-spacer{flex:1}.content{flex:1;min-height:0;overflow:auto;padding:0 22px}.heading-group{margin:0 0 50px}.heading-group.compact{margin-bottom:12px}.step-title{display:flex;justify-content:center}.step-title img{height:65px;width:auto;max-width:100%;object-fit:contain}.screen-footer{flex:0 0 auto;display:flex;justify-content:center;padding:12px 22px 30px}.screen-color .screen-footer{padding:12px 22px 100px}.primary-button,.sub-button{max-width:200px;width:100%;min-height:52px;border-radius:999px;cursor:pointer;transition:transform .15s,box-shadow .15s}.primary-button{position:relative;overflow:hidden;border:0;background:var(--accent);color:#fff;font-size:30px;letter-spacing:.04em;box-shadow:0 3px 12px #ec489959,inset 0 1px #ffffff40;padding:5px 0 10px}.primary-button:before{content:"";position:absolute;top:10%;left:15%;width:70%;height:10%;border-radius:50px;background:#ffffff59;pointer-events:none}.sub-button{border:1px solid #ddd;background:#fff;color:#222;font-weight:700}.primary-button:active,.sub-button:active,.choice-card:active,.deco-card:active,.tab-button:active{transform:scale(.98)}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.choice-card{min-width:0;min-height:0;padding:10px;border:1px solid #ddd;border-radius:16px;background:#eee;text-align:center;cursor:pointer}.choice-card.selected,.tab-button.active{border:10px solid var(--accent);position:relative}.choice-grid .choice-card.selected:after,.choice-grid .tab-button.active:after{content:"";background:url(/oshinoko_oshikatsumaker/assets/select_icon-CSTp21f6.png) center / 100% 100% no-repeat;display:block;width:60px;height:60px;position:absolute;top:-20px;right:-20px}.motif-card{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:280px;border:10px solid #FAD9E7}.motif-card strong{color:var(--accent);font-size:13px}.motif-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:105px;border-radius:10px;overflow:hidden}.motif-placeholder.large{min-height:0;width:100%;height:100%;background:transparent}.motif-image{display:block;width:100%;height:100%;object-fit:contain}.motif-label-image{display:block;width:100%;max-width:200px;height:auto;object-fit:contain;margin:0 auto}.placeholder-uchiwa{position:relative;display:block;width:74%;aspect-ratio:1;border:4px solid #333;border-radius:50%;background:var(--motif-color)}.placeholder-uchiwa:after{content:"";position:absolute;left:44%;top:88%;width:12%;height:34%;border:3px solid #333;border-top:0;background:#fff}.placeholder-uchiwa i{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:1px dashed rgba(0,0,0,.35);border-radius:50%}.placeholder-happi{display:grid;place-items:center;width:70%;height:84%;border:4px solid #333;background:var(--motif-color);color:#333;font-size:42px}.placeholder-bag{position:relative;width:72%;height:72%;margin-top:12%;border:4px solid #333;border-radius:12px;background:var(--motif-color)}.placeholder-bag:before{content:"";position:absolute;left:22%;right:22%;top:-25%;height:35%;border:4px solid #333;border-bottom:0;border-radius:20px 20px 0 0}.placeholder-bag i{display:inline-block;width:17%;height:17%;margin:8% 2%;border-radius:50%;background:#fff;border:1px solid #333}.placeholder-case{position:relative;width:66%;height:84%;border:4px solid #333;border-radius:8px;background:var(--motif-color)}.placeholder-case i{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:2px solid rgba(51,51,51,.6);border-radius:4px}.motif-placeholder{color:#333}.color-content{display:flex;flex-direction:column;align-items:stretch;justify-content:center}.selected-motif-name{margin:-8px 0 14px;color:#777;font-size:13px;text-align:center}.color-slider{position:relative;display:flex;align-items:center;justify-content:center;max-height:470px}.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;padding:0;border:none;background:transparent;cursor:pointer}.slide-arrow--prev{left:20px}.slide-arrow--next{right:20px}.slide-arrow img{display:block;width:25px;height:auto}.slide-arrow:hover{opacity:.7}.slide-arrow:focus-visible{outline:2px solid #FAD9E7;outline-offset:3px;border-radius:4px}.motif-color-preview{display:grid;place-items:center;min-width:0;height:100%;padding:18px;border:15px solid #FAD9E7;border-radius:40px;background:#eee}.motif-color-preview img{max-height:100%;object-fit:contain}.motif-color-preview .motif-placeholder{--motif-color: var(--motif-color)}.slide-caption{display:flex;align-items:center;justify-content:center;gap:9px;padding:16px 0 4px}.slide-caption small{color:#999;margin-left:6px}.color-swatch{width:18px;height:18px;border:1px solid rgba(0,0,0,.15);border-radius:50%}.character-layout{display:grid;grid-template-rows:minmax(0,4fr) minmax(0,6fr);flex:1;min-height:0;gap:8px}.character-content{display:flex;flex-direction:column;min-height:0;flex:1}.character-layout{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1fr);flex:1;min-height:0;gap:8px}.character-motif-area{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;overflow:hidden}.character-motif-area .heading-group{flex-shrink:0}.character-motif-preview{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;width:60%}.character-motif-image,.character-motif-preview>.motif-placeholder{display:block;max-width:100%;max-height:100%;object-fit:contain}.character-motif-image{width:100%;height:100%}.character-select-area{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.character-frame{position:relative;width:100%;flex:1;min-height:0;overflow:hidden}.character-frame-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.character-frame-image.is-active{z-index:2}.character-tab-hit-areas{position:absolute;top:0;left:0;z-index:10;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;height:10%}.character-tab-hit-area{display:block;min-width:0;padding:0;border:none;background:transparent;cursor:pointer}.character-stage-wrap{position:absolute;top:14%;right:0;bottom:5%;left:0;z-index:5}.character-stage{display:flex;align-items:center;justify-content:center;flex:1;width:100%;height:100%;min-width:0;min-height:0}.character-stage .character-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.character-arrow{position:absolute;top:50%;z-index:6;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:transparent;cursor:pointer;transform:translateY(-50%)}.character-arrow--prev{left:4px}.character-arrow--next{right:4px}.character-arrow img{display:block;width:100%;height:100%;object-fit:contain}.deco-content{display:grid;grid-template-rows:auto minmax(0,6.5fr) minmax(0,3.5fr);gap:7px;min-height:0;overflow:hidden;padding:4px 22px 8px}.deco-content .heading-group{flex:0 0 auto;margin:0 0 20px}.canvas-editor-wrap{display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;border:none;background:none}.canvas-editor-frame{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:0;overflow:hidden}.canvas-editor-frame .upper-canvas{touch-action:none}.canvas-editor-frame .canvas-container{max-width:100%;max-height:100%;border:5px solid var(--accent);border-radius:15px;overflow:hidden;box-sizing:border-box}.canvas-editor-frame canvas{display:block;max-width:100%;max-height:100%}.helper{flex:0 0 auto;margin:0;color:#888;font-size:9px;line-height:1.4;text-align:center}.deco-carousel{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0}.deco-carousel-inner{display:flex;align-items:stretch;height:100%;min-height:0;background:#eee;border-top:2px dashed var(--accent);border-right:5px solid var(--accent);border-bottom:5px solid var(--accent);border-left:5px solid var(--accent);border-radius:0 0 20px 20px;padding:0 32px;position:relative}.deco-carousel-inner .deco-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:0;flex:1 1 auto;width:100%;min-width:0;min-height:0;padding:0;background:linear-gradient(to bottom,transparent calc(50% - 2px),var(--accent) calc(50% - 2px),var(--accent) calc(50% + 2px),transparent calc(50% + 2px))}.deco-carousel-inner .deco-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5}.deco-carousel-inner .deco-arrow--prev{left:5px}.deco-carousel-inner .deco-arrow--next{right:5px}.deco-carousel-inner .deco-arrow img{display:block;width:15px;height:auto;object-fit:contain}.deco-category-title{display:grid;place-items:center;gap:1px;min-width:0}.deco-category-title span{font-size:10px;font-weight:800;letter-spacing:.08em}.deco-category-title small{color:#999;font-size:9px}.deco-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:5px;flex:1 1 auto;min-height:0}.deco-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;border:none;background:none;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.deco-art{display:grid;place-items:center;width:100%;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;color:var(--deco-color)}.deco-part-image{display:block;width:85%;height:85%;max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.deco-art>svg{width:70%;height:70%;overflow:visible;fill:var(--deco-color);stroke:#333;stroke-width:2.5;stroke-linejoin:round}.deco-svg-source{display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;pointer-events:none}.deco-svg-source svg{display:block;width:85%;height:85%;max-width:100%;max-height:100%;overflow:visible;stroke:none}.deco-label,.deco-color-label{display:none}.deco-slide-enter-active,.deco-slide-leave-active{transition:transform .18s ease,opacity .18s ease}.deco-slide-enter-from{transform:translate(18px);opacity:0}.deco-slide-leave-to{transform:translate(-18px);opacity:0}.drag-ghost{position:fixed;z-index:99999;left:0;top:0;display:grid;place-items:center;width:88px;height:54px;padding:4px;border:1px solid #222;border-radius:10px;background:#fffffff5;font-size:8px;text-align:center;pointer-events:none;box-shadow:0 8px 24px #00000026}.complete-content{display:flex;flex-direction:column}.complete__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 82%;width:calc(100% - 44px);min-height:0;margin:20px 22px;padding:0;background:#fff url(/oshinoko_oshikatsumaker/assets/item_frame_bg-BvbnLLTF.png) repeat center / 100%;border:5px solid var(--accent);border-radius:20px}.screen-complete{display:flex;flex-direction:column;min-height:0;overflow-y:auto}.screen-complete .complete-content{flex:0 1 auto;width:100%;min-height:0}.screen-complete .complete-footer{width:100%}.complete__inner .heading-group{flex:0 0 auto;margin-bottom:10px}.complete__inner .heading-group img{max-width:60%;height:auto}.complete__inner .share-button{border:none;max-width:60px;margin:0 auto 30px}.final-preview{display:grid;place-items:center;flex:1;min-height:0;margin-bottom:30px;border-radius:18px;overflow:hidden;border:5px solid var(--accent)}.final-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:10px}.preview-fallback{color:#888;font-size:12px}.complete-copy{flex:0 0 auto;margin:14px 0 0;color:#666;font-size:12px;line-height:1.8;text-align:center}.complete-footer{display:grid;gap:8px;padding-top:8px}.complete-footer .primary-button,.complete-footer .sub-button{width:100%;min-height:44px;font-size:20px;padding:10px 30px}.slide-forward-enter-active,.slide-forward-leave-active,.slide-back-enter-active,.slide-back-leave-active{transition:transform .24s ease,opacity .24s ease}.slide-forward-enter-from{transform:translate(100%);opacity:0}.slide-forward-leave-to,.slide-back-enter-from{transform:translate(-100%);opacity:0}.slide-back-leave-to{transform:translate(100%);opacity:0}.generator-copyright{position:absolute;bottom:8px;left:0;width:100%;margin:0;padding:0 12px;color:#555;font-size:8px;font-weight:500;line-height:1.4;text-align:center;z-index:20;pointer-events:none}@media(min-width:700px){.phone-frame{width:430px}}@media(max-width:699px){.maker-page{padding:0;background:#fff}.phone-frame{width:100%;height:100dvh;max-height:none;aspect-ratio:auto;box-shadow:none}.screen-header{flex-basis:60px;height:60px}.back-button{width:60px;height:60px}.step-title img{height:clamp(30px,8dvh,70px)}.screen-motif .motif-content{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding-top:8px;padding-bottom:8px}.screen-motif .heading-group{flex-shrink:0;margin-bottom:16px}.screen-motif .motif-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;flex:1;min-height:0}.screen-motif .motif-card{min-height:0;height:100%;padding:8px;gap:4px;overflow:visible}.screen-motif .motif-placeholder{flex:1;min-height:0;height:auto;overflow:hidden}.screen-motif .motif-image{width:100%;height:100%;object-fit:contain}.screen-motif .motif-label-image{max-width:100%;max-height:40px;width:auto;height:auto;object-fit:contain}.choice-grid .choice-card.selected:after,.choice-grid .tab-button.active:after{width:50px;height:50px}.screen-motif .motif-card strong{flex-shrink:0}.screen-character .character-content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;padding:8px 12px}.screen-character .character-layout{display:grid;grid-template-rows:minmax(0,35fr) minmax(0,65fr);flex:1 1 auto;min-height:0;gap:8px}.screen-character .character-motif-area{min-height:0;overflow:hidden}.screen-character .character-motif-area .heading-group{margin-bottom:8px}.screen-character .character-motif-preview{flex:1 1 auto;min-height:0;width:55%}.screen-character .character-select-area{display:flex;flex-direction:column;min-height:0;overflow:hidden}.screen-character .character-frame{position:relative;flex:1 1 auto;width:100%;min-height:0;overflow:hidden}.screen-character .character-frame-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill}.screen-character .character-stage-wrap{position:absolute;top:14%;right:8%;bottom:5%;left:8%}.screen-character .character-stage{width:100%;height:100%;min-height:0}.screen-character .character-stage .character-image{max-width:100%;max-height:100%;object-fit:contain}.screen-character .character-arrow--prev{left:-5%}.screen-character .character-arrow--next{right:-5%}.screen-character .character-arrow{width:40px;height:40px}.screen-color .color-content{display:flex;flex-direction:column;justify-content:flex-start;flex:1 1 auto;min-height:0;overflow:hidden;padding-top:8px;padding-bottom:8px}.screen-color .heading-group{flex:0 0 auto;margin-bottom:16px}.screen-color .color-slider{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:0;max-height:none}.screen-color .motif-color-preview{width:100%;height:80%;min-height:0;padding:12px;border-width:10px;border-radius:24px;overflow:hidden}.screen-color .motif-color-preview img{display:block;max-width:80%;max-height:100%;width:auto;height:auto;object-fit:contain}.screen-color .slide-caption{flex:0 0 auto;padding:12px 0 4px}.screen-color .screen-footer{flex:0 0 auto;padding:10px 18px 30px max(12px,env(safe-area-inset-bottom))}.final-preview{margin-bottom:10px}.content{padding:16px 18px 12px}.screen-footer{padding:10px 18px 25px max(12px,env(safe-area-inset-bottom))}.motif-card{padding:8px}.motif-placeholder{min-height:90px}.character-content{padding:8px 12px}.deco-content{padding:2px 10px 5px;gap:5px;grid-template-rows:auto minmax(0,6.5fr) minmax(0,3.5fr)}.deco-grid{gap:4px}.canvas-editor-wrap,.deco-carousel-inner{flex:5 1 0}.deco-art{width:70%}.deco-art svg{width:62%;height:62%}.helper{font-size:8px}.primary-button{font-size:24px}.title-screen{display:flex;align-items:center;justify-content:center;overflow:hidden}.title-visual-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:scale(1.1);transform-origin:center center;flex-shrink:0}.title-start{position:absolute;left:50%;right:auto;bottom:clamp(60px,25dvh,220px);transform:translate(-50%);z-index:2}}@media(max-height:740px){.screen-deco .screen-footer{padding-top:5px;padding-bottom:8px}.screen-deco .primary-button{min-height:42px}.character-stage{min-height:140px}}