:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}img[data-v-51fd7118]{width:100%}.hero[data-v-51fd7118]{margin:0 auto;text-align:center}.hero-title[data-v-51fd7118]{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.hero-subtitle[data-v-51fd7118]{font-size:1.2rem;opacity:.9}.hero-scroll-guide[data-v-51fd7118]{margin-top:3rem;font-size:.8rem;letter-spacing:.2em;animation:nudge-51fd7118 2s linear infinite}@keyframes nudge-51fd7118{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@media(max-width:768px){.hero-title[data-v-51fd7118]{font-size:2rem}}.modal-overlay[data-v-0acf0f64]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:0 15px;perspective:1000px}.modal-content[data-v-0acf0f64]{background:linear-gradient(145deg,#1a1a1a,#0d0d0d);border:1px solid #00ffff4d;width:calc(100% - 30px);max-width:500px;min-height:620px;padding:45px 20px 25px;position:relative;color:#fff;box-shadow:0 20px 50px #00000080,0 0 15px #00ffff1a;touch-action:pan-y;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column}.modal-close[data-v-0acf0f64]{position:absolute;top:15px;right:15px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:0;outline:none;z-index:10}.modal-close[data-v-0acf0f64]:before,.modal-close[data-v-0acf0f64]:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:2px;background-color:#ffffff80;transition:.2s}.modal-close[data-v-0acf0f64]:before{transform:translate(-50%,-50%) rotate(45deg)}.modal-close[data-v-0acf0f64]:after{transform:translate(-50%,-50%) rotate(-45deg)}.modal-close[data-v-0acf0f64]:hover:before,.modal-close[data-v-0acf0f64]:hover:after{background-color:#0ff}.slides-container[data-v-0acf0f64]{flex:1;position:relative;display:flex;flex-direction:column}.slide[data-v-0acf0f64]{width:100%}.slide-badge[data-v-0acf0f64]{background:#0ff;color:#000;padding:3px 14px;font-weight:800;margin-bottom:15px;font-size:.8rem;letter-spacing:1px;display:inline-block;border-radius:2px}.slide-img-holder[data-v-0acf0f64]{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:10px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #333}.slide-img-holder img[data-v-0acf0f64]{width:100%;height:100%;object-fit:contain}.slide-title[data-v-0acf0f64]{color:#03ffff;text-align:center;font-size:1.2rem;margin-bottom:10px}.slide-tips[data-v-0acf0f64]{display:flex;gap:12px;margin-top:10px;min-height:140px}.slide-tips figure[data-v-0acf0f64]{flex-shrink:0;width:110px;margin:0}.slide-tips figure img[data-v-0acf0f64]{width:100%;height:auto;border-radius:4px}.slide-tips p[data-v-0acf0f64]{flex:1;background-image:url(/generator/consadole-sapporo/bg-tips.jpg);background-size:22px auto;background-repeat:repeat;padding:15px;border-radius:6px;text-align:left;border:solid 3px #181818;box-shadow:inset 0 0 5px #000;letter-spacing:.05rem;line-height:1.5;font-weight:700;font-size:.9rem;margin:0}.modal-nav[data-v-0acf0f64]{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px}.nav-btn[data-v-0acf0f64]{background:#333;color:#eee;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:.9rem;transition:.2s}.nav-btn[data-v-0acf0f64]:not(:disabled):hover{background:#444;color:#fff}.nav-btn[data-v-0acf0f64]:disabled{opacity:.2;cursor:not-allowed}.dots[data-v-0acf0f64]{display:flex;gap:10px}.dots span[data-v-0acf0f64]{width:8px;height:8px;background:#444;border-radius:50%;transition:.3s}.dots span.active[data-v-0acf0f64]{background:#0ff;box-shadow:0 0 10px #0ff;transform:scale(1.2)}.finish-btn[data-v-0acf0f64]{background:#0ff;color:#000;border:none;padding:10px 24px;border-radius:20px;font-weight:700;cursor:pointer;transition:.3s}.finish-btn[data-v-0acf0f64]:hover{background:#fff;transform:scale(1.05)}.fade-enter-active[data-v-0acf0f64],.fade-leave-active[data-v-0acf0f64]{transition:opacity .5s ease}.fade-enter-from[data-v-0acf0f64],.fade-leave-to[data-v-0acf0f64]{opacity:0}.fade-enter-active .modal-content[data-v-0acf0f64]{transition:all .5s cubic-bezier(.34,1.56,.64,1)}.fade-enter-from .modal-content[data-v-0acf0f64]{opacity:0;transform:scale(.9) translateY(40px) rotateX(-15deg)}.slide-next-enter-active[data-v-0acf0f64],.slide-next-leave-active[data-v-0acf0f64],.slide-prev-enter-active[data-v-0acf0f64],.slide-prev-leave-active[data-v-0acf0f64]{transition:all .35s ease-out}.slide-next-enter-from[data-v-0acf0f64]{opacity:0;transform:translate(30px)}.slide-next-leave-to[data-v-0acf0f64],.slide-prev-enter-from[data-v-0acf0f64]{opacity:0;transform:translate(-30px)}.slide-prev-leave-to[data-v-0acf0f64]{opacity:0;transform:translate(30px)}@media(max-width:760px){.modal-content[data-v-0acf0f64]{min-height:560px;padding:40px 15px 20px}.slide-tips[data-v-0acf0f64]{min-height:120px}.slide-tips figure[data-v-0acf0f64]{width:80px}.slide-tips p[data-v-0acf0f64]{font-size:.9rem;padding:12px}}html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal}*,:before,:after{box-sizing:inherit;margin:0;padding:0}body{margin:0;padding:0;font-family:Orbitron,Inter,sans-serif}#app{width:100%}.lp-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:72px;padding-left:24px;padding-right:18px;background:#fff}.lp-header p{font-size:18px;font-weight:700}.gd_header_brand{width:120px;display:flex;align-items:center;justify-content:center}.gd_header_brand img{width:100%}.lp-footer{position:relative;z-index:1;background-color:#101010;padding:40px 10px;color:#fff;text-align:center;margin-top:150px}.footer_copy{font-size:.9rem}.fixed-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:url(/generator/consadole-sapporo/bg-body-white.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.generator{max-width:1200px;margin:50px auto 0;padding:0 15px;display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:30px}.preview-wrapp{position:-webkit-sticky;position:sticky;top:30px;z-index:100;max-width:670px;color:#fff;text-align:center;box-shadow:0 5px 15px #00000080;background:#0009}.preview-title{padding:18px 0;background:#242424}.preview-title img{width:130px;vertical-align:bottom}.preview{display:flex;justify-content:center;align-items:center;background:#111522;width:100%}.preview canvas{display:block;width:100%!important;height:auto!important;max-width:100%;background:#122d4e}.controls{flex:1;min-width:300px;max-width:500px;background:#242424;display:flex;flex-direction:column;gap:20px;color:#fff}.controls h2{border-top:4px solid #2e2e2e;padding:20px 0;position:relative;background:#242424;box-shadow:0 10px 10px -5px #000;display:flex;align-items:center;gap:15px;font-size:1.1rem;color:#fff;text-align:left}.controls h2:not(:first-of-type){margin-top:50px}.step-badge{color:#fff;font-family:Oswald,sans-serif;font-size:.7rem;font-weight:700;padding:2px 8px;position:relative;letter-spacing:.05em;background:#0ff;color:#000;border-radius:0 4px 4px 0}.step-badge:after{content:"";position:absolute;bottom:-2px;right:-2px;width:100%;height:100%;border:1px solid #00ffff;border-radius:4px;z-index:-1}.zoom-controls-container{width:100%;overflow:hidden;box-shadow:inset 0 2px 5px #00000080;background:#221815;display:grid;grid-template-rows:1fr;transition:grid-template-rows 1s cubic-bezier(.16,1,.3,1);position:relative}.zoom-controls-container.disabled{grid-template-rows:0fr;box-shadow:none}.zoom-controls{min-height:0;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-image:linear-gradient(270deg,#7b000a,#661b21,#221515);opacity:1;transform:translate(0);transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .8s ease-out,padding 1s cubic-bezier(.16,1,.3,1)}.zoom-controls.disabled{opacity:0;transform:translate(100%);pointer-events:none}.control-button{display:flex;gap:12px}.control-button button{border-radius:10px;font-size:16px;font-weight:700;background:#261516;color:#fff;padding:8px 15px;width:80px;cursor:pointer;transition:opacity .2s,transform .2s,background .2s;text-align:center}.control-button button:hover{background:#333;transform:scale(1.05)}.control-button button:active{transform:scale(.95);background:#00ffff4d}.disable-text{position:absolute;width:100%;height:100%;background:#444;color:#d0d0d0;font-size:16px;font-weight:500;letter-spacing:.1rem;display:flex;justify-content:center;align-items:center;padding:10px 20px}.share-buttons{margin:90px 0 0;text-align:center}.share-tip{text-align:center;margin-top:10px;font-weight:600;font-size:18px;line-height:1.4;color:#333;padding:8px}.small-note>span{color:#acec00}.small-note{display:block;font-size:14px;margin-top:10px}.highlight{color:#d32f2f;font-weight:700}.x-post-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:#000;color:#fff;padding:28px;border-radius:8px;text-decoration:none;font-weight:700;transition:opacity .2s;min-width:350px;font-size:20px}.x-post-button:hover{opacity:.8;color:#00acee}.custom-file-changer{display:flex;gap:10px;padding:0 15px}.custom-file-btn{flex:1;background:#122d4e;border:2px dashed #087ed3;color:#aefaff;padding:12px;text-align:center;border-radius:8px;font-weight:700;cursor:pointer}.frames,.stamp-list{display:flex;flex-wrap:wrap;gap:20px;padding:0 15px;justify-content:center}.frames img,.stamp-list img{border-radius:6px;border:2px solid transparent;cursor:pointer;transition:.2s}.frames img{width:calc(50% - 20px);-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;pointer-events:auto}.stamp-list img{width:80px}.frames img.selected,.stamp-list img.selected{border:2px dashed #ffffff}.download-btn-wrap{padding:0 20px 30px}.download-btn.btn-flat{position:relative;display:inline-block;width:100%;font-size:18px;font-weight:700;color:#fff;background:#790006;border:none;cursor:pointer;overflow:hidden;z-index:1;margin:0;border-radius:4px;letter-spacing:.1em}.download-btn.btn-flat span{position:relative;z-index:3;transition:color .4s}.download-btn.btn-flat:after{content:"";position:absolute;top:50%;left:50%;width:150%;height:500%;background:#da0009;z-index:2;transition:all .5s cubic-bezier(.165,.84,.44,1);transform:translate(-5%,-70%) rotate(40deg)}.download-btn.btn-flat:hover:after{transform:translate(5%,-70%) rotate(40deg)}.controls button{background:#444;color:#d0d0d0;padding:10px;border-radius:8px;margin:0 15px}.custom-file-changer button{margin:0}.help-btn-wrap{position:fixed;bottom:20px;right:20px;z-index:1}.help-btn-wrap .help-open-btn{background:none;border:none;padding:0;cursor:pointer}.help-btn-wrap .help-open-btn img{width:90px;height:auto;display:block;margin:0 auto}.help-open-btn:focus{outline:none}button:focus:not(:focus-visible){outline:none}button:focus{outline:none}button:active{outline:none}button{-webkit-tap-highlight-color:transparent}@media(max-width:760px){.generator{flex-direction:column;align-items:stretch;gap:0;padding:0;margin:30px auto 0}.preview-wrapp{position:-webkit-sticky;position:sticky;top:0;left:15px;z-index:1000;width:calc(100% - 30px);max-width:100%;flex:none;box-shadow:0 4px 10px #0000004d}.preview-title img{width:120px}.controls{width:calc(100% - 30px);max-width:100%;margin:0 auto}.help-btn-wrap{position:fixed;bottom:15px;right:15px;z-index:1;cursor:pointer}.help-btn-wrap .help-open-btn img{width:75px}.lp-header{height:50px;padding-left:15px}.lp-header p{font-size:14px}.gd_header_brand{width:85px}.share-tip{text-align:left;font-weight:600;font-size:16px;line-height:1.6}}@media(hover:hover){.download-btn:hover,.custom-file-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}}@media(hover:none){.custom-file-btn:active,.zoom-controls button:active{transform:scale(.95);background:#00ffff4d;transition:none}.download-btn:active{opacity:.8}}.save-modal-overlay[data-v-6fc7c19d]{position:fixed;top:30px;left:0;width:100%;height:100%;background:#f3f3f3cc;z-index:10005;display:flex;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;box-shadow:0 -3px 10px #0000004d;border-top:4px solid #272727}.save-panel[data-v-6fc7c19d]{width:100%;text-align:center;position:relative;padding-bottom:25px;overflow-y:auto;max-height:100%}.save-modal-top[data-v-6fc7c19d]{background:#181818}.save-modal-title[data-v-6fc7c19d]{color:#0ff;font-weight:700;font-size:1.25rem;padding:15px 0;border-bottom:1px solid #1d1d1d;margin:0}.save-image-wrap img[data-v-6fc7c19d]{width:100%;height:auto;-webkit-touch-callout:default!important;-webkit-user-select:auto!important;user-select:auto!important}.slide-tips[data-v-6fc7c19d]{display:flex;gap:12px;margin:15px 0;padding:0 20px;align-items:center}.slide-tips figure[data-v-6fc7c19d],.slide-tips figure img[data-v-6fc7c19d]{width:60px;margin:0}.slide-tips p[data-v-6fc7c19d]{font-size:1rem;flex:1;color:#fff;background-image:url(/generator/consadole-sapporo/bg-tips.jpg);background-size:22px auto;background-repeat:repeat;padding:12px;border-radius:6px;text-align:left;border:solid 3px #181818;box-shadow:inset 0 0 5px #000;line-height:1.5;font-weight:700;margin:0}.close-btn[data-v-6fc7c19d]{background:#444;color:#fff;border:none;padding:10px 40px;border-radius:20px;cursor:pointer;font-weight:700;margin:10px 0 20px}.modal-share[data-v-6fc7c19d]{margin-top:15px}.save-slide-enter-active[data-v-6fc7c19d]{transition:transform .5s cubic-bezier(.16,1,.3,1)}.save-slide-leave-active[data-v-6fc7c19d]{transition:transform .4s cubic-bezier(.7,0,.84,0)}.save-slide-enter-from[data-v-6fc7c19d],.save-slide-leave-to[data-v-6fc7c19d]{transform:translateY(100%)}.save-slide-enter-to[data-v-6fc7c19d],.save-slide-leave-from[data-v-6fc7c19d]{transform:translateY(0)}main{min-height:100vh;margin:0;position:relative;z-index:2}.fixed-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:url(/generator/consadole-sapporo/bg-body-white.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}