/* Marketplace work surfaces. Engraved notation and global navigation are untouched. */
.marketplace-app-page{margin:0;min-width:280px;font-size:16px;line-height:1.55}
.marketplace-app-page *{box-sizing:border-box}
.mp-main{max-width:1184px;margin:auto;padding:36px 28px 64px}
.mp-loading{margin:64px 0;color:var(--brand-muted)}
.mp-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}
.mp-heading h1{font-size:34px;line-height:1.18;letter-spacing:-.035em;margin:0 0 10px}
.mp-heading p{font-size:16px;max-width:660px;color:var(--brand-muted);margin:0}
.mp-subnav{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--brand-line);padding-bottom:12px;margin-bottom:26px;flex-wrap:wrap}
.mp-subnav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 15px;border-radius:12px;text-decoration:none;font-size:15px}
.mp-subnav a[aria-current=page]{background:var(--brand-tint);font-weight:700}
.mp-subnav a:hover{background:#f6e9df}
.mp-main p,.mp-main dd,.mp-main li,.mp-main a{overflow-wrap:anywhere}
.mp-main button,.mp-main .button{min-height:44px;line-height:1.35;padding:10px 17px;border:1px solid #aa9487;border-radius:12px;font-size:15px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600}
.mp-main button.primary,.mp-main .button.primary{background:var(--brand-ink);color:var(--brand-paper);border-color:var(--brand-ink)}
.mp-main button:disabled{opacity:.55;cursor:default}
.mp-main button.secondary{background:transparent;border-color:var(--brand-line)}
.mp-main .mp-link{padding:0;border:0;min-height:44px;background:transparent;text-decoration:underline;font-weight:600}
.mp-message{border:1px solid var(--brand-line);background:#f7e9df;border-radius:14px;padding:15px 18px;margin:0 0 20px;font-size:15px}
.mp-message p{margin:0 0 9px}
.mp-message p:last-child{margin-bottom:0}
.mp-message.error{border-color:#b96f58;color:#753426;background:#fff0e9}
.mp-message.success{background:#eff1e8;border-color:#c4ccae;color:#3e4c2e}
.mp-message .mp-actions{margin-top:10px}
.mp-toolbar{display:flex;align-items:flex-end;gap:14px;margin:0 0 24px;flex-wrap:wrap}
.mp-toolbar .mp-field:first-child{flex:1;min-width:180px}
.mp-field{display:grid;gap:7px;margin:0 0 17px;min-width:0}
.mp-field label,.mp-field>.mp-label{font-size:14px;font-weight:700;line-height:1.45}
.mp-field input:not([type=checkbox]):not([type=radio]),.mp-field select,.mp-field textarea{width:100%;font-size:16px;line-height:1.4;min-height:44px;border:1px solid #a28b7f;border-radius:10px;padding:10px 12px;background:var(--brand-surface);color:var(--brand-ink)}
.mp-field textarea{min-height:104px;resize:vertical}
.mp-field input[readonly]{background:#f4eee8!important;color:#65564e;cursor:default}
.mp-field small,.mp-help{font-size:14px;line-height:1.5;color:var(--brand-muted)}
.mp-toolbar .mp-field{margin-bottom:0}
.mp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mp-card,.mp-panel{background:var(--brand-surface);border:1px solid var(--brand-line);border-radius:18px;padding:23px;min-width:0}
.mp-card h2,.mp-panel h2{font-size:21px;line-height:1.3;margin:0 0 12px;letter-spacing:-.018em;overflow-wrap:anywhere}
.mp-card h3,.mp-panel h3{font-size:17px;line-height:1.35;margin:0 0 10px}
.mp-card p,.mp-panel p{margin:9px 0}
.mp-card a:not(.button){text-decoration:none}
.mp-card a:not(.button):hover{text-decoration:underline}
.mp-card .mp-composer{font-size:14px;color:var(--brand-muted);margin-top:0}
.mp-card .mp-price{font-weight:700;font-size:18px;margin-bottom:15px}
.mp-card .mp-description{color:var(--brand-muted);font-size:14px;overflow-wrap:anywhere}
.mp-card .mp-actions{margin-top:18px}
.mp-card .mp-actions .button,.mp-card .mp-actions button{width:100%}
.mp-labels{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}
.mp-badge{display:inline-flex;align-items:center;font-size:13px;line-height:1.35;min-height:26px;border-radius:6px;padding:4px 8px;background:#f5e6da;color:#5e493d;font-weight:600}
.mp-badge.status{background:#efede8;color:#5b544a}
.mp-empty{border:1px dashed #b69c8b;padding:36px 26px;text-align:center;border-radius:18px;background:#fffbf7}
.mp-empty h2{font-size:22px;margin:0 0 10px}
.mp-empty p{color:var(--brand-muted);max-width:560px;margin:0 auto 20px}
.mp-empty p:last-child{margin-bottom:0}
.mp-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mp-split{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:24px;align-items:start}
.mp-sticky{position:sticky;top:20px}
.mp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.mp-full{grid-column:1/-1}
.mp-fieldset{border:0;padding:0;margin:0 0 16px;min-width:0}
.mp-fieldset legend{font-size:14px;font-weight:700;margin-bottom:10px}
.mp-check{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:9px 0;font-size:15px;line-height:1.5}
.mp-check input{width:18px;height:18px;min-width:18px;margin:2px 0 0;accent-color:var(--brand-ink)}
.mp-check small{display:block;font-size:14px;color:var(--brand-muted);margin-top:3px}
.mp-format-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.mp-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;margin:0 0 24px;list-style:none}
.mp-stepper button{width:100%;justify-content:flex-start;text-align:left;border:1px solid var(--brand-line);border-radius:11px;background:transparent;font-size:14px;padding:11px 13px}
.mp-stepper button[aria-current=step]{background:var(--brand-tint);border-color:#8b6b58;font-weight:700}
.mp-stepper .mp-step-number{border:1px solid currentColor;border-radius:50%;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:12px}
.mp-editor-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}
.mp-editor-top h2{font-size:22px;margin:0 0 7px;overflow-wrap:anywhere}
.mp-version{font-size:14px;color:var(--brand-muted);margin:0}
.mp-savebar{border-top:1px solid var(--brand-line);padding-top:20px;margin-top:10px;display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap}
.mp-savebar p{font-size:14px;color:var(--brand-muted);margin:0}
.mp-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px 20px;font-size:14px;margin:14px 0 20px}
.mp-summary dt{color:var(--brand-muted)}
.mp-summary dd{margin:0;overflow-wrap:anywhere}
.mp-review-notes{padding:0 0 0 20px;font-size:14px;color:var(--brand-muted)}
.mp-review-notes li{margin:8px 0}
.mp-preview{margin:16px 0;border:1px solid var(--brand-line);border-radius:12px;overflow:hidden;background:#fff}
.mp-preview img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain}
.mp-no-preview{padding:24px 18px;background:#f9f2eb;border-radius:12px;font-size:14px;color:var(--brand-muted)}
.mp-muted{color:var(--brand-muted)}
.mp-notice-title{font-size:14px;font-weight:700}
.mp-footer{max-width:1184px;padding:20px 28px 34px;margin:auto;display:flex;flex-wrap:wrap;gap:14px 24px;border-top:1px solid var(--brand-line);font-size:14px;color:var(--brand-muted)}
.mp-footer a{color:inherit}
.mp-count{font-size:14px;color:var(--brand-muted);margin:-8px 0 18px}
.mp-details{margin-top:20px;border-top:1px solid var(--brand-line);padding-top:14px;font-size:14px}
.mp-details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:700}
.mp-detail-list{padding-left:18px;color:var(--brand-muted)}
.mp-detail-list li{margin-bottom:7px}
.mp-commerce-stack,.mp-order-list{display:grid;gap:22px}
.mp-order-row{display:flex;justify-content:space-between;align-items:center;gap:22px}
.mp-order-row h2{margin-top:12px}
.mp-order-row>.mp-actions,.mp-order-row>div:last-child{text-align:right;flex:none}
.mp-amounts{margin:16px 0 22px;display:grid;gap:0}
.mp-amount{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--brand-line)}
.mp-amount dt{font-size:14px;color:var(--brand-muted)}
.mp-amount dd{font-size:16px;font-weight:700;margin:0;white-space:nowrap}
.mp-earnings-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}
.mp-earnings-top .mp-amount{display:block;background:var(--brand-tint);padding:18px;border:0;border-radius:13px}
.mp-earnings-top dd{font-size:25px;margin-top:7px;letter-spacing:-.025em}
.mp-order-files{border-top:1px solid var(--brand-line);padding-top:20px}
.mp-sales-list{margin-top:20px}
.mp-sales-list article{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,1fr);gap:22px;padding:18px 0;border-top:1px solid var(--brand-line)}
.mp-sales-list h3{font-size:16px;overflow-wrap:anywhere}
.mp-sales-list .mp-summary{margin:0}
.mp-pricing{margin-top:22px}
.mp-pricing .mp-editor-top{align-items:center;margin-bottom:12px}
.mp-pricing .mp-editor-top h3{margin:0}
.mp-pricing-value strong{font-size:24px;letter-spacing:-.025em;margin-left:8px}
.mp-price-sources{list-style:none;padding:0;margin:0}
.mp-price-sources li{padding:12px 0;border-top:1px solid var(--brand-line);overflow-wrap:anywhere}
.mp-price-sources a{font-weight:700}
.mp-price-sources p{margin:5px 0}
#mp-checkout{border-top:1px solid var(--brand-line);padding-top:18px}
#mp-checkout>button{width:100%}
.mp-player-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;background:var(--brand-tint);border-radius:12px;padding:16px}
.mp-player-controls audio{flex:1;min-width:220px;max-width:100%}
.mp-player-controls .mp-field{margin:0;min-width:110px}
.mp-player-pagenav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:18px}
.mp-player-pagenav span{font-size:14px;color:var(--brand-muted);white-space:nowrap}
.mp-player-sheet img{max-height:none}
.mp-legal{max-width:900px}
.mp-legal .mp-panel{margin-bottom:18px}
.mp-legal h2{font-size:21px}
.mp-legal [data-market-language=en]{display:none}
html[lang=en] .mp-legal [data-market-language=zh-Hant]{display:none}
html[lang=en] .mp-legal [data-market-language=en]{display:block}
.mp-legal .mp-footer{padding-inline:0;margin-top:32px}
.mp-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:960px){.mp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-split{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr);gap:18px}}
@media(max-width:700px){.mp-main{padding:26px 18px 44px}.mp-heading{display:block}.mp-heading h1{font-size:29px}.mp-heading>.mp-actions{margin-top:18px}.mp-split{grid-template-columns:1fr}.mp-sticky{position:static}.mp-form-grid{grid-template-columns:1fr}.mp-grid{grid-template-columns:1fr}.mp-card,.mp-panel{padding:21px 18px}.mp-subnav{gap:0;flex-wrap:nowrap;overflow-x:auto}.mp-subnav a{padding:10px 12px;white-space:nowrap}.mp-stepper{gap:6px}.mp-stepper button{display:grid;gap:7px;font-size:13px;padding:10px}.mp-editor-top{display:block}.mp-editor-top>.mp-badge{margin-top:10px}.mp-summary{gap:8px 14px}.mp-savebar{align-items:stretch}.mp-savebar>.mp-actions{width:100%}.mp-savebar>.mp-actions button{flex:1}.mp-toolbar{gap:10px}.mp-toolbar>.mp-field:first-child{flex-basis:100%}.mp-toolbar>.mp-field:nth-child(2){flex:1}.mp-empty{padding:30px 20px}.mp-footer{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.marketplace-app-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:700px){
  .mp-player-controls{padding:13px}.mp-player-controls audio{flex-basis:100%;min-width:0;width:100%}.mp-player-pagenav{gap:6px}.mp-player-pagenav button{padding-inline:10px;font-size:14px}.mp-player-controls .mp-field{flex:1}
  .mp-order-row{align-items:flex-start;display:block}.mp-order-row>div:last-child{text-align:left;margin-top:16px}.mp-earnings-top{grid-template-columns:1fr;gap:10px}.mp-earnings-top .mp-amount{display:flex;align-items:center;padding:15px}.mp-earnings-top dd{font-size:22px;margin:0}.mp-sales-list article{grid-template-columns:1fr;gap:8px}.mp-pricing .mp-editor-top{display:block}.mp-pricing .mp-editor-top h3{margin-bottom:12px}.mp-amount{gap:14px}.mp-subnav{max-width:100%}
  .mp-savebar>.mp-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .mp-savebar>.mp-actions .primary{grid-column:1/-1;grid-row:1}
  .mp-savebar>.mp-actions button{width:100%;white-space:nowrap;padding-inline:10px}
  .mp-savebar>.mp-actions button:only-of-type{grid-column:1/-1}
  .mp-savebar>.mp-actions>button:last-child:nth-child(2){grid-column:1/-1}
}
