.account-nav { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.account-topbar { position:sticky; top:0; z-index:60; background:#fffffff5; box-shadow:0 2px 14px #13202b06; }
.account-topbar.has-header-flow { display:grid; grid-template-columns:auto minmax(0,1fr) auto; column-gap:20px; }
.header-flow { display:flex; align-items:center; justify-content:center; gap:9px; min-width:0; }
.header-flow>a { display:inline-flex; align-items:center; gap:5px; min-height:40px; white-space:nowrap; font-size:10px; font-weight:650; color:#77818a; }
.header-flow>a>span { display:grid; place-items:center; width:22px; height:22px; border:1px solid #dddcd7; border-radius:50%; font-size:10px; }
.header-flow>a[aria-current=step] { color:#9b4808; }
.header-flow>a[aria-current=step]>span { background:#fff0dd; border-color:#e7a15d; color:#9b4808; }
.header-flow-divider { color:#c5c4bf; font-size:14px; }
.account-state { display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border:1px solid #e0e4e6; border-radius:24px; font-size:11px; font-weight:650; color:#596570; white-space:nowrap; background:#f7f8f9; }
.account-state::before { content:''; width:6px; height:6px; border-radius:50%; background:#8a949c; }
.account-state[data-state=in] { color:#246445; border-color:#cfe5d5; background:#eff8f1; }
.account-state[data-state=in]::before { background:#2e8a53; }
.account-nav .btn { font-size:12px; padding:10px 13px; min-height:44px; }
.account-notice { margin:0; font-size:12px; color:var(--muted); line-height:1.8; }
.account-dialog { z-index:200; width:min(460px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); overflow:auto; border:1px solid #e9dfd4; border-radius:20px; padding:26px; color:var(--ink); box-shadow:0 20px 80px #13202b30; }
.account-dialog::backdrop { background:#13202b99; }
.account-dialog-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.account-dialog h2 { font-size:20px; margin:0; }
.account-dialog p { font-size:13px; line-height:1.9; overflow-wrap:anywhere; }
.account-dialog .login-domain { font-weight:650; }
.account-dialog img { display:block; width:min(280px,100%); height:auto; margin:10px auto 20px; }
.parts-login-entry { display:flex; flex-direction:row; align-items:center; gap:6px; }
.account-header-help { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:44px; height:44px; min-width:44px; min-height:44px; padding:9px; background:white; border:1px solid #e4ded5; border-radius:12px; color:#4d5f6b; font:inherit; font-size:11px; cursor:pointer; white-space:nowrap; }
.account-header-help:hover { background:#fff7eb; }
.help-pictogram { display:block; flex-shrink:0; width:24px; height:24px; }
.account-header-help:focus-visible,.account-login-guide summary:focus-visible,.login-guide-more summary:focus-visible { outline:3px solid #236b88; outline-offset:3px; border-radius:5px; }
.account-dialog .login-guide-no-payment { font-weight:700; margin:8px 0 16px; }
.account-login-guide { margin:16px 0; border:1px solid #ecd5b8; border-radius:12px; background:#fff7eb; }
.account-login-guide>summary { display:flex; align-items:center; gap:8px; padding:13px; min-height:48px; font-size:12px; font-weight:650; line-height:1.8; cursor:pointer; list-style:none; }
.account-login-guide>summary::-webkit-details-marker { display:none; }
.account-login-guide>summary::after { content:'＋'; margin-left:auto; flex-shrink:0; }
.account-login-guide[open]>summary::after { content:'−'; }
.account-login-guide>.login-guide-body { padding:0 13px 8px; }
.login-guide-body h3 { font-size:15px; line-height:1.7; margin:20px 0 10px; }
.login-guide-wallets { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; list-style:none; padding:0; margin:10px 0; }
.login-guide-wallets>li { min-width:0; padding:10px; background:white; border:1px solid #e6ded4; border-radius:9px; line-height:1.7; }
.login-guide-wallets strong { font-size:12px; font-weight:650; overflow-wrap:anywhere; }
.login-guide-wallets small { display:block; color:#596570; font-size:10px; margin-top:3px; }
.account-dialog .login-guide-evidence { font-size:11px; color:#596570; }
.login-guide-body ol,.login-guide-more ul { padding-left:21px; }
.login-guide-body li { font-size:12px; line-height:1.9; margin-top:6px; overflow-wrap:anywhere; }
.account-dialog .login-guide-identity { border-left:3px solid #f7931a; padding-left:12px; }
.login-guide-more { border-top:1px solid #e6ded4; margin-top:16px; }
.login-guide-more>summary { min-height:44px; padding:10px 0; font-size:12px; line-height:1.9; cursor:pointer; }
.login-guide-source { margin:15px 0 20px; }
.login-guide-source h4 { font-size:13px; margin:0; }
.login-guide-source p { margin:6px 0; }
.login-guide-source a { display:inline-block; padding:10px 8px 10px 0; min-height:44px; font-size:11px; color:#954b08; }
@media(max-width:480px) { .account-dialog { padding:20px; }.account-dialog-heading h2 { font-size:18px; }.account-dialog-heading>.btn { padding:10px; }.account-login-guide>summary { padding:11px; font-size:11px; }.account-login-guide>.login-guide-body { padding:0 11px 8px; }.account-header-help { font-size:10px; } }
.address-copy-help-trigger { display:block; width:100%; min-height:44px; padding:9px 10px; margin-top:12px; border:1px solid #e4d4be; border-radius:8px; background:#fff7eb; color:#86440c; font:inherit; font-size:12px; line-height:1.7; text-align:left; }
.address-copy-guide { font-size:13px; line-height:1.9; }
.address-copy-guide ol { padding-left:22px; }
.address-copy-guide li { padding-left:3px; margin:18px 0; overflow-wrap:anywhere; }
.address-copy-guide li>p { margin:5px 0; }
.address-copy-format { padding:12px; border-left:3px solid #f7931a; background:#fff7eb; }
.account-dialog .address-copy-note { color:#596570; font-size:11px; }
.address-copy-source { display:inline-block; min-height:44px; padding:10px 0; color:#86440c; font-size:12px; text-decoration:underline; text-underline-offset:3px; }
.wos-address-figure { width:100%; max-width:340px; margin:18px auto; }
.wos-address-screen { position:relative; width:100%; }
.wos-address-screen>img { display:block; width:100%; max-width:none; height:auto; margin:0; border-radius:12px; }
.wos-address-focus { position:absolute; left:12%; top:49.3%; width:63.5%; height:3.35%; border:2px solid #ffbd49; border-radius:6px; pointer-events:none; }
.wos-copy-arrow { position:absolute; left:43.75%; top:53.2%; height:14.8%; border-left:2px solid #ffbd49; pointer-events:none; }
.wos-copy-arrow:before { content:''; position:absolute; left:-6px; top:-5px; border:5px solid transparent; border-top:0; border-bottom:8px solid #ffbd49; }
.wos-copy-label { position:absolute; left:8%; top:70%; width:84%; padding:9px 5px; border:1px solid #edaa47; border-radius:9px; background:#fff3dd; color:#743600; font-size:12px; line-height:1.8; text-align:center; font-weight:700; pointer-events:none; }
.wos-address-figure figcaption { margin-top:10px; font-size:11px; line-height:1.9; color:#596570; overflow-wrap:anywhere; }
.save-page-panel { background:#fffaf3; border:1px solid #ead6c1; border-radius:15px; padding:22px; margin:24px 0; }
.save-page-panel h3 { font-size:16px; margin:0 0 10px; }
.save-page-panel p { font-size:12px; line-height:1.8; }
.saved-link-result { margin-top:20px; border-top:1px solid #ead6c1; padding-top:18px; }
.saved-link-row { display:flex; gap:9px; align-items:center; }
.saved-link-row input { flex:1; min-width:0; font:inherit; font-size:14px; border:1px solid #d6dce0; border-radius:9px; padding:12px; color:var(--ink); background:white; }
.saved-page-qr { display:block; width:220px; max-width:100%; height:auto; margin:16px auto; }
.saved-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
.manage-shell { max-width:900px; margin:35px auto; padding:0 26px 50px; }
.manage-shell h1 { font-size:30px; }
.manage-page-list { display:grid; gap:18px; margin-top:24px; }
.managed-page { padding:23px; min-width:0; }
.managed-page h2 { font-size:19px; margin:0 0 8px; overflow-wrap:anywhere; }
.managed-page p { font-size:12px; color:var(--muted); line-height:1.8; overflow-wrap:anywhere; }
.managed-page .saved-actions { margin-top:16px; }
.page-state { font-size:11px; border-radius:20px; padding:5px 10px; background:#e3f0e7; color:#246445; }
.page-state.paused { background:#f4e7d7; color:#81521c; }
.btn.danger { color:#a62d25; border:1px solid #dcb5b1; background:white; }
.published-note { text-align:center; font-size:12px; color:var(--muted); line-height:1.8; margin:0 0 17px; }
.payment-core .payment-details .provider-status,.published-page .payment-core #amount-hint { display:block; }
.published-page .payment-core .provider-status { margin-bottom:16px; }
@media(min-width:761px) and (max-width:1100px) {
  .header-flow>a:not([aria-current=step]),.header-flow-divider { display:none; }
}
@media(max-width:760px) {
  .studio-topbar.account-topbar { height:auto; min-height:76px; padding:15px 20px; gap:14px; flex-wrap:wrap; }
  .account-nav { gap:8px; }
  .account-topbar .account-nav { width:100%; justify-content:flex-end; }
  .account-topbar .account-state { margin-right:auto; padding:6px 8px; font-size:10px; }
  .account-topbar .account-nav>a { font-size:11px; }
  .account-topbar .account-nav .btn { font-size:11px; padding:10px; }
  .account-topbar.has-header-flow { display:flex; row-gap:8px; padding-top:12px; padding-bottom:8px; }
  .account-topbar.has-header-flow .header-flow { order:3; flex-basis:100%; justify-content:center; gap:14px; border-top:1px solid #f0ece7; padding-top:4px; }
  .save-page-panel { padding:18px; }
  .saved-link-row { flex-wrap:wrap; }
  .saved-link-row input { flex-basis:100%; }
  .manage-shell { padding:0 18px 35px; }
  .saved-actions .btn { font-size:12px; min-height:44px; }
}

.account-nav .btn { display:inline-flex; align-items:center; justify-content:center; gap:7px; }
.account-control-icon { width:17px; height:17px; flex-shrink:0; }

.account-login-success { position:fixed; left:50%; right:auto; top:calc(var(--account-header-height,80px) + 12px); transform:translateX(-50%); z-index:90; display:flex; align-items:center; gap:12px; padding:12px 14px; width:max-content; max-width:calc(100vw - 32px); border:1px solid #9dcbb0; border-radius:14px; box-shadow:0 10px 30px #13202b24; background:#edf8f1; color:#246445; font-size:15px; }
.account-login-success:not([hidden]) { animation:account-toast-in .24s ease-out both; }
.account-login-success[data-closing] { animation:account-toast-out .2s ease-in both; }
.account-toast-mark { display:grid; place-items:center; flex-shrink:0; width:28px; height:28px; border-radius:50%; background:#287349; color:white; font-size:17px; font-weight:750; }
.account-login-success strong { flex:1; }
.account-login-success button { background:transparent; color:#246445; border:0; min-width:44px; min-height:44px; padding:0; font-size:24px; }
@keyframes account-toast-in { from { opacity:0; transform:translate(-50%,-12px); } to { opacity:1; transform:translate(-50%,0); } }
@keyframes account-toast-out { from { opacity:1; transform:translate(-50%,0); } to { opacity:0; transform:translate(-50%,-8px); } }
@media(prefers-reduced-motion:reduce) { .account-login-success:not([hidden]),.account-login-success[data-closing] { animation:none; } }
@media(max-width:760px){.account-login-success { width:calc(100vw - 32px); max-width:360px; }}