.sheet.svelte-1kbo2t8{font-size:15px;line-height:1.35;color:#222}header.svelte-1kbo2t8{margin-bottom:18px}.sheet-title.svelte-1kbo2t8{font-size:20px;font-weight:600;letter-spacing:-.02em}.sheet-subtitle.svelte-1kbo2t8{margin-top:2px;color:#777}.sheet-meta.svelte-1kbo2t8{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:13px;color:#777}.sheet-meta.svelte-1kbo2t8 strong:where(.svelte-1kbo2t8){color:#222;font-weight:600}.section.svelte-1kbo2t8+.section:where(.svelte-1kbo2t8){margin-top:14px}.section.chorus.svelte-1kbo2t8{padding-left:12px;border-left:2px solid #ebebeb}.label.svelte-1kbo2t8{margin:4px 0 6px;font-size:13px;font-weight:600;color:#777}.gap.svelte-1kbo2t8{height:14px}.line.svelte-1kbo2t8{display:flex;flex-wrap:wrap}.line.with-chords.svelte-1kbo2t8{margin-top:4px}.word.svelte-1kbo2t8,.piece.svelte-1kbo2t8{display:inline-flex}.piece.svelte-1kbo2t8{flex-direction:column}.chord.svelte-1kbo2t8{min-height:1.35em;padding-right:.4em;font-weight:600;color:#06f;white-space:pre}.text.svelte-1kbo2t8{white-space:pre}.tab.svelte-1kbo2t8{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;white-space:pre;overflow-x:auto}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}html{overflow-x:clip;scroll-behavior:smooth}body{font-family:Gotham,Gilroy,sans-serif;background-color:#fff;color:#000;overflow-x:clip}.web-tool .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.34,1.56,.64,1),transform .8s cubic-bezier(.34,1.56,.64,1)}.web-tool .reveal.visible{opacity:1;transform:translateY(0)}.web-tool .word-anim{display:inline-block;opacity:0;filter:blur(12px);transform:translateY(-30px);transition:opacity .8s cubic-bezier(.34,1.56,.64,1),filter .8s cubic-bezier(.34,1.56,.64,1),transform .8s cubic-bezier(.34,1.56,.64,1)}.web-tool .visible .word-anim{opacity:1;filter:blur(0);transform:translateY(0)}@media (prefers-reduced-motion: reduce){.web-tool .reveal,.web-tool .word-anim{opacity:1;transform:none;filter:none;transition:none}}.web-tool .color-blue{color:#06f}.web-tool .color-green{color:#00a36c}.web-tool .color-purple{color:#60f}.web-tool section.section{padding:70px 20px;max-width:1140px;margin:0 auto;text-align:center}.web-tool .section-title{font-size:32px;font-weight:500;letter-spacing:-1.5px;line-height:1.1;margin-bottom:16px;display:flex;flex-wrap:wrap;justify-content:center;gap:0 .15em;color:#000}.web-tool .section-subtitle{font-size:16.5px;color:#666;max-width:640px;margin:0 auto;line-height:1.45;font-weight:500;letter-spacing:-.04em}.web-tool .box{background:linear-gradient(to bottom,#fff,#f2f2f2);border-radius:24px;padding:28px 24px;text-align:left}.web-tool .box h3{font-size:20px;font-weight:500;letter-spacing:-.075em;line-height:1.2;margin-bottom:8px}.web-tool .box p{font-size:15px;color:#666;line-height:1.45;font-weight:500;letter-spacing:-.05em}.web-tool .card{background:linear-gradient(to bottom,#fff,#f9f9f9);border-radius:24px;border:1px solid #ebebeb;text-align:left}.web-tool .btn-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:340px;margin:0 auto;padding:16px 20px;border:none;border-radius:100px;background:#06f;color:#fff;box-shadow:0 8px 24px #0066ff59;font-family:inherit;font-size:17px;font-weight:600;text-decoration:none;letter-spacing:-.02em;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,background .25s ease}.web-tool .btn-cta:hover:not(:disabled){background:#0052cc;box-shadow:0 12px 30px #0066ff80;transform:translateY(-2px)}.web-tool .btn-cta:disabled{background:#c9c9cf;box-shadow:none;cursor:default}.web-tool .btn-arrow{display:inline-block;transition:transform .25s ease}.web-tool .btn-cta:hover .btn-arrow,.web-tool .app-promo:hover .btn-arrow{transform:translate(4px)}.web-tool .btn-primary,.web-tool .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border-radius:100px;font-family:inherit;font-size:15px;font-weight:600;letter-spacing:-.02em;cursor:pointer;white-space:nowrap;transition:background .2s ease,border-color .2s ease}.web-tool .btn-primary{border:none;background:#06f;color:#fff}.web-tool .btn-primary:hover:not(:disabled){background:#0052cc}.web-tool .btn-primary:disabled{background:#9cbcf0;cursor:default}.web-tool .btn-secondary{border:1px solid #e2e2e6;background:#fff;color:#111}.web-tool .btn-secondary:hover{border-color:#c9c9cf}.web-tool .link-btn{background:none;border:none;font-family:inherit;font-size:14px;font-weight:600;color:#06f;cursor:pointer;letter-spacing:-.02em}.web-tool .link-btn:hover{text-decoration:underline}.web-tool .link-btn.centered{display:block;margin:20px auto 0}.web-tool .hero{padding:60px 20px 32px;max-width:820px;margin:0 auto;text-align:center}.web-tool .app-icon-top{width:64px;height:64px;margin:0 auto 24px}.web-tool .app-icon-top img{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}.web-tool .hero h1.section-title{font-size:36px;letter-spacing:-1.5px;margin-bottom:20px}.web-tool .hero-free{margin-top:18px;font-size:14px;color:#06f;font-weight:600;letter-spacing:-.02em}.web-tool .hero-actions{margin-top:32px}.web-tool .tool-section{padding:0 20px;max-width:720px;margin:0 auto}.web-tool .tool-card{padding:28px 22px;box-shadow:0 10px 30px #0000000d}.web-tool .tool-loading{display:flex;align-items:center;justify-content:center;min-height:220px}.web-tool .spinner{width:26px;height:26px;border:3px solid #e6e6ea;border-top-color:#06f;border-radius:50%;animation:wt-spin .8s linear infinite}@keyframes wt-spin{to{transform:rotate(360deg)}}.web-tool .tool-title{font-size:22px;font-weight:600;letter-spacing:-.04em;color:#000}.web-tool .tool-text{margin-top:6px;font-size:15px;color:#666;font-weight:500;line-height:1.45;letter-spacing:-.03em}.web-tool .tool-text.small{font-size:13.5px;margin-top:12px}.web-tool .login{max-width:420px;margin:0 auto;text-align:center}.web-tool .login .google{width:100%;margin-top:22px;padding:14px 20px}.web-tool .google svg{width:20px;height:20px}.web-tool .or{display:flex;align-items:center;gap:12px;margin:18px 0;font-size:13px;color:#aaa;font-weight:500}.web-tool .or:before,.web-tool .or:after{content:"";flex:1;height:1px;background:#eaeaea}.web-tool .inline-form{display:flex;gap:8px}.web-tool .inline-form input{flex:1;min-width:0;padding:12px 18px;border:1px solid #e2e2e6;border-radius:100px;font-family:inherit;font-size:15px;font-weight:500;background:#fff;outline:none;transition:border-color .2s ease}.web-tool .inline-form input:focus{border-color:#06f}.web-tool .login .link-btn{margin-top:12px}.web-tool .notice{margin-top:14px;padding:12px 16px;border-radius:14px;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-.02em;text-align:left}.web-tool .notice.error{color:#b42318;background:#fef3f2}.web-tool .notice.info{color:#0052cc;background:#eef4ff}.web-tool .account-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.web-tool .account-email{flex:1;min-width:0;font-size:14px;color:#666;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-tool .credits-pill{font-size:13px;font-weight:600;padding:4px 12px;border-radius:100px;color:#0052cc;background:#eef4ff}.web-tool .credits-pill.empty{color:#666;background:#eeeeef}.web-tool .dropzone{margin-top:18px;padding:40px 20px;border:2px dashed #d9d9de;border-radius:20px;text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease}.web-tool .dropzone:hover,.web-tool .dropzone.over{border-color:#06f;background:#f5f9ff}.web-tool .drop-icon{width:36px;height:36px;color:#06f}.web-tool .drop-title{margin-top:10px;font-size:18px;font-weight:600;letter-spacing:-.04em}.web-tool .drop-or{margin:6px 0 12px;font-size:13px;color:#aaa;font-weight:500}.web-tool .drop-hint{margin-top:14px;font-size:12.5px;color:#888;font-weight:500;line-height:1.4}.web-tool .progress-box{margin-top:18px;padding:32px 20px;border-radius:20px;background:#f6f6f8;text-align:center}.web-tool .progress-name{font-size:15px;font-weight:600;letter-spacing:-.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-tool .progress-track{height:8px;margin:16px auto 0;max-width:420px;border-radius:100px;background:#e3e3e8;overflow:hidden}.web-tool .progress-bar{height:100%;border-radius:100px;background:#06f;transition:width .4s ease}.web-tool .progress-label{margin-top:12px;font-size:14px;font-weight:600;color:#333}.web-tool .progress-hint{margin-top:8px;font-size:13px;color:#888;font-weight:500;line-height:1.4}.web-tool .result{margin-top:18px}.web-tool .result-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.web-tool .result-actions{display:flex;gap:8px}.web-tool .chordpro{margin-top:14px;padding:18px;max-height:420px;overflow:auto;border-radius:16px;background:#f6f6f8;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.55;white-space:pre-wrap;word-break:break-word;color:#222}.web-tool .app-promo{display:flex;align-items:center;gap:14px;margin-top:18px;padding:16px 18px;border-radius:18px;background:#eef4ff;color:inherit;text-decoration:none}.web-tool .app-promo img{width:40px;height:40px;flex-shrink:0}.web-tool .app-promo>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px;font-size:13.5px;color:#555;font-weight:500;line-height:1.35}.web-tool .app-promo strong{font-size:15px;color:#000;font-weight:600;letter-spacing:-.03em}.web-tool .app-promo .btn-arrow{color:#06f;font-weight:600}.web-tool .history{margin-top:28px;padding-top:20px;border-top:1px solid #eaeaea}.web-tool .history h3{font-size:15px;font-weight:600;letter-spacing:-.03em}.web-tool .history ul{list-style:none;margin-top:8px}.web-tool .history li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:14px;font-weight:500}.web-tool .history li:last-child{border-bottom:none}.web-tool .history-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.web-tool .history-meta{font-size:12.5px;color:#888;white-space:nowrap}.web-tool .status-done{color:#00a36c}.web-tool .status-processing{color:#06f}.web-tool .status-error{color:#b42318}.web-tool .steps{list-style:none;display:grid;gap:8px;margin-top:40px}.web-tool .chordpro.sheet-box{max-height:560px;font-family:inherit;white-space:normal}.web-tool .source-toggle{display:block;margin-top:10px;font-size:13px}.web-tool .chordpro.example{margin-top:40px;max-height:none;font-size:14px;text-align:left}.web-tool .consent{position:fixed;left:12px;right:12px;bottom:12px;z-index:100;max-width:560px;margin:0 auto;padding:16px 18px;border-radius:18px;border:1px solid #ebebeb;background:#fff;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column;gap:12px;font-size:13px;line-height:1.45;color:#444}.web-tool .consent a{color:inherit}.web-tool .consent-actions{display:flex;gap:8px;justify-content:flex-end}.web-tool .faq-accordion{display:flex;flex-direction:column;gap:8px;max-width:920px;margin:40px auto 0;text-align:left}.web-tool .faq-item{background:linear-gradient(to bottom,#fff,#f5f5f5);border-radius:24px;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.web-tool .faq-item.open{background:linear-gradient(to bottom,#fff,#f9f9f9)}.web-tool .faq-btn{width:100%;background:none;border:none;padding:22px 20px;display:flex;align-items:center;gap:12px;font-family:inherit;font-size:18px;font-weight:500;cursor:pointer;text-align:left;color:#000;letter-spacing:-.06em}.web-tool .faq-icon{position:relative;width:16px;height:16px;flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.web-tool .faq-icon:before,.web-tool .faq-icon:after{content:"";position:absolute;background-color:#bbb;border-radius:4px}.web-tool .faq-icon:before{top:50%;left:0;width:100%;height:3px;transform:translateY(-50%)}.web-tool .faq-icon:after{top:0;left:50%;width:3px;height:100%;transform:translate(-50%)}.web-tool .faq-item.open .faq-icon{transform:rotate(45deg)}.web-tool .faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.4,0,.2,1)}.web-tool .faq-item.open .faq-answer{grid-template-rows:1fr}.web-tool .faq-answer-inner{overflow:hidden}.web-tool .faq-text{padding:0 20px 24px 48px;font-size:16px;color:#666;line-height:1.5;font-weight:500;letter-spacing:-.04em}.web-tool .faq-text code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em;color:#333}.web-tool .faq-text .faq-link{color:#06f;text-decoration:none;font-weight:600}.web-tool .faq-footer{margin-top:40px;font-size:16px;color:#999;font-weight:500;letter-spacing:-.02em}.web-tool .faq-footer a{color:#06f;text-decoration:none;font-weight:600}.web-tool .faq-footer a:hover,.web-tool .faq-text .faq-link:hover{text-decoration:underline}.web-tool section.final{padding-bottom:100px}@media (min-width: 641px){.web-tool section.section{padding:100px 32px}.web-tool .section-title{font-size:clamp(28px,5vw,46px);letter-spacing:-2px}.web-tool .section-subtitle{font-size:18px}.web-tool .hero{padding:100px 32px 48px}.web-tool .app-icon-top{width:80px;height:80px;margin-bottom:32px}.web-tool .hero h1.section-title{font-size:clamp(36px,6vw,56px);letter-spacing:-3px}.web-tool .tool-card{padding:36px 40px}.web-tool .box{padding:28px 32px}.web-tool .faq-btn{font-size:22px;padding:28px 32px;gap:16px}.web-tool .faq-icon{width:20px;height:20px}.web-tool .faq-text{padding:0 32px 32px 68px;font-size:18px}}@media (min-width: 961px){.web-tool .steps{grid-template-columns:repeat(3,1fr)}}