.header[data-v-5f6e056c]{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#2c3e50;color:#fff;box-shadow:0 2px 4px #0000001a}.nav-bar[data-v-5f6e056c]{padding:.1rem 0}.container[data-v-5f6e056c]{max-width:1200px;margin:0 auto;padding:0 2rem}.nav-bar .container[data-v-5f6e056c]{display:flex;justify-content:center;align-items:center}.nav[data-v-5f6e056c]{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.nav a[data-v-5f6e056c]{color:#fff;text-decoration:none;padding:.25rem .6rem;border-radius:4px;transition:background-color .3s;font-size:.9rem}.nav a[data-v-5f6e056c]:hover,.nav a.router-link-active[data-v-5f6e056c]{background-color:#34495e}.brand[data-v-5f6e056c]{padding:.75rem 0;border-top:1px solid rgba(0,0,0,.08);background-color:#f5f5f5}.brand-inner[data-v-5f6e056c]{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.logo-link[data-v-5f6e056c]{display:flex;align-items:center;gap:.5rem;color:#333;text-decoration:none;transition:opacity .2s}.logo-link[data-v-5f6e056c]:hover{opacity:.9}.logo-image[data-v-5f6e056c]{width:2rem;height:2rem;object-fit:contain}.logo-text[data-v-5f6e056c]{font-size:1.25rem;font-weight:700;color:#333}.subtitle[data-v-5f6e056c]{font-size:.95rem;color:#333;margin:0}@media (max-width: 768px){.brand-inner[data-v-5f6e056c]{flex-direction:column;align-items:flex-start;gap:.25rem}.nav[data-v-5f6e056c]{gap:.5rem}.nav a[data-v-5f6e056c]{font-size:.85rem;padding:.2rem .5rem}}.footer[data-v-df56bf0a]{background-color:#2c3e50;color:#fff;padding:1.5rem 0;margin-top:auto}.container[data-v-df56bf0a]{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}#app{min-height:100vh;display:flex;flex-direction:column}main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:6rem 2rem 2rem}@media (max-width: 768px){main{padding:7rem 1rem 1rem}}.home[data-v-b213ded5]{text-align:center}.tools-grid[data-v-b213ded5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.tool-card[data-v-b213ded5]{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s}.tool-card[data-v-b213ded5]:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.tool-card h2[data-v-b213ded5]{color:#2c3e50;margin-bottom:1rem;font-size:1.5rem}.tool-card p[data-v-b213ded5]{color:#666;line-height:1.6}@media (max-width: 768px){.tools-grid[data-v-b213ded5]{grid-template-columns:1fr}}.number-input[data-v-38bed5df]{display:flex;align-items:center;gap:1rem}.number-input label[data-v-38bed5df]{font-weight:700;color:#333;min-width:100px}.number-input input[data-v-38bed5df]{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;width:120px}.number-input input[data-v-38bed5df]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.unit[data-v-38bed5df]{color:#666;font-size:.9rem}.select-input[data-v-d0e8facb]{display:flex;align-items:center;gap:1rem}.select-input label[data-v-d0e8facb]{font-weight:700;color:#333;min-width:100px}.select-wrapper[data-v-d0e8facb]{position:relative;width:16rem}.select-input select[data-v-d0e8facb]{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L2 4h8L6 8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;cursor:pointer}.select-input select[data-v-d0e8facb]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.paper-width[data-v-20991fce]{max-width:900px;margin:0 auto;padding:20px}.calculator-container[data-v-20991fce]{display:flex;flex-direction:column;gap:.5rem;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 12px #0000001a}.config-section[data-v-20991fce]{display:flex;flex-direction:column;gap:1.5rem;padding:1rem;min-width:320px}.top-configs[data-v-20991fce]{display:flex;gap:2rem;align-items:flex-start;padding-bottom:1rem}.input-visual-section[data-v-20991fce]{flex-grow:1}.form-group label[data-v-20991fce]{font-weight:700}.btn-secondary[data-v-20991fce]{padding:.5rem 1rem;background:#ecf0f1;border:1px solid #bdc3c7;border-radius:4px;cursor:pointer;font-size:.9rem;white-space:nowrap}.btn-secondary[data-v-20991fce]:hover{background:#dfe6e9}.radio-input[data-v-20991fce]{display:flex;align-items:center;gap:1rem}.radio-input label[data-v-20991fce]{font-weight:700;color:#333;min-width:100px}.radio-group[data-v-20991fce]{display:flex;gap:1rem}.disabled-label[data-v-20991fce]{color:#999!important;cursor:not-allowed}.visual-section-title[data-v-20991fce]{font-size:1.17rem;margin-top:0;margin-bottom:1rem}.bag-visual-container[data-v-20991fce]{display:flex;justify-content:center;align-items:center;padding:4rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;overflow:hidden}.bag-visual[data-v-20991fce]{position:relative;width:160px;height:200px;border:1px solid #666;background:#fff;border-radius:2px}.bag-visual.horizontal[data-v-20991fce]{width:240px;height:180px}.bag-visual[data-v-20991fce]:before,.bag-visual[data-v-20991fce]:after{content:"";position:absolute;pointer-events:none}.bag-visual.gassho[data-v-20991fce],.bag-visual.side-gusset[data-v-20991fce]{border:none;background:transparent}.cube-container[data-v-20991fce]{display:none}.cube[data-v-20991fce]{position:relative;width:80px;height:120px;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(30deg)}.face[data-v-20991fce]{position:absolute;border:1px solid #666;background:#ffffffe6}.face.front[data-v-20991fce]{width:80px;height:120px;transform:translateZ(20px);background:#fff}.face.top[data-v-20991fce]{width:80px;height:40px;transform:rotateX(90deg) translateZ(20px);background:#f0f0f0;display:flex;justify-content:center;align-items:center;overflow:hidden}.cube.side-gusset .face.top[data-v-20991fce]:before{content:"";width:100%;height:0;border-top:1px solid #666;position:absolute}.face.right[data-v-20991fce]{width:40px;height:120px;transform:rotateY(90deg) translateZ(60px);background:#e0e0e0}.face.side-gusset-right[data-v-20991fce]{display:none}.face.back-seal[data-v-20991fce]{width:80px;height:120px;transform:translateZ(-20px) rotateY(180deg);border-left:1px dashed #666;background:#f0f0f080;display:flex;justify-content:center}.face.back-seal[data-v-20991fce]:after{content:"";width:1px;height:100%;border-left:1px dashed #666}.gazzet-svg-container[data-v-20991fce],.gassho-svg-container[data-v-20991fce]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.gazzet-svg[data-v-20991fce],.gassho-svg[data-v-20991fce]{width:100%;height:100%;object-fit:contain}.dimension-input.gazzet-height[data-v-20991fce]{top:50%;left:-105px;transform:translateY(-50%)}.dimension-input.gazzet-gusset[data-v-20991fce]{top:15px;right:-85px}.dimension-input.gazzet-overlap[data-v-20991fce]{top:85px;right:-85px}.dimension-input.gassho-width[data-v-20991fce]{top:-55px;left:50%;transform:translate(-50%)}.dimension-input.gassho-height[data-v-20991fce]{top:50%;left:-80px;transform:translateY(-50%)}.dimension-input.gassho-overlap[data-v-20991fce]{top:85px;right:-85px;z-index:10}.dimension-input.gassho-overlap input[data-v-20991fce]{background:#ffffffe6}.dimension-input.cube-width[data-v-20991fce],.dimension-input.cube-height[data-v-20991fce],.dimension-input.cube-depth[data-v-20991fce],.dimension-input.cube-overlap[data-v-20991fce],.bag-visual.gassho.horizontal[data-v-20991fce]{display:none}.bag-visual.gassho.horizontal[data-v-20991fce]:before{border-left:none;border-top:1px dashed #666;top:50%;left:0;right:0}.bag-visual.sanpo[data-v-20991fce],.bag-visual.sanpo-zipper[data-v-20991fce],.bag-visual.stand[data-v-20991fce],.bag-visual.stand-zipper[data-v-20991fce]{border:1px solid #666;border-top:1px dashed #666;background-color:#f0f8ff}.bag-visual.sanpo.horizontal[data-v-20991fce],.bag-visual.sanpo-zipper.horizontal[data-v-20991fce],.bag-visual.stand.horizontal[data-v-20991fce],.bag-visual.stand-zipper.horizontal[data-v-20991fce]{border-top:1px solid #666;border-right:1px dashed #666}.side-seal[data-v-20991fce],.bottom-seal[data-v-20991fce],.zipper[data-v-20991fce]{position:absolute;background-color:#81c7ff;box-sizing:border-box}.zipper[data-v-20991fce]{background-color:transparent}.bag-visual.vertical .side-seal.left[data-v-20991fce]{border-right:1px solid #666;z-index:1}.bag-visual.vertical .side-seal.right[data-v-20991fce]{border-left:1px solid #666;z-index:1}.bag-visual.vertical .bottom-seal[data-v-20991fce]{border-top:1px solid #666}.bag-visual.horizontal .side-seal.top[data-v-20991fce]{border-bottom:1px solid #666;z-index:1}.bag-visual.horizontal .side-seal.bottom[data-v-20991fce]{border-top:1px solid #666;z-index:1}.bag-visual.horizontal .bottom-seal[data-v-20991fce]{border-right:1px solid #666}.zipper.vertical[data-v-20991fce]{top:30px;left:0;right:0;border-top:1px dashed #666}.zipper.horizontal[data-v-20991fce]{right:30px;top:0;bottom:0;border-left:1px dashed #666}.side-seal.vertical[data-v-20991fce]{width:12px;top:0;bottom:0}.side-seal.vertical.left[data-v-20991fce]{left:0}.side-seal.vertical.left.arch[data-v-20991fce]{background-color:transparent;border-right:none;width:20px}.side-seal.vertical.left.arch[data-v-20991fce]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#81c7ff;clip-path:ellipse(60% 50% at 100% 50%);border-right:1px solid #666;box-sizing:border-box}.side-seal.vertical.right[data-v-20991fce]{right:0}.side-seal.horizontal[data-v-20991fce]{height:12px;left:0;right:0}.side-seal.horizontal.top[data-v-20991fce]{top:0}.side-seal.horizontal.bottom[data-v-20991fce]{bottom:0}.bottom-seal.vertical[data-v-20991fce]{height:15px;left:0;right:0;bottom:0}.bottom-seal.horizontal[data-v-20991fce]{width:15px;top:0;bottom:0;left:0}.bottom-seal.horizontal.arch[data-v-20991fce]{background-color:transparent;border-right:none;width:100px}.bottom-seal.horizontal.arch[data-v-20991fce]:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#f0f8ff;clip-path:circle(70% at 120% 50%)}.bottom-seal.horizontal.arch_sub[data-v-20991fce]{background-color:#81c7ff;border-right:none;width:100px}.dimension-input[data-v-20991fce]{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px}.dimension-input input[data-v-20991fce]{width:4.5rem;padding:4px;font-size:.95rem;text-align:center;border:1px solid #3498db;border-radius:3px}.dimension-input span[data-v-20991fce]{font-size:10px;color:#666;white-space:nowrap}.dimension-input.vertical[data-v-20991fce]{top:50%;transform:translateY(-50%)}.dimension-input.vertical.left[data-v-20991fce]{left:-80px}.dimension-input.vertical.right[data-v-20991fce]{right:-80px}.dimension-input.horizontal[data-v-20991fce]{left:50%;transform:translate(-50%)}.dimension-input.horizontal.top[data-v-20991fce]{top:-55px}.dimension-input.horizontal.bottom[data-v-20991fce]{bottom:-55px}.form-grid[data-v-20991fce]{display:flex;flex-wrap:wrap;gap:2rem}.result-section[data-v-20991fce]{border-top:2px solid #3498db;padding-top:1rem}.result-highlight[data-v-20991fce]{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.5rem;background:#e1f5fe;padding:1rem;border-radius:4px}.result-highlight .value[data-v-20991fce]{font-size:2rem;font-weight:700;color:#0288d1}.result-highlight .note[data-v-20991fce]{font-size:.9rem;color:#666;margin-left:.5rem}.result-highlight .note-short[data-v-20991fce]{font-size:.8rem;color:#888;margin-left:auto}.unfolded-views-container[data-v-20991fce]{display:flex;flex-direction:column;gap:2rem}.unfolded-view-item[data-v-20991fce]{display:flex;flex-direction:column;gap:.5rem}.view-label[data-v-20991fce]{font-weight:700;color:#555;font-size:.9rem}.unfolded-view[data-v-20991fce]{width:100%;overflow-x:auto;background:#f0f0f0;padding:1rem;border-radius:4px}.unfolded-view svg[data-v-20991fce]{display:block;margin:0 auto;max-width:100%;height:auto;max-height:800px}