@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,sans-serif;background-color:#fff;color:#2c3e50;line-height:1.6}#app{min-height:100vh}.home-container[data-v-0fe1d92a]{max-width:800px;margin:0 auto;padding:2rem}h1[data-v-0fe1d92a]{font-size:2rem;margin-bottom:2rem;color:#2c3e50}.path-list[data-v-0fe1d92a]{list-style:none;padding:0}.path-list li[data-v-0fe1d92a]{margin-bottom:1rem}.path-list a[data-v-0fe1d92a]{display:block;padding:1rem;background-color:#f5f5f5;border-radius:8px;text-decoration:none;color:#2c3e50;transition:background-color .3s ease}.path-list a[data-v-0fe1d92a]:hover{background-color:#e0e0e0}.path-list a.router-link-active[data-v-0fe1d92a]{background-color:#42b983;color:#fff}.text-width-comparison[data-v-2d056ec5]{max-width:1400px;margin:0 auto;padding:2rem;overflow:auto}.header[data-v-2d056ec5]{margin-bottom:2rem}.back-link[data-v-2d056ec5]{display:inline-block;margin-bottom:1rem;color:#42b983;text-decoration:none;font-weight:600}.back-link[data-v-2d056ec5]:hover{text-decoration:underline}h1[data-v-2d056ec5]{font-size:2rem;color:#2c3e50;margin:0}.loading[data-v-2d056ec5]{text-align:center;padding:2rem;color:#666;font-style:italic}.main-content[data-v-2d056ec5]{display:grid;grid-template-columns:1fr 300px;gap:2rem}.textarea-section[data-v-2d056ec5]{display:flex;flex-direction:column;gap:1.5rem;max-width:100%;overflow:hidden}.control-group[data-v-2d056ec5]{display:flex;align-items:center;gap:1rem}.control-group label[data-v-2d056ec5]{font-weight:600;color:#2c3e50}.input-wrapper[data-v-2d056ec5]{display:flex;align-items:center;gap:.5rem}.control-group input[type=number][data-v-2d056ec5]{width:80px;padding:.5rem;font-size:1rem;border:2px solid #ddd;border-radius:4px}.control-group input[type=number][data-v-2d056ec5]:focus{outline:none;border-color:#42b983}.unit[data-v-2d056ec5]{color:#666;font-size:.9rem}.textarea-container[data-v-2d056ec5]{display:flex;flex-direction:column;gap:.5rem}.ruler[data-v-2d056ec5]{display:flex;font-size:16px;color:#999;padding:0;margin-bottom:.25rem;border-bottom:1px solid #ddd;position:relative}.ruler-tick[data-v-2d056ec5]{width:1em;height:8px;position:relative;border-left:1px solid #ddd;display:flex;align-items:flex-start}.ruler-tick.has-number[data-v-2d056ec5]{border-left:1px solid #999}.ruler-number[data-v-2d056ec5]{font-family:monospace;position:absolute;top:-2px;left:2px;font-size:.7rem}.textarea-wrapper[data-v-2d056ec5]{position:relative}.textarea-wrapper[data-v-2d056ec5]:before{content:"";position:absolute;left:calc(var(--reference-char-count) * 1em);top:0;bottom:0;width:2px;background-color:#e74c3c;z-index:10;pointer-events:none}textarea[data-v-2d056ec5]{width:100%;font-size:16px;font-family:Noto Sans JP,sans-serif;border:2px solid #ddd;border-radius:4px;resize:vertical;transition:border-color .3s}textarea[data-v-2d056ec5]:focus{outline:none;border-color:#42b983}textarea.exceeds-reference[data-v-2d056ec5]{border-color:#e74c3c}.input-info[data-v-2d056ec5]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.info-text[data-v-2d056ec5]{color:#555}.info-text.exceeds[data-v-2d056ec5]{color:#e74c3c;font-weight:600}.char-counter[data-v-2d056ec5]{color:#666}.char-counter.warning[data-v-2d056ec5]{color:#e74c3c;font-weight:600}.calculation-section[data-v-2d056ec5]{background-color:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;position:sticky;top:2rem;height:fit-content}.calculation-section h2[data-v-2d056ec5]{font-size:1.3rem;color:#2c3e50;margin:0 0 1rem}.calc-item[data-v-2d056ec5]{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.calc-item[data-v-2d056ec5]:last-child{margin-bottom:0}.calc-label[data-v-2d056ec5]{font-weight:600;color:#555;font-size:.9rem}.calc-formula[data-v-2d056ec5]{font-family:monospace;font-size:.95rem;color:#2c3e50;background-color:#f5f5f5;padding:.5rem;border-radius:4px}.measurement-span[data-v-2d056ec5]{position:fixed!important;top:0!important;left:0!important;visibility:hidden!important;overflow:hidden!important;padding:0!important;margin:0!important;border:none!important;white-space:pre!important;font-size:16px!important;font-family:Noto Sans JP,sans-serif!important;z-index:-1000!important}@media(max-width:1024px){.main-content[data-v-2d056ec5]{grid-template-columns:1fr}.calculation-section[data-v-2d056ec5]{position:static}}