.machine-page{--paper:#f2f0e8;--orange:#ff542e;--line:#ffffff15;background:#171715;color:var(--paper);min-height:100svh;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}.machine-page *{box-sizing:border-box}.machine-page a,.machine-page button,.machine-page input{-webkit-tap-highlight-color:transparent}.machine-page button{cursor:pointer;font:inherit}.machine-page button:disabled{cursor:default;opacity:.45}.machine-page a{color:inherit;text-decoration:none}.machine-page :focus-visible{outline:2px solid var(--orange);outline-offset:5px}.machine-shell{max-width:1360px;margin:0 auto;padding:0 64px}.machine-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:21px;font-weight:750;letter-spacing:-.8px}.wordmark span{color:var(--orange)}.format-label{font:10px monospace;letter-spacing:2px;color:#a3a397}.machine-hero{position:relative;min-height:660px;height:calc(100svh - 174px);max-height:850px;display:flex;align-items:center}.hero-copy{position:relative;z-index:3;width:30%;padding:0 0 48px;pointer-events:none}.hero-copy>*{pointer-events:auto}.hero-copy h1{font-size:74px;font-weight:500;line-height:1.06;letter-spacing:-4px;margin:0 0 36px}.format-arrow{font-size:.79em;font-weight:400}.format-arrow,.title-dot{color:var(--orange)}.start-machine{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 20px;min-height:52px;background:var(--orange);border:0;border-radius:4px;color:#171715;font-size:14px!important;font-weight:600!important;transition:background .18s,transform .18s}.start-machine:hover:not(:disabled){background:#ff714e;transform:translateY(-1px)}.start-machine>svg:last-child{margin-left:16px}.upload-hint{font-size:11px;color:#a2a295;margin:14px 0 0;line-height:1.8}.operation-status{margin-top:27px;max-width:230px;font-size:12px;min-height:40px;color:#bcbcaf}.progress-caption{display:flex;align-items:center;justify-content:space-between;min-height:30px}.clear-files,.machine-message button,.progress-caption button{background:none;border:0;color:#aaa99c;min-height:36px;min-width:36px}.conversion-progress{height:2px;background:#ffffff15;overflow:hidden}.conversion-progress>span{display:block;background:var(--orange);height:100%;transition:width .2s}.done-label{display:flex;align-items:center;gap:8px}.done-label>span{width:5px;height:5px;background:var(--orange);border-radius:50%}.clear-files{margin-left:auto;font-size:11px!important}.clear-files:hover{color:var(--paper)}.hero-machine{position:absolute;left:28%;right:-25px;top:0;bottom:12px}.machine-canvas{position:absolute;inset:0}.machine-canvas canvas{display:block;width:100%;height:100%}.machine-loading{position:absolute;inset:25%;border-radius:50%;background:#ffffff02}.machine-fallback{position:absolute;inset:20% 10% auto;text-align:center;font-size:12px;color:#a2a295}.machine-fallback p{margin:8px}.machine-footer{display:flex;justify-content:space-between;align-items:center;min-height:74px;border-top:1px solid var(--line);font-size:10px;color:#909084}.machine-footer>:last-child{font:9px monospace;letter-spacing:1px}.result-dock{position:absolute;left:50%;transform:translateX(-50%);width:min(480px,86%);bottom:30px;z-index:4}.dock-heading{justify-content:space-between;gap:12px;opacity:0;margin-bottom:10px}.dock-heading,.select-all{display:flex;align-items:center}.select-all{gap:9px;min-height:44px;font-size:11px;color:#b5b5a8;cursor:pointer}.select-all>span{font:10px monospace;color:#87877c;margin-left:5px}.machine-page input[type=checkbox]{width:15px;height:15px;accent-color:var(--orange);cursor:pointer}.batch-download{min-height:42px;padding:0 14px;display:flex;align-items:center;gap:8px;font-size:11px!important;background:var(--orange);border:0;border-radius:3px;color:#171715}.batch-download:hover:not(:disabled){background:#ff714e}.track-list{max-height:236px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#55554c transparent}.track-row{display:flex;align-items:center;height:59px;gap:12px;position:relative}.track-row:after{content:"";position:absolute;left:42px;right:0;bottom:0;height:1px;background:var(--line);transform:scaleX(var(--row-reveal,0));transform-origin:left center}.track-art{width:44px;height:45px;position:relative;flex:none}.track-ticket{position:absolute;width:30px;height:45px;left:7px;top:0;opacity:0}.track-ticket img{display:block;width:100%;height:100%;opacity:calc(1 - var(--cover-reveal,0))}.track-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:3px;overflow:hidden;background:#272723;box-shadow:0 2px 6px #0004;color:#77776b;opacity:var(--cover-reveal,0);transform:scale(calc(.92 + var(--cover-reveal,0)*.08))}.track-cover img{width:100%;height:100%;object-fit:cover}.track-size{color:#7f7f73}.track-reveal{gap:8px;flex:1 1;min-width:0;opacity:0;will-change:clip-path,transform}.select-track,.track-reveal{display:flex;align-items:center}.select-track{justify-content:center;min-width:28px;min-height:44px}.track-name{flex:1 1;min-width:0}.track-name h2{font-size:13px;font-weight:500;letter-spacing:-.15px;margin:0 0 5px}.track-name h2,.track-name p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-name p{font-size:9px;color:#aaa99b;margin:0}.track-download,.track-play{display:flex;align-items:center;justify-content:center;min-width:44px;width:44px;height:44px;border:0;background:none;color:#c2c0b2;border-radius:50%;transition:color .2s,background .2s}.track-download:hover,.track-play:hover{background:#ffffff08;color:var(--orange)}.flight-ticket{position:fixed;top:0;left:0;width:96px;height:144px;max-width:none;z-index:10;pointer-events:none;visibility:hidden;transform-origin:0 0;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.file-errors{font-size:11px;color:#ff9b80;max-height:156px;overflow:auto;max-width:270px}.file-errors p{line-height:1.6;margin:12px 0}.file-errors p>span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#d1c3b9}.machine-message{font-size:11px;line-height:1.6;color:#c6c1ac;max-width:260px}.drop-overlay,.machine-message{display:flex;align-items:center}.drop-overlay{position:absolute;inset:10px 0;background:#171715e8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border:1px dashed var(--orange);border-radius:8px;z-index:20;flex-direction:column;justify-content:center;gap:22px;color:var(--orange);pointer-events:none;font-size:17px}.hero-machine:has(.machine-fallback) .result-dock[aria-hidden=false] .track-art,.hero-machine:has(.machine-fallback) .result-dock[aria-hidden=false] .track-reveal,.hero-machine:has(.machine-fallback) .result-dock[aria-hidden=false] [data-dock-heading]{opacity:1!important;-webkit-clip-path:none!important;clip-path:none!important}.hero-machine:has(.machine-fallback) .result-dock[aria-hidden=false] .track-row{--row-reveal:1!important;--cover-reveal:1!important}@media(min-width:1600px){.hero-copy h1{font-size:84px}}@media(max-width:1000px){.machine-shell{padding:0 32px}.hero-copy h1{font-size:60px}.hero-machine{left:27%;right:-25px}.result-dock{width:92%}.track-row{gap:8px}.track-reveal{gap:3px}}@media(max-width:700px){.machine-shell{padding:0 24px}.machine-header{height:72px}.wordmark{font-size:18px}.format-label{font-size:8px;letter-spacing:1.3px}.machine-hero{display:block;height:auto;min-height:770px;max-height:none}.hero-copy{width:100%;padding:30px 0 0;display:grid;grid-template-columns:1fr auto;align-items:center;grid-column-gap:12px;column-gap:12px}.hero-copy h1{font-size:38px;line-height:1.04;letter-spacing:-1.8px;margin:0;grid-row:1/3}.start-machine{min-height:46px;padding:0 13px;font-size:12px!important;gap:8px}.start-machine>svg:last-child{display:none}.upload-hint{grid-column:2;font-size:9px;margin:8px 0 0;text-align:right}.operation-status{grid-column:1/3;max-width:none;margin-top:15px;min-height:40px}.file-errors,.machine-message{grid-column:1/3;max-width:none;font-size:10px}.file-errors{max-height:110px}.hero-machine{top:190px;bottom:10px;left:-24px;right:-24px}.result-dock{left:24px;right:24px;transform:none;width:auto;bottom:18px}.track-row{gap:8px}.track-reveal{gap:3px}.track-name h2{font-size:12px}.track-name p{font-size:8px}.track-download,.track-play{min-width:40px;width:40px;height:44px}.machine-footer{min-height:66px;font-size:9px}.machine-footer>:last-child{font-size:8px}.hero-copy:has(.file-errors)~.hero-machine{top:300px}.machine-hero:has(.file-errors){min-height:880px}}@media(prefers-reduced-motion:reduce){.machine-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.result-dock{top:calc(50% + 16px);bottom:auto}@media(max-width:700px){.result-dock{top:calc(50% + 8px);bottom:auto}.machine-hero{min-height:640px}.hero-machine{top:120px;bottom:10px}.track-list{max-height:177px}}@media(max-width:700px){.hero-copy:has(.file-errors)~.hero-machine{top:230px}.machine-hero:has(.file-errors){min-height:750px}}