/* Secondary pages share the homepage's neutral, frosted surface language. */
:root{color-scheme:dark;--ink:#efefef;--muted:#999;--line:#ffffff23;--paper:#080808;--soft:#151515;--font:Urbanist,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;--sans:var(--font);--frost:linear-gradient(135deg,#ffffff10,#ffffff04 58%,#ffffff08);--frost-line:#ffffff29;--frost-shadow:inset 0 1px #ffffff12,0 18px 55px #0004}
html{background:var(--paper);scroll-padding-top:104px}
body.wemeld-page{background:var(--paper);color:var(--ink);font-family:var(--font);min-height:100vh}
.wemeld-page ::selection{background:#ddd;color:#080808}
.wemeld-page :is(button,a,input,select,textarea):focus-visible{outline:2px solid #eee;outline-offset:4px}
.wemeld-page button{transition:background .18s,border-color .18s,color .18s}
.wemeld-page button:disabled{opacity:.4;cursor:default}
.wemeld-page :is(input,select,textarea){color:#e7e7e7;background:#101010;border-color:var(--line);border-radius:8px}
.wemeld-page :is(input,textarea)::placeholder{color:#777}
.wemeld-page option{background:#151515;color:#ddd}
.wemeld-page .primary-button{color:#101010;background:#ececec;border:1px solid #ececec;border-radius:9px;box-shadow:none;font-weight:500;min-height:40px}
.wemeld-page .primary-button:hover:not(:disabled){background:#fff;border-color:#fff}
.wemeld-page .secondary-button{color:#ddd;background:var(--frost);border:1px solid var(--line);border-radius:9px;box-shadow:inset 0 1px #ffffff08;min-height:38px}
.wemeld-page .secondary-button:hover:not(:disabled){background:#ffffff14;border-color:#ffffff55;color:#fff}
.wemeld-page .icon-button{color:#aaa;border-radius:8px}
.wemeld-page .icon-button:hover:not(:disabled){color:#fff;background:#ffffff0d;border-color:#ffffff30}
.wemeld-page :is(.text-link,.text-button,.cover-reset){color:#aaa}
.wemeld-page :is(.text-link,.text-button,.cover-reset):hover:not(:disabled){color:#fff}
.wemeld-page :is(.hub-header,.account-header,.billing-header){position:sticky;top:0;z-index:50;height:76px;min-height:76px;padding:0 clamp(24px,4vw,70px);gap:40px;background:#080808d4;border-bottom:1px solid #ffffff0f;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.wemeld-page .brand{display:inline-flex;align-items:center;gap:12px;flex:none;color:#efefef}
.wemeld-page .brand strong{font-size:21px;font-weight:550;letter-spacing:.3px;line-height:1.2}
.wemeld-page .brand-symbol{display:block;width:30px;height:34px;flex:none}
.wemeld-page .brand-symbol svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:miter}
.wemeld-page :is(.account-header,.billing-header) nav{height:100%;min-height:0;margin-left:auto;gap:28px}
.wemeld-page :is(.account-header,.billing-header) nav a{font-size:12px;color:#999;font-weight:400}
.wemeld-page :is(.account-header,.billing-header) nav a.current{color:#eee}
.wemeld-page :is(.account-header,.billing-header) nav a.current:after{height:1px;background:#eee}
.wemeld-page :is(.account-header,.billing-header) nav a:hover{color:#fff}
.wemeld-account .account-header nav a:last-child{display:flex}
.wemeld-page :is(.page-heading h1,.hub-intro h1){font-size:34px;line-height:1.35;font-weight:450;letter-spacing:-.7px}
.wemeld-page :is(.eyebrow,.hub-eyebrow,.section-index){font-size:10px;color:#999;letter-spacing:1px}
.wemeld-page :is(.heading-description,.hub-intro p,.section-heading p){color:#999;line-height:1.8}
.wemeld-page :is(.section-heading h2,.profile-copy h2,.plan-card h3){color:#e7e7e7;font-weight:450}
.wemeld-page :is(.hub-footer,.account-footer,.billing-footer){color:#777;border-color:#ffffff16;font-size:10px;letter-spacing:0}
.wemeld-page :is(.page-notice,.hub-notice,.empty-message,.hub-empty){background:#ffffff04;color:#aaa;border-color:#ffffff24;border-radius:12px}
.wemeld-page :is(.form-error,.dialog-error,.hub-notice.is-error){color:#efb6b6}
.wemeld-page :is(.hub-toast,.account-toast,.billing-toast){background:#202020f5;color:#eee;border:1px solid #ffffff30;border-radius:10px;box-shadow:0 12px 35px #0007;backdrop-filter:blur(20px)}
.wemeld-page :is(.project-dialog,.account-dialog,.checkout-dialog){background:linear-gradient(135deg,#222222f5,#111111f7);color:#eee;border:1px solid #ffffff30;border-radius:20px;box-shadow:inset 0 1px #ffffff10,0 24px 90px #0008;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}
.wemeld-page :is(.project-dialog,.account-dialog,.checkout-dialog)::backdrop{background:#0009;backdrop-filter:blur(7px)}
.wemeld-page :is(.project-dialog,.account-dialog,.checkout-dialog) :is(input:not([type=file]),textarea){background:#0f0f0fb0;color:#eee;border-color:#ffffff27;border-radius:8px}
.wemeld-page :is(.dialog-description,.project-dialog p,.form-hint,.optional,.dialog-label,.account-dialog form>label,.checkout-terms,.checkout-order-number,.checkout-details dt,.checkout-disclosure,.avatar-picker>span,#cover-file-name){color:#999}
.wemeld-page :is(.dialog-head h2,.checkout-product h3){font-weight:450;letter-spacing:0}
.wemeld-page :is(.cover-actions,.avatar-actions,.checkout-disclosure){border-color:#ffffff1c}
.wemeld-page :is(.cover-preview,.avatar-preview){background:#161616;color:#bbb;border-color:#ffffff24;border-radius:12px}
.wemeld-page .avatar-preview{border-radius:50%}
.wemeld-page .project-dialog .cover-hint{color:#888}
.wemeld-page :is(.project-dialog .dialog-error,.account-dialog .form-error,.checkout-dialog .form-error){color:#efb6b6}

/* Project library: one quiet header and content-focused cards. */
.hub-skip{position:fixed;top:-60px;left:24px;z-index:120;padding:10px 16px;background:#eee;color:#111;border-radius:8px}
.hub-skip:focus{top:10px}
.wemeld-projects .hub-header{justify-content:space-between}
.hub-header-actions{display:flex;align-items:center;gap:24px}
.hub-billing{display:flex;align-items:center;gap:8px;font-size:12px;color:#999}
.hub-billing:hover{color:#fff}.hub-billing svg{width:13px;height:13px}
.wemeld-projects .profile-entry{background:transparent;border:0;box-shadow:none;color:#aaa;padding:0;gap:9px}
.wemeld-projects .profile-entry:hover{background:transparent;color:#fff}
.wemeld-projects .profile-entry-avatar{background:#1b1b1b;color:#bbb;border:1px solid #ffffff25}
.wemeld-projects .profile-entry-label{font-size:11px}
.wemeld-projects .hub-main{max-width:1440px;padding:54px clamp(24px,4vw,64px) 28px;min-height:calc(100vh - 76px)}
.wemeld-projects .hub-intro{margin-bottom:38px}
.wemeld-projects .hub-eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:13px}
.eyebrow-dot{height:4px;width:4px;border-radius:50%;background:#aaa}
.wemeld-projects .hub-total{background:#ffffff06;border-color:#ffffff22;color:#999;border-radius:7px;font-size:11px;height:25px}
.hub-collection-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #ffffff1b;margin-bottom:23px}
.hub-filters{display:flex;align-self:stretch;gap:28px}
.hub-filters button{position:relative;display:flex;align-items:center;gap:8px;padding:0 0 17px;color:#888;font-size:12px}
.hub-filters button:hover{color:#ddd}.hub-filters button.active{color:#eee}
.hub-filters button.active:after{content:'';position:absolute;inset:auto 0 -1px;height:1px;background:#eee}
.hub-filters button>span{min-width:19px;padding:1px 6px;font-size:10px;text-align:center;border-radius:5px;background:#ffffff06;color:#888}
.hub-filters button.active>span{background:#ffffff10;color:#bbb}
.hub-view-switch{display:flex;align-items:center;gap:2px;border:1px solid #ffffff1d;border-radius:9px;padding:3px;background:#ffffff03;margin-top:-14px}
.hub-view-switch button{display:grid;place-items:center;width:32px;height:29px;color:#777;border-radius:5px;border:1px solid transparent}
.hub-view-switch button[aria-pressed=true]{color:#eee;border-color:#ffffff18;background:#ffffff0d}
.hub-view-switch svg{width:15px;height:15px}
.wemeld-projects .hub-toolbar{border-color:#ffffff16}
.wemeld-projects .hub-search{background:#ffffff03;border-color:#ffffff1e;color:#888;border-radius:9px}
.wemeld-projects .hub-search:focus-within{border-color:#ffffff60;background:#ffffff06}
.wemeld-projects .hub-search input{background:transparent;color:#ddd}
.wemeld-projects #project-sort{background:#101010;border-color:#ffffff22;color:#aaa;border-radius:8px}
.wemeld-projects .hub-result-line{color:#777;font-size:11px}
.wemeld-projects .hub-result-line strong{color:#bbb}
.wemeld-projects .project-grid{gap:24px}
.wemeld-projects .project-card{background:var(--frost);border-color:var(--frost-line);border-radius:18px;box-shadow:var(--frost-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:border-color .18s,background .18s}
.wemeld-projects .project-card:hover,.wemeld-projects .project-card:focus-within{border-color:#ffffff55;background:linear-gradient(135deg,#ffffff14,#ffffff06)}
.wemeld-projects .project-card-open:focus-visible{outline-offset:-4px;border-radius:17px}
.wemeld-projects .project-preview{background-color:#101010;background-image:radial-gradient(#383838 .6px,transparent .7px);border-color:#ffffff14;background-size:16px 16px;aspect-ratio:1.65}
.wemeld-projects .project-preview:after{box-shadow:none}
.wemeld-projects .project-cover-image{background:#111}
.wemeld-page :is(.project-preview,.project-thumbnail)>svg>rect[stroke]{fill:#202020;stroke:#6b6b6b}
.wemeld-page :is(.project-preview,.project-thumbnail)>svg>path{stroke:#9b9b9b}
.wemeld-projects .project-preview>svg>circle{fill:#151515;stroke:#aaa}
.wemeld-projects .project-preview>svg text{fill:#999}
.wemeld-projects .project-preview>svg pattern circle{fill:#353535}
.wemeld-projects .cover-unavailable{background:#111e;color:#bbb;border:1px solid #ffffff20;border-radius:5px}
.wemeld-projects .preview-empty{color:#888}.wemeld-projects .preview-empty svg{stroke:#888}
.wemeld-projects .project-card-copy{padding:20px 20px 12px}
.wemeld-projects .project-card-copy h2{font-size:15px;letter-spacing:0;font-weight:450;color:#e3e3e3}
.wemeld-projects .project-card-meta{color:#888}
.wemeld-projects .project-open-label{color:#bbb}.wemeld-projects .project-open-label:hover{color:#fff}
.wemeld-projects :is(.project-change-cover,.project-rename){color:#888;border-radius:7px}
.wemeld-projects :is(.project-change-cover,.project-rename):hover{background:#ffffff0b;color:#eee}
.wemeld-projects .hub-empty h2{color:#ddd}.wemeld-projects .hub-empty p{color:#888}
.wemeld-projects .hub-empty>[data-icon]>svg{stroke:#777}
.wemeld-projects .loading-card{border-color:#ffffff1b;background:#ffffff04;border-radius:18px}
.wemeld-projects .loading-preview{background:#151515;border-color:#ffffff0d}
.wemeld-projects .loading-line{background:#ffffff08}
.wemeld-projects .hub-footer{margin-top:42px;padding:22px 0 4px}
.wemeld-projects .project-grid.is-list{grid-template-columns:1fr;gap:12px}
.project-grid.is-list .project-card{display:flex;align-items:center;min-height:112px;border-radius:14px}
.project-grid.is-list .project-card-open{display:flex;align-items:center;min-width:0;flex:1}
.project-grid.is-list .project-preview{width:160px;min-width:160px;height:100px;aspect-ratio:auto;margin:6px;border:0;border-radius:9px}
.project-grid.is-list .project-card-copy{padding:18px 22px;min-width:0;min-height:0}
.project-grid.is-list .project-card-copy h2{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.project-grid.is-list .project-card-footer{padding:12px 22px 12px 10px;flex-direction:column;align-items:flex-end;gap:10px}
.project-grid.is-list .preview-empty{min-height:0;gap:5px}

/* Account: the same frosted surfaces for profile, recent work and balance. */
.wemeld-account .account-sidebar{border-color:#ffffff12}
.wemeld-account .sidebar-label{color:#777}
.wemeld-account .sidebar-link{border:1px solid transparent;border-radius:9px;color:#999}
.wemeld-account .sidebar-link.current{background:#ffffff08;border-color:#ffffff15;color:#eee}
.wemeld-account .sidebar-link:hover{background:#ffffff06;color:#eee}
.wemeld-account .sidebar-note{color:#777}.wemeld-account .sidebar-note strong{color:#aaa}
.wemeld-account .local-dot{background:#aaa}
.wemeld-account :is(.profile-card,.recent-project,.credits-card){background:var(--frost);border-color:var(--frost-line);box-shadow:var(--frost-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:18px}
.wemeld-account .recent-project{border-radius:12px;box-shadow:inset 0 1px #ffffff07}
.wemeld-account .recent-project:hover{background:#ffffff0a;border-color:#ffffff4a}
.wemeld-account .profile-bottom{background:#ffffff02;border-color:#ffffff14}
.wemeld-account :is(.profile-tag,.profile-stat span,.project-info p,.credit-unit,.credits-card>label){color:#999}
.wemeld-account .profile-copy p{color:#aaa}
.wemeld-account .profile-avatar{background:#242424;color:#ddd;border-color:#ffffff25}
.wemeld-account .avatar-edit{background:#1c1c1c;color:#ccc;border-color:#ffffff30}
.wemeld-account .project-thumbnail{background:#111;border-color:#ffffff20;border-radius:8px}
.wemeld-account .project-thumbnail .thumbnail-empty{color:#888}
.wemeld-account .project-info .project-preview-label{color:#777}
.wemeld-account .recent-project>.project-arrow{color:#999}
.wemeld-account .demo-tag{color:#999;border-color:#ffffff24;background:#ffffff03;border-radius:5px}
.wemeld-account .credits-card select{color:#ccc;background:#101010;border-color:#ffffff25;border-radius:7px}
.wemeld-account :is(.credit-summary>div>span,.credit-details,.credit-status,.credit-rules p,.credits-note){color:#999}
.wemeld-account :is(.credit-details b,.credit-rules strong,.ledger-amount){color:#ddd}
.wemeld-account :is(.credit-rules,.account-purchase-row,.ledger-entry){border-color:#ffffff15}
.wemeld-account .account-purchase-row{color:#aaa}
.wemeld-account .ledger-heading h3{color:#aaa}
.wemeld-account .ledger-entry h4{color:#ccc}
.wemeld-account :is(.ledger-entry p,.ledger-amount small){color:#888}
.wemeld-account .credit-ledger .empty-message{background:#ffffff03}

/* Credits: neutral choices and clear emphasis only on the primary action. */
.wemeld-billing .billing-main{max-width:1320px;padding-top:48px}
.wemeld-billing .demo-banner{background:#ffffff04;border-color:#ffffff1e;border-radius:10px;color:#999}
.wemeld-billing .demo-label{background:#ffffff08;border-color:#ffffff24;color:#ccc}
.wemeld-billing .demo-banner strong{color:#ccc;font-weight:500}
.wemeld-billing :is(.wallet-panel,.plan-card,.pack-card){background:var(--frost);border-color:var(--frost-line);border-radius:18px;box-shadow:var(--frost-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.wemeld-billing .wallet-balance{background:#ffffff02}
.wemeld-billing :is(.wallet-balance>span,.balance-number>span,.wallet-balance>p,.wallet-balance>small,.wallet-subscription>p,.wallet-subscription>small,.subscription-eyebrow){color:#999}
.wemeld-billing .wallet-balance b{color:#ccc}
.wemeld-billing .sub-status{border-color:#ffffff25;color:#bbb;background:#ffffff04}
.wemeld-billing .subscription-title h2{font-weight:450;letter-spacing:0}
.wemeld-billing .cycle-control{background:#ffffff03;border-color:#ffffff22;border-radius:9px}
.wemeld-billing .cycle-control button{color:#888;border-radius:6px}
.wemeld-billing .cycle-control button[aria-pressed=true]{background:#ffffff10;color:#eee;box-shadow:inset 0 1px #ffffff0b}
.wemeld-billing .cycle-description{color:#888}
.wemeld-billing .plan-card.featured{border-color:#ffffff65;box-shadow:inset 0 1px #ffffff28,0 18px 55px #0004}
.wemeld-billing .plan-card.current-plan-card{background:linear-gradient(135deg,#ffffff13,#ffffff06)}
.wemeld-billing :is(.plan-current,.small-tag){color:#bbb;border-color:#ffffff30}
.wemeld-billing :is(.plan-description,.plan-price-note,.plan-credit-line span,.plan-features,.shared-tools-note,.pack-heading h3,.pack-heading>span,.pack-credit-line span,.pack-use,.cost-note){color:#999}
.wemeld-billing .plan-features svg{stroke:#aaa}
.wemeld-billing :is(.product-price .currency,.pack-price small){color:#ccc}
.wemeld-billing .product-price small{color:#999}
.wemeld-billing :is(.plan-credit-line,.pack-bottom,.order-list,.order-row){border-color:#ffffff18}
.wemeld-billing :is(.order-credits,.order-price,.order-state.paid){color:#ccc}
.wemeld-billing .order-state.pending{color:#ddd}
.wemeld-billing :is(.order-product p,.order-date,.order-state,.order-count,.order-operations .settled-note){color:#888}
.wemeld-billing .checkout-product{background:#ffffff04;border-color:#ffffff21;border-radius:10px}
.wemeld-billing :is(.checkout-product>span,.checkout-product p){color:#999}
.wemeld-billing :is(.checkout-product strong,.checkout-details dd,.checkout-details>div:first-child dd){color:#eee}

@media(min-width:1800px){.wemeld-projects .hub-main{max-width:1600px}.wemeld-projects .project-grid:not(.is-list){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.wemeld-projects .project-grid:not(.is-list){grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid.is-list .project-preview{width:135px;min-width:135px}}
@media(max-width:760px){
  html{scroll-padding-top:88px}
  .wemeld-page :is(.hub-header,.account-header,.billing-header){height:66px;min-height:66px;padding:0 20px;gap:18px}
  .wemeld-page .brand{gap:9px}.wemeld-page .brand strong{font-size:19px}.wemeld-page .brand-symbol{width:25px;height:29px}
  .wemeld-page :is(.account-header,.billing-header) nav{gap:16px}
  .wemeld-page :is(.account-header,.billing-header) nav a{font-size:10px}
  .wemeld-page :is(.page-heading h1,.hub-intro h1){font-size:29px}
  .wemeld-projects .hub-main{padding:32px 23px 28px}
  .hub-header-actions{gap:14px}.hub-billing{font-size:11px}.wemeld-projects .profile-entry-label{display:none}
  .wemeld-projects .hub-intro{margin-bottom:30px;gap:18px}
  .wemeld-projects .hub-intro>.primary-button{margin-top:0}
  .hub-filters{gap:21px}.hub-filters button{font-size:11px}
  .hub-view-switch button{width:29px;height:27px}
  .wemeld-projects .hub-toolbar{display:flex;gap:8px;flex-wrap:wrap}
  .wemeld-projects .hub-search{flex:1;width:auto;min-width:130px}
  .wemeld-projects #project-sort{max-width:130px}
  .wemeld-projects .project-grid{gap:18px}.wemeld-projects .project-card-footer{flex-wrap:wrap;gap:9px}
  .wemeld-projects .hub-layout-hint{display:none}
  .project-grid.is-list .project-preview{width:110px;min-width:110px;height:90px}
  .project-grid.is-list .project-card-copy{padding:12px}
  .project-grid.is-list .project-card-footer{padding:12px;gap:8px}
  .project-grid.is-list :is(.project-rename,.project-change-cover)>span{display:none}
  .wemeld-billing .billing-main{padding-top:30px}
}
@media(max-width:570px){
  .wemeld-projects .hub-main{padding:30px 20px 24px}
  .wemeld-projects .hub-intro{align-items:flex-start;gap:12px}
  .wemeld-projects .hub-intro>.primary-button{margin-top:27px;padding:9px 12px;font-size:11px;min-height:38px}
  .wemeld-projects .hub-eyebrow{font-size:9px;letter-spacing:.3px}
  .wemeld-projects .hub-intro p{max-width:210px;font-size:11px;line-height:1.8}
  .wemeld-projects .project-grid:not(.is-list){grid-template-columns:1fr}
  .wemeld-projects .hub-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto}
  .wemeld-projects .hub-search{min-width:0;width:100%;padding-inline:10px}
  .wemeld-projects #project-sort{width:95px;max-width:95px;font-size:10px;padding:0 8px}
  .wemeld-projects .hub-refresh{width:31px}.wemeld-projects .hub-refresh>[data-icon]{display:block}
  .hub-filters{gap:18px}.hub-view-switch{margin-top:-14px}
  .wemeld-projects .project-card-copy{padding:18px 19px 12px}
  .wemeld-projects .project-card-footer{padding:0 12px 12px 19px;flex-wrap:nowrap}
  .project-grid.is-list .project-preview{width:88px;min-width:88px;height:84px}
  .project-grid.is-list .project-card-copy{padding:12px 8px}
  .project-grid.is-list .project-card-copy h2{font-size:12px}
  .project-grid.is-list .project-card-meta{font-size:9px}
  .project-grid.is-list .project-card-footer{padding:10px 9px 10px 0;flex-direction:column}
  .project-grid.is-list .project-open-label{font-size:9px;white-space:nowrap}
  .project-grid.is-list :is(.project-change-cover,.project-rename){padding:5px;min-height:29px}
  .wemeld-projects .cover-actions{flex-wrap:wrap;gap:15px}.wemeld-projects .cover-actions>div{margin-left:auto}
  .wemeld-page :is(.account-header,.billing-header){align-items:flex-start;justify-content:center;height:auto;min-height:84px;flex-direction:column;gap:6px;padding-block:12px 0}
  .wemeld-page :is(.account-header,.billing-header) nav{min-height:31px;width:100%;margin:0;gap:24px}
  .wemeld-page :is(.account-header,.billing-header) nav a{font-size:11px}
  .wemeld-page :is(.account-header,.billing-header) nav a.current:after{bottom:0}
  .wemeld-page :is(.account-header,.billing-header) .brand strong{font-size:19px}
  .wemeld-page :is(.account-header,.billing-header) .brand-symbol{width:23px;height:27px}
  .wemeld-account .profile-edit{background:transparent;box-shadow:none;color:#bbb;min-height:26px}
  .wemeld-billing .order-row{background:#ffffff03;border-radius:10px}
  .wemeld-billing .plan-card.featured{box-shadow:inset 0 1px #ffffff28,0 18px 55px #0004}
}
@media(prefers-reduced-motion:reduce){.wemeld-page *,.wemeld-page *:before,.wemeld-page *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}