:root{--paper:#f5f4ee;--white:#fffefb;--ink:#21382f;--muted:#687168;--line:#dcded3;--green:#365b43;--lime:#d9eaa7;--dark:#1f372e;--orange:#d8894d;--radius:7px;font-family:Inter,"Helvetica Neue",Arial,"Noto Sans",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,summary,select,textarea{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{color:inherit}img,svg{max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #93b958;outline-offset:4px}button:disabled{cursor:default}p{line-height:1.7}::selection{background:#d8e8b7;color:var(--ink)}[hidden]{display:none!important}.shell{width:min(1280px,100%);margin:0 auto;padding:0 40px}.mono,.micro,.eyebrow,.file-tag,.layer-number,.composition-top,.audio-bottom,.code-label,.footer-label{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}.micro{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.eyebrow{font-size:11px;letter-spacing:.1em;font-weight:500;line-height:1.5;text-transform:uppercase;display:flex;align-items:center;gap:9px;margin:0 0 22px}.status-dot,.live-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#638b42;flex-shrink:0}.skip-link{position:fixed;top:-60px;left:20px;z-index:50;background:var(--ink);color:white;padding:12px 20px}.skip-link:focus{top:12px}.site-header{height:88px;border-bottom:1px solid var(--line);position:relative;z-index:20;background:var(--paper)}.header-inner{height:100%;max-width:1440px;padding:0 48px;margin:auto;display:flex;align-items:center;gap:48px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:21px;font-weight:650;white-space:nowrap;letter-spacing:-.8px}.brand-symbol{display:grid;place-items:center;position:relative;width:36px;height:36px;background:var(--ink);color:var(--lime);border-radius:50%;font-family:Georgia,serif;font-size:30px;font-style:italic;font-weight:400;padding-bottom:7px}.brand-symbol span{font-family:Arial,sans-serif;font-size:10px;position:absolute;top:6px;right:6px;font-style:normal}.brand-sub{font-size:10px;letter-spacing:1.7px;font-weight:500;margin-left:7px;color:var(--muted)}.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:13px}.desktop-nav a{padding:12px 0;color:#4c5b50}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--green);text-decoration:underline;text-underline-offset:6px}.header-actions{display:flex;align-items:center;gap:25px}.language-select{position:relative;font-size:12px}.language-select summary{list-style:none;display:flex;align-items:center;gap:8px;padding:12px 0}.language-select summary::-webkit-details-marker,.mobile-menu summary::-webkit-details-marker{display:none}.chevron{margin-left:3px}.language-options{position:absolute;right:0;top:45px;min-width:155px;background:var(--white);border:1px solid var(--line);box-shadow:0 8px 32px #21382f12;padding:6px;border-radius:6px}.language-options a{display:flex;justify-content:space-between;padding:12px;border-radius:3px}.language-options a:hover,.language-options a[aria-current]{background:#eaf0dd}.header-cta{padding:11px 16px;border:1px solid var(--ink);border-radius:4px;font-size:12px;display:flex;gap:15px;align-items:center;white-space:nowrap}.header-cta:hover{background:var(--ink);color:var(--paper)}.mobile-menu{display:none}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:60px;padding-top:76px;padding-bottom:66px;align-items:center}.hero-copy{padding:2px 0}.hero h1{font-size:clamp(52px,5.75vw,83px);letter-spacing:-4.8px;line-height:1.04;font-weight:500;margin:0 0 27px}.hero h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#527143;letter-spacing:-3px}.hero-intro{font-size:16px;color:#5b665e;line-height:1.75;max-width:475px;margin:0 0 30px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 20px;background:var(--ink);color:var(--white);border:1px solid var(--ink);border-radius:4px;font-size:12px;font-weight:500;line-height:1.4;transition:background .15s,transform .15s}.button:hover{background:#385541;border-color:#385541;transform:translateY(-1px)}.button.secondary{background:transparent;color:var(--ink);border-color:#c9cebf}.button.secondary:hover{background:#e9eddc}.button.light{background:var(--lime);border-color:var(--lime);color:var(--ink)}.button.light:hover{background:#e6f4c1}.hero-note{display:flex;align-items:center;gap:9px;margin-top:25px;font-size:10px;color:#6e786c;letter-spacing:.01em}.hero-note>span:first-child{font-size:18px;line-height:1}.composition{position:relative;border:1px solid #d4d9cb;background:#edeee5;border-radius:9px;padding:21px 23px 0;transform:rotate(1deg);box-shadow:11px 14px 0 -1px #e3e7d9;max-width:100%;margin:0 9px 14px 0}.composition-top{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.08em;margin-bottom:20px}.composition-number{margin-left:auto;color:#72816d;font-size:9px}.live-dot{background:#739551}.composition-layer{background:var(--white);border:1px solid #d7dcd0;border-radius:5px;margin-bottom:12px}.brief{display:flex;align-items:start;gap:12px;padding:16px}.layer-number{font-size:10px;line-height:1.4;color:#75816f;flex-shrink:0}.brief .layer-number{margin-top:1px}.brief .micro{font-size:8px;color:#778370;letter-spacing:.09em}.brief p{font-size:12px;margin:5px 0 3px;font-weight:500;line-height:1.5}.lyric-line{font-size:11px;color:#7a7f73;font-family:Georgia,serif;font-style:italic}.layer-glyph{margin-left:auto;font-size:25px;color:#86a15c;line-height:1}.score{padding:15px 16px}.score-heading,.audio-heading{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:500}.file-tag{margin-left:auto;font-size:8px;font-weight:400;color:#7f8a72;background:#eef1e5;padding:3px 5px;border-radius:3px}.piano-roll{margin:16px 0 0}.chords{display:grid;grid-template-columns:repeat(4,1fr);font-family:Georgia,serif;font-size:14px;margin-bottom:8px;color:#6b8350}.roll-grid{position:relative;height:110px;border:1px solid #e8ebdf;background-image:linear-gradient(#e8ebdf 1px,transparent 1px),linear-gradient(90deg,#e8ebdf 1px,transparent 1px);background-size:100% 13.6px,12.5% 100%;overflow:hidden}.roll-grid i{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:7px;background:#719548;border-radius:1px;box-shadow:0 1px 1px #52714311}.roll-grid i:nth-child(3n){background:#a6bc75}.playhead{position:absolute;top:0;left:56%;height:100%;width:1px;background:#b37442;opacity:.6}.score-axis{display:grid;grid-template-columns:repeat(4,1fr);font-family:monospace;font-size:8px;color:#98a28f;margin-top:6px}.audio{padding:15px 16px 12px;background:#253e32;color:#e7f0d8;border-color:#253e32}.audio .layer-number{color:#9dae97}.audio .file-tag{background:#395040;color:#cddabf}.waveform{height:63px;display:flex;align-items:center;justify-content:space-between;gap:2px;margin:14px 0 6px;overflow:hidden}.waveform i{display:block;flex:1;max-width:4px;min-width:1px;background:#c5dd94;border-radius:1px}.waveform i:nth-child(3n){opacity:.55}.audio-bottom{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.09em;color:#b9cbaa}.composition-caption{font-size:9px;color:#74816c;text-align:center;margin:12px 0 14px}.stats-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats-inner{display:flex;align-items:center;min-height:100px;gap:42px}.stats-title{font-family:Georgia,serif;font-size:23px;line-height:1.3;margin:0 auto 0 0}.stats-title span{display:block;font-family:monospace;font-size:8px;letter-spacing:.1em;color:#75806f;margin-top:5px}.stat{padding-left:26px;border-left:1px solid var(--line);min-width:105px}.stat strong{display:block;font-size:21px;font-weight:500;letter-spacing:-.7px}.stat span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.source-badge{margin-left:12px;font-size:11px;color:#536648;display:flex;gap:16px;align-items:center}.section{padding-top:79px;padding-bottom:79px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:32px}.section-heading h2{margin:0;font-size:34px;letter-spacing:-1.2px;line-height:1.2;font-weight:500}.section-heading .eyebrow{margin-bottom:15px;color:#728363}.section-heading>p{max-width:365px;margin:0;font-size:13px;color:var(--muted)}.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.start-card{position:relative;border:1px solid var(--line);padding:25px 25px 22px;background:#f8f8f2;border-radius:var(--radius);min-height:206px;transition:background .15s,border-color .15s}.start-card:hover{background:#edf0e0;border-color:#aebd91}.start-number{font-family:monospace;font-size:10px;color:#829071}.start-card h3{font-size:18px;letter-spacing:-.4px;font-weight:500;margin:24px 0 10px}.start-card p{font-size:12px;color:var(--muted);max-width:260px;margin:0 0 22px}.round-arrow{position:absolute;top:20px;right:21px;border:1px solid #d8decf;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:14px}.listening{background:var(--dark);color:#f0f3e6;margin-top:2px}.listening-inner{display:grid;grid-template-columns:1fr 1.12fr;gap:80px;padding-top:68px;padding-bottom:68px;align-items:center}.listening-copy .eyebrow{color:#b5c494;font-size:10px}.listening h2{font-family:Georgia,"Times New Roman",serif;font-size:46px;font-weight:400;letter-spacing:-1.5px;line-height:1.14;margin:0 0 24px}.listening-copy>p:not(.eyebrow){font-size:13px;color:#bac8b6;max-width:370px;margin-bottom:27px;line-height:1.9}.listening-list{display:flex;flex-direction:column}.listening-card{display:flex;align-items:center;gap:20px;padding:23px 0;border-top:1px solid #48604d}.listening-card:last-child{border-bottom:1px solid #48604d}.listening-card:hover h3{color:var(--lime)}.listening-card .micro{font-size:8px;color:#b7c99e}.listening-card h3{font-size:18px;letter-spacing:-.2px;font-weight:500;margin:6px 0}.listening-card p{font-size:11px;color:#b4c2ac;margin:0}.listening-arrow{margin-left:auto;font-size:20px;color:var(--lime)}.record-art{flex-shrink:0;height:70px;width:70px;display:grid;place-items:center;background:#c3d1a4;position:relative;overflow:hidden;border-radius:3px}.record-art i{display:block;width:65px;height:65px;border-radius:50%;background:repeating-radial-gradient(circle,#315443 0 1px,#1d392d 2px 3px);position:relative;margin-left:17px;box-shadow:0 3px 15px #0b251766}.record-art i:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#dce9b1;left:calc(50% - 10px);top:calc(50% - 10px);border:8px solid #dbdfba}.art-1{background:#bb8862}.art-1 i:after{border-color:#c49271;background:#e9d5b4}.art-2{background:#7d9a89}.art-2 i:after{border-color:#a2bca7;background:#d7e4d8}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.guide-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:transform .16s,border-color .16s}.guide-card:hover{transform:translateY(-3px);border-color:#a2b287}.card-top{display:flex;justify-content:space-between;align-items:center}.card-top svg{width:25px;height:25px;color:#6b8457}.card-top .micro{color:#899180}.guide-card h3{font-size:17px;font-weight:500;margin:26px 0 10px;letter-spacing:-.25px}.guide-card>p{font-size:12px;color:var(--muted);margin:0 0 24px;line-height:1.75}.card-link{display:flex;justify-content:space-between;font-size:10px;font-weight:500;margin-top:auto;padding-top:16px;border-top:1px solid #e8eade;color:#57724a}.card-link>span{font-size:15px}.home-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;border-top:1px solid var(--line);padding-top:59px}.home-faq h2{font-size:31px;line-height:1.3;font-weight:500;letter-spacing:-1px;max-width:330px;margin:0 0 22px}.inline-link{font-size:12px;color:var(--green);text-decoration:underline;text-underline-offset:5px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:20px;list-style:none;font-size:14px;padding:21px 0;line-height:1.5;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px;color:#86936d;font-weight:400;line-height:1.2}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;color:var(--muted);margin:0 30px 22px 0}.site-footer{border-top:1px solid var(--line);padding:53px 48px 23px;background:#ecede4}.footer-main{max-width:1184px;margin:auto;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:70px;padding-bottom:48px}.footer-brand .brand{font-size:17px;letter-spacing:-.3px}.footer-brand .brand-symbol{width:32px;height:32px;font-size:27px}.footer-brand p{font-size:11px;color:#75806f;max-width:310px;margin-top:19px}.footer-label{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#7b8870;margin:0 0 15px}.footer-links{display:grid;gap:12px;font-size:11px}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{max-width:1184px;margin:auto;border-top:1px solid #d7dcce;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;color:#7c8675}.footer-bottom>div{display:flex;align-items:center;gap:22px}.footer-bottom button{padding:0;background:none;border:0;font-size:9px;color:inherit}.footer-dot{padding:0 5px}.consent{position:fixed;bottom:20px;left:20px;z-index:40;width:min(466px,calc(100% - 40px));border:1px solid #ced7c1;border-radius:7px;background:#fffefb;padding:22px;box-shadow:0 8px 50px #18332320}.consent strong{font-size:14px;font-weight:600}.consent p{font-size:11px;line-height:1.65;color:var(--muted);margin:8px 0 16px}.consent p a{text-decoration:underline;text-underline-offset:3px}.consent-actions{display:flex;justify-content:flex-end;gap:10px}.consent .button{min-height:36px;font-size:11px;padding:8px 16px}.small-button{background:transparent;border:1px solid #cfd6c6;padding:8px 13px;border-radius:4px;font-size:11px;line-height:1.5;min-height:36px}.small-button:hover{background:#edf2e1}.text-button{background:transparent;border:0;padding:0;color:var(--green);text-decoration:underline;text-underline-offset:3px;font-size:inherit}.article-main{max-width:1220px}.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:11px;color:#7b8576;padding-top:29px}.breadcrumbs a{color:var(--green)}.article-heading{padding:54px 0 41px;border-bottom:1px solid var(--line);max-width:1060px}.article-heading .eyebrow{color:#798668;margin-bottom:20px}.article-heading h1{max-width:900px;font-size:56px;font-weight:500;letter-spacing:-2px;line-height:1.12;margin:0 0 25px}.article-intro{max-width:800px;color:#697364;font-size:16px;line-height:1.8;margin:0 0 26px}.article-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:10px;color:#88917e}.article-layout{display:grid;grid-template-columns:235px minmax(0,760px);gap:64px;align-items:start;padding-top:46px}.article-toc{position:sticky;top:40px}.article-toc>.micro{color:#87927b;margin:0 0 19px}.article-toc nav{display:grid;gap:3px;border-left:1px solid #d2d9c5}.article-toc nav a{font-size:11px;line-height:1.6;padding:9px 14px;color:#79836f;border-left:2px solid transparent;margin-left:-1px}.article-toc nav a:hover{color:var(--ink);border-left-color:#668747;background:#edf0e2}.toc-source{border-top:1px solid var(--line);margin-top:26px;padding:20px 0;display:flex;align-items:center;gap:10px;color:#70805e;font-size:10px}.toc-source svg{width:18px}.article-section{margin-bottom:45px;scroll-margin-top:35px}.article-section h2{font-size:25px;letter-spacing:-.6px;font-weight:500;line-height:1.3;margin:0 0 20px}.article-section h3{font-size:18px;font-weight:500;margin:28px 0 14px}.article-body{font-size:14px;line-height:1.8;min-width:0}.article-body p{margin:0 0 18px;color:#526250;line-height:1.9}.article-body strong{color:#2e4432;font-weight:600}.article-body a:not(.button){color:#43693c;text-decoration:underline;text-decoration-color:#b6c6a2;text-underline-offset:3px}.article-body a:hover{text-decoration-color:#50743d}.article-body ul,.article-body ol{padding-left:22px;color:#526250}.article-body li{padding-left:5px;margin-bottom:10px}.article-body .button{color:var(--white);font-size:12px}.article-body code{font-family:"SFMono-Regular",Consolas,monospace;background:#e9eddf;color:#456238;padding:2px 5px;font-size:.88em;border-radius:3px;overflow-wrap:anywhere}.code-block{margin:22px 0 24px;border:1px solid #d9dfce;border-radius:5px;background:#ecefe4;overflow:hidden;max-width:100%}.code-label{display:flex;justify-content:space-between;align-items:center;padding:8px 13px;border-bottom:1px solid #d6ddca;color:#8a957c;font-size:8px;letter-spacing:.08em}.code-label button{font-family:inherit;border:0;background:transparent;color:#5e7651;font-size:10px;padding:5px 7px}.article-body pre{overflow:auto;padding:17px;margin:0;line-height:1.75;font-size:11px;tab-size:2}.article-body pre code{padding:0;background:transparent;border-radius:0;overflow-wrap:normal;font-size:inherit;line-height:inherit}.table-wrap{overflow-x:auto;margin:20px 0 25px;border:1px solid var(--line);border-radius:5px}.table-wrap table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;background:#fbfbf5}.table-wrap th,.table-wrap td{padding:15px 16px;vertical-align:top;border-bottom:1px solid #dfe4d5;line-height:1.7;min-width:125px}.table-wrap thead th{font-weight:500;background:#e9eedf;color:#5c734e;font-size:11px}.table-wrap tbody th{font-weight:500;min-width:150px;width:32%;color:#455d3d}.table-wrap td{color:#68775b}.table-wrap tr:last-child td,.table-wrap tr:last-child th{border-bottom:0}.source-section{border-top:1px solid var(--line);padding:25px 0 0;margin-top:45px}.source-section .eyebrow{font-size:10px;color:#798b65;margin:0 0 14px}.source-section ul{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:8px}.source-section li{margin:0;padding:0}.article-body .source-section a{display:block;border:1px solid #d7dfca;font-size:10px;line-height:1.5;padding:7px 10px;border-radius:3px;text-decoration:none;background:#f8f9f1}.source-section>p:last-child{font-size:11px;line-height:1.7;color:#829175}.related{margin-top:35px;border-top:1px solid var(--line)}.related h2{font-size:27px}.flow{display:flex;flex-wrap:wrap;gap:9px;align-items:center;background:#e8eddf;border:1px solid #d4dfc8;border-radius:5px;padding:18px;margin:20px 0 23px}.flow span{font-size:11px;color:#48623c;line-height:1.6}.flow b{color:#94a77f;font-weight:400}.prompt-tool{background:#fcfdf8;border:1px solid #d5dec9;padding:24px;border-radius:7px;margin:24px 0}.prompt-tool .builder-intro{font-size:12px;margin:0 0 22px;color:#79866c}.builder-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.prompt-tool label{display:block;font-size:10px;font-weight:500;color:#5e7450;margin-bottom:14px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.prompt-tool input,.prompt-tool select,.prompt-tool textarea{display:block;width:100%;border:1px solid #cfd9c2;border-radius:3px;margin-top:6px;background:#fffefb;padding:9px 10px;font-size:11px;line-height:1.5;color:#384f2f;min-width:0;max-width:100%}.prompt-tool textarea{resize:vertical}.prompt-tool input:focus,.prompt-tool select:focus,.prompt-tool textarea:focus{border-color:#869e68}.prompt-tool .lyrics-input{line-height:1.8;min-height:180px}.request-panel{background:#edf1e5;border:1px solid #d8e0cd;border-radius:5px;overflow:hidden}.request-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d6dfc9;padding:12px;font-size:10px;color:#6f815c}.request-panel pre{font-size:10px;line-height:1.75;padding:14px;min-height:300px;max-height:510px;white-space:pre-wrap;overflow-wrap:anywhere}.request-panel pre code{overflow-wrap:anywhere}.builder-buttons{padding:14px;border-top:1px solid #d8dfcd}.builder-buttons>.button{display:flex;width:100%;gap:10px;min-height:40px;font-size:11px;padding:10px}.builder-buttons>div{display:flex;gap:7px;margin-top:9px}.builder-buttons .small-button{flex:1;font-size:10px;padding:6px}.prompt-tool .builder-status{font-size:10px;padding:0 14px 12px;margin:0;color:#81916c;line-height:1.65}.prompt-tool .builder-privacy{font-size:10px;margin:12px 0 0;color:#7f8c71;display:flex;align-items:center;gap:7px}.not-found{padding-top:110px;padding-bottom:140px}.not-found h1{font-size:50px;font-weight:500;letter-spacing:-2px}.not-found p{color:var(--muted)}.locale-zh,.locale-ja{font-family:Inter,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans","Microsoft YaHei",sans-serif}.locale-ko{font-family:Inter,"Helvetica Neue",Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;word-break:keep-all}.locale-zh .hero h1,.locale-ja .hero h1,.locale-ko .hero h1{font-size:clamp(42px,4.7vw,67px);line-height:1.3;letter-spacing:-2px}.locale-zh .hero h1 em,.locale-ja .hero h1 em,.locale-ko .hero h1 em{font-style:normal;font-family:inherit;letter-spacing:inherit}.locale-zh .listening h2,.locale-ja .listening h2,.locale-ko .listening h2{font-family:inherit;font-size:36px;line-height:1.5;letter-spacing:-1px}.locale-zh .article-heading h1,.locale-ja .article-heading h1,.locale-ko .article-heading h1{font-size:44px;line-height:1.4;letter-spacing:-1px}.locale-ja .hero-note,.locale-ko .hero-note{font-size:9px}.locale-ja .desktop-nav,.locale-ko .desktop-nav{gap:20px}.locale-ja .header-inner,.locale-ko .header-inner{gap:32px}.locale-zh .section-heading h2,.locale-ja .section-heading h2,.locale-ko .section-heading h2{font-size:28px;line-height:1.4}
@media(min-width:1300px){.page-prompts .article-layout{grid-template-columns:200px minmax(0,1fr);gap:45px}.page-prompts .article-main{max-width:1320px}.page-prompts .article-heading{max-width:100%}.page-prompts .builder-layout{grid-template-columns:1fr 1fr}.page-prompts .prompt-tool{padding:28px}}
@media(max-width:1100px){.header-inner{padding:0 30px;gap:28px}.desktop-nav{gap:20px;font-size:12px}.header-actions{gap:18px}.brand-sub{display:none}.shell{padding-left:30px;padding-right:30px}.hero{gap:35px;padding-top:62px;padding-bottom:58px}.hero h1{font-size:64px;letter-spacing:-3.8px}.hero-intro{font-size:14px}.hero-buttons .button{padding:11px 14px;gap:10px;font-size:11px}.hero-note{font-size:8px;gap:6px}.composition{padding:18px 17px 0}.composition-top{font-size:8px}.brief p{font-size:10px}.lyric-line{font-size:10px}.score-heading,.audio-heading{font-size:10px;gap:8px}.stats-inner{gap:22px}.stat{min-width:90px;padding-left:21px}.source-badge{font-size:10px}.listening-inner{gap:45px}.listening-card{gap:16px}.record-art{height:58px;width:58px}.listening h2{font-size:41px}.section-heading h2{font-size:30px}.section-heading>p{max-width:290px;font-size:12px}.article-layout{grid-template-columns:190px minmax(0,1fr);gap:37px}.article-heading h1{font-size:48px}.article-toc nav a{font-size:10px}.builder-layout{grid-template-columns:1fr}.request-panel pre{min-height:210px;max-height:300px}.footer-main{gap:45px}}
@media(max-width:850px){.desktop-nav{display:none}.header-actions{margin-left:auto}.mobile-menu{display:block}.mobile-menu summary{list-style:none;padding:12px 3px;display:flex;flex-direction:column;gap:5px}.mobile-menu summary span{display:block;width:20px;height:1px;background:var(--ink)}.mobile-menu nav{position:absolute;left:0;right:0;top:87px;background:var(--paper);padding:20px 30px 25px;border-bottom:1px solid var(--line);box-shadow:0 9px 20px #21382f0d;display:grid;grid-template-columns:1fr 1fr;gap:2px}.mobile-menu nav a{padding:11px;font-size:13px}.hero{gap:28px;grid-template-columns:1fr 1fr}.hero h1{font-size:53px;letter-spacing:-3px}.hero .eyebrow{font-size:9px;letter-spacing:.04em}.hero-intro{font-size:13px}.hero-note{flex-wrap:wrap}.hero-buttons{gap:9px}.hero-buttons .button{font-size:10px;min-height:40px;padding:10px 12px}.composition{padding:15px 12px 0}.composition-layer{margin-bottom:9px}.brief,.score,.audio{padding:12px}.brief .micro{font-size:7px}.brief p{font-size:9px}.lyric-line{font-size:9px}.layer-glyph{display:none}.composition-top{gap:5px;font-size:7px;letter-spacing:.05em}.composition-number{font-size:7px}.score-heading,.audio-heading{font-size:9px;gap:7px}.roll-grid{height:89px;background-size:100% 11px,12.5% 100%}.waveform{height:49px;margin-top:8px}.waveform i{transform:scaleY(.78)}.composition-caption{font-size:8px}.source-badge{display:none}.stats-title{font-size:22px}.stats-inner{justify-content:space-between;gap:18px;min-height:88px}.stat{min-width:0;padding-left:18px}.stat span{font-size:9px}.section{padding-top:60px;padding-bottom:60px}.section-heading{gap:25px}.section-heading>p{max-width:260px}.section-heading h2{font-size:28px}.start-grid{gap:12px}.start-card{padding:22px 18px;min-height:207px}.start-card h3{font-size:16px;line-height:1.4}.start-card p{font-size:11px;margin-bottom:0}.listening-inner{gap:30px}.listening h2{font-size:37px}.listening-copy>p:not(.eyebrow){font-size:12px}.listening-card h3{font-size:15px}.listening-card p{font-size:10px}.listening-card{gap:12px}.record-art{width:45px;height:45px}.record-art i{width:45px;height:45px}.record-art i:after{width:16px;height:16px;border-width:6px;top:calc(50% - 8px);left:calc(50% - 8px)}.guide-grid{gap:12px}.guide-card{padding:20px}.guide-card>p{font-size:11px}.guide-card h3{font-size:16px}.home-faq{gap:40px}.home-faq h2{font-size:27px}.site-footer{padding:45px 30px 22px}.footer-main{gap:30px;grid-template-columns:1.2fr 1fr 1fr}.footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}.article-layout{grid-template-columns:1fr;gap:30px;padding-top:24px}.article-toc{position:static}.article-toc>.micro{margin-bottom:10px}.article-toc nav{display:flex;flex-wrap:wrap;border:0;gap:6px}.article-toc nav a{border:1px solid #d8dfcd;border-radius:4px;padding:7px 11px;margin:0;font-size:10px;background:#eef1e5}.toc-source{display:none}.article-heading{padding-top:43px}.article-heading h1{font-size:44px}.article-body{max-width:760px}.builder-layout{grid-template-columns:1fr 1fr}.locale-zh .hero h1,.locale-ja .hero h1,.locale-ko .hero h1{font-size:41px}.locale-zh .section-heading h2,.locale-ja .section-heading h2,.locale-ko .section-heading h2{font-size:25px}.locale-zh .listening h2,.locale-ja .listening h2,.locale-ko .listening h2{font-size:28px}.locale-ja .hero-note,.locale-ko .hero-note{font-size:8px}.locale-zh .article-heading h1,.locale-ja .article-heading h1,.locale-ko .article-heading h1{font-size:36px}}
@media(max-width:640px){html{scroll-padding-top:25px}.site-header{height:72px}.header-inner{padding:0 21px;gap:20px!important}.brand{font-size:20px;gap:9px}.brand-symbol{width:31px;height:31px;font-size:26px}.header-actions{gap:16px}.header-cta{display:none}.language-select{font-size:11px}.mobile-menu nav{top:71px;padding:16px 20px}.shell{padding-left:22px;padding-right:22px}.hero{display:block;padding-top:40px;padding-bottom:43px}.hero .eyebrow{font-size:9px;letter-spacing:.08em;margin-bottom:22px}.hero h1{font-size:57px;line-height:1.03;letter-spacing:-3.8px;margin-bottom:25px;max-width:440px}.hero h1 em{letter-spacing:-2.5px}.hero-intro{font-size:14px;line-height:1.8;max-width:430px}.hero-buttons{gap:10px}.hero-buttons .button{min-height:44px;font-size:11px;padding:12px 15px;gap:12px}.hero-note{font-size:8px;margin-top:20px}.composition{margin:38px 9px 7px 2px;max-width:480px;padding:21px 19px 0;transform:rotate(.6deg)}.composition-top{font-size:9px;gap:7px}.composition-number{font-size:8px}.brief,.score,.audio{padding:15px}.brief p{font-size:11px}.brief .micro{font-size:8px}.lyric-line{font-size:10px}.score-heading,.audio-heading{font-size:11px;gap:10px}.roll-grid{height:93px;background-size:100% 11.5px,12.5% 100%}.waveform{height:50px;margin-top:14px}.composition-caption{font-size:9px}.stats-inner{min-height:92px;gap:14px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}.stats-title{font-size:18px;margin-right:8px}.stats-title span{font-size:6px;max-width:90px;line-height:1.7}.stat{padding-left:14px}.stat strong{font-size:18px}.stat span{font-size:8px;line-height:1.5;max-width:70px}.section{padding-top:49px;padding-bottom:49px}.section-heading{display:block;margin-bottom:26px}.section-heading h2{font-size:28px;letter-spacing:-1px;line-height:1.22}.section-heading>p{margin-top:16px;max-width:400px;font-size:12px}.section-heading .eyebrow{font-size:9px;margin-bottom:15px}.start-grid{grid-template-columns:1fr;gap:12px}.start-card{min-height:0;padding:22px}.start-card h3{font-size:18px;margin-top:17px}.start-card p{font-size:12px;max-width:100%;padding-right:30px}.round-arrow{top:22px}.listening-inner{display:block;padding-top:49px;padding-bottom:44px}.listening h2{font-size:40px;line-height:1.15;margin-bottom:20px}.listening-copy>p:not(.eyebrow){font-size:12px;max-width:400px}.listening-list{margin-top:35px}.listening-card{gap:17px;padding:21px 0}.record-art{width:57px;height:57px}.record-art i{width:57px;height:57px}.record-art i:after{width:18px;height:18px;border-width:7px;top:calc(50% - 9px);left:calc(50% - 9px)}.listening-card h3{font-size:17px}.listening-card p{font-size:10px}.guide-grid{grid-template-columns:1fr}.guide-card{padding:23px;position:relative}.card-top svg{width:23px}.guide-card h3{font-size:19px;margin:20px 0 11px}.guide-card>p{font-size:12px;margin-bottom:20px;max-width:100%}.card-link{font-size:10px;padding-top:14px}.home-faq{display:block;padding-top:39px}.home-faq h2{max-width:100%;font-size:28px}.faq-list{margin-top:28px}.faq-list summary{font-size:13px}.faq-list details p{font-size:12px}.site-footer{padding:37px 22px 24px}.footer-main{grid-template-columns:1fr 1fr;gap:30px 25px;padding-bottom:32px}.footer-brand{grid-column:1/-1}.footer-brand p{max-width:400px;font-size:11px;margin:16px 0 0}.footer-main .footer-label{font-size:10px}.footer-links{font-size:11px;gap:13px}.footer-bottom{font-size:8px;line-height:1.7}.footer-bottom button{font-size:9px}.footer-bottom>div{font-size:9px}.consent{left:12px;bottom:12px;width:calc(100% - 24px);padding:17px}.consent strong{font-size:13px}.consent p{font-size:11px}.consent-actions{gap:8px}.consent .button,.consent .small-button{min-height:40px}.breadcrumbs{padding-top:23px;font-size:10px}.article-heading{padding-top:35px;padding-bottom:28px}.article-heading .eyebrow{font-size:9px;margin-bottom:19px}.article-heading h1{font-size:38px;letter-spacing:-1.8px;line-height:1.14;margin-bottom:21px}.article-intro{font-size:14px;line-height:1.85}.article-meta{font-size:9px;gap:8px}.article-layout{padding-top:22px;gap:30px}.article-toc nav a{font-size:10px;padding:7px 9px}.article-toc nav{gap:7px}.article-section{margin-bottom:35px}.article-section h2{font-size:22px;letter-spacing:-.5px;line-height:1.4;margin-bottom:16px}.article-body{font-size:13px}.article-body p{line-height:1.95}.table-wrap th,.table-wrap td{padding:12px;min-width:115px;font-size:11px}.table-wrap tbody th{min-width:123px}.table-wrap thead th{font-size:10px}.article-body pre{font-size:10px;padding:14px}.source-section ul{display:grid;gap:8px}.article-body .source-section a{padding:9px;font-size:10px}.source-section>p:last-child{font-size:10px}.related{margin-top:25px}.related .section-heading{display:flex;align-items:center;gap:15px}.related .section-heading h2{font-size:24px}.related .inline-link{font-size:10px;white-space:nowrap}.prompt-tool{padding:17px;margin:20px 0}.builder-layout{grid-template-columns:1fr;gap:17px}.prompt-tool label{font-size:11px}.prompt-tool input,.prompt-tool select,.prompt-tool textarea{font-size:16px;line-height:1.6;padding:9px}.prompt-tool select{font-size:13px;min-height:44px}.prompt-tool .lyrics-input{font-size:14px}.request-panel pre{min-height:0;font-size:11px;max-height:330px;padding:14px}.builder-buttons>.button{min-height:44px;font-size:12px}.builder-buttons .small-button{min-height:40px;font-size:11px}.prompt-tool .builder-privacy{font-size:10px;line-height:1.7}.flow{padding:14px;gap:7px}.flow span{font-size:10px}.not-found{padding-top:75px;padding-bottom:95px}.not-found h1{font-size:37px}.locale-zh .hero h1,.locale-ja .hero h1,.locale-ko .hero h1{font-size:46px;letter-spacing:-2px;line-height:1.3}.locale-zh .hero-intro,.locale-ja .hero-intro,.locale-ko .hero-intro{font-size:14px}.locale-zh .article-heading h1,.locale-ja .article-heading h1,.locale-ko .article-heading h1{font-size:31px;line-height:1.45;letter-spacing:-.7px}.locale-zh .section-heading h2,.locale-ja .section-heading h2,.locale-ko .section-heading h2{font-size:25px}.locale-zh .listening h2,.locale-ja .listening h2,.locale-ko .listening h2{font-size:32px}.locale-ja .hero-buttons .button,.locale-ko .hero-buttons .button{font-size:10px;padding:11px 13px}.locale-ja .article-section h2,.locale-ko .article-section h2{font-size:21px}}
@media(max-width:370px){.hero h1{font-size:49px}.header-inner{padding:0 17px}.shell{padding-left:18px;padding-right:18px}.hero-buttons{flex-direction:column;align-items:flex-start}.stats-inner{gap:9px}.stat{padding-left:10px}.stats-title{margin-right:0;font-size:16px}.stat span{font-size:7px}.stat strong{font-size:17px}.hero .eyebrow{font-size:8px}.locale-zh .hero h1,.locale-ja .hero h1,.locale-ko .hero h1{font-size:41px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}