:root { --ink:#13202b; --muted:#596570; --accent:#f58220; --border:#ece6df; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:-80px; left:16px; z-index:100; background:var(--ink); color:white; padding:16px; border-radius:10px; }
.skip-link:focus { top:10px; }
a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline:3px solid #9c5012; outline-offset:3px; }
.studio-topbar { height:76px; padding:0 max(26px,calc((100vw - 1200px)/2)); }
.studio-nav { display:flex; gap:24px; align-items:center; font-size:12px; font-weight:700; }
.studio-nav>a { min-height:44px; display:flex; align-items:center; gap:8px; color:var(--muted); }
.studio-shell { max-width:1200px; margin:auto; padding:46px 26px 64px; }
.studio-intro { margin-bottom:31px; }
.studio-intro .eyebrow { font-size:10px; letter-spacing:1.8px; margin:0 0 14px; }
.studio-intro h1 { font-size:clamp(30px,3.3vw,43px); line-height:1.4; letter-spacing:-1.6px; margin:0 0 12px; }
.studio-intro h1 em { font-style:normal; color:#F7931A; }
.studio-lead { font-size:14px; line-height:1.9; color:var(--muted); margin:0; }
.studio-address-note { font-size:14px; line-height:1.9; font-weight:650; color:var(--ink); margin:14px 0 0; }
.sharing-settings { border:0; padding:0; margin:22px 0 28px; }
.sharing-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.sharing-option { position:relative; cursor:pointer; min-width:0; }
.sharing-option>input { position:absolute; width:1px; height:1px; opacity:0; }
.sharing-option-body { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; height:100%; min-height:100px; padding:13px 4px; border:1px solid #dfdedb; border-radius:12px; text-align:center; background:#fff; }
.sharing-option-body strong { font-size:12px; line-height:1.6; }
.sharing-option-body small { font-size:9px; color:var(--muted); line-height:1.6; }
.sharing-icon { font-size:25px; line-height:1; color:#994d12; }
.sharing-icon-x { font-size:22px; font-weight:750; color:var(--ink); }
.sharing-option>input:checked+.sharing-option-body { border-color:#dd7d2c; background:#fff5e9; box-shadow:inset 0 0 0 1px #dd7d2c; }
.sharing-option>input:focus-visible+.sharing-option-body { outline:3px solid #9c5012; outline-offset:3px; }
.editor-layout { display:grid; grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr); gap:30px; align-items:start; }
.editor-column,.live-preview { min-width:0; }
.editor-panel { padding:28px; }
.editor-panel>h2 { margin:0 0 27px; font-size:21px; letter-spacing:-.5px; }
.form-field { margin:0 0 22px; min-width:0; }
.form-field>label,.form-field>legend { display:flex; gap:9px; align-items:center; font-size:13px; font-weight:750; margin:0 0 9px; padding:0; }
.required-mark,.optional-mark { font-size:10px; line-height:1.5; font-weight:500; color:var(--muted); }
.form-field input:not([type=checkbox]):not([type=radio]),.form-field textarea,.form-field select { display:block; width:100%; font:inherit; font-size:16px; border:1px solid #d8dce0; border-radius:10px; background:#fff; color:var(--ink); padding:12px 13px; line-height:1.6; min-width:0; }
.form-field textarea { resize:vertical; min-height:90px; }
.field-help { font-size:11px; color:var(--muted); line-height:1.8; margin:8px 0 0; }
.address-field input { border-color:#bfc7ce; }
.advanced-settings { border:1px solid #e8d8c9; border-radius:13px; background:#fffbf5; margin:9px 0 22px; }
.advanced-settings summary { display:flex; align-items:center; gap:12px; font-size:13px; font-weight:700; cursor:pointer; padding:15px 13px; min-height:74px; list-style:none; border-radius:13px; }
.advanced-settings summary::-webkit-details-marker { display:none; }
.advanced-settings summary:hover { background:#fff2e1; }
.settings-icon { display:grid; place-items:center; width:33px; height:33px; flex-shrink:0; border-radius:9px; background:#fff; color:#9c5012; border:1px solid #f0dec9; }
.settings-copy { display:flex; flex-direction:column; gap:5px; flex:1; min-width:0; }
.settings-copy strong { font-size:13px; color:var(--ink); }
.settings-copy small { font-size:10px; font-weight:400; color:var(--muted); line-height:1.6; }
.settings-copy .optional-mark { font-size:10px; font-weight:400; }
.settings-toggle { white-space:nowrap; color:#944706; background:#fff; border:1px solid #ecd2b7; padding:7px 9px; border-radius:8px; font-size:11px; }
.when-open { display:none; }
.advanced-settings[open] .when-open { display:inline; }
.advanced-settings[open] .when-closed { display:none; }
.advanced-settings[open] summary { background:#fff0db; border-radius:13px 13px 0 0; }
.advanced-content { padding:20px 15px 0; background:white; border-top:1px solid #eddcc9; border-radius:0 0 13px 13px; }
.amount-options,.theme-options { border:0; padding:0; }
.preset-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.preset-options label { display:flex; flex-direction:column; gap:6px; min-width:0; margin:0; }
.preset-options label>span { font-size:11px; color:var(--muted); }
.form-field .preset-options input { width:100%; padding:11px 5px; text-align:center; font-weight:750; }
.preset-options small { font-size:10px; font-weight:500; color:var(--muted); text-align:center; }
.toggle-label { display:flex; align-items:center; gap:10px; font-size:12px; color:#374755; min-height:44px; margin:-6px 0 20px; cursor:pointer; }
.toggle-label input { width:18px; height:18px; accent-color:#b85a09; cursor:pointer; }
.theme-swatches { display:flex; gap:19px; flex-wrap:wrap; }
.swatch-option { position:relative; display:flex; flex-direction:column; align-items:center; gap:8px; font-size:10px; min-width:44px; cursor:pointer; color:var(--muted); }
.swatch-option input { position:absolute; width:44px; height:44px; opacity:0; cursor:pointer; }
.swatch { display:block; width:38px; height:38px; border-radius:50%; border:5px solid white; box-shadow:0 0 0 1px #d6d9dc; }
.swatch-option input:checked+.swatch { box-shadow:0 0 0 2px var(--ink); }
.swatch-option input:focus-visible+.swatch { outline:3px solid #9c5012; outline-offset:4px; }
.swatch-orange { background:#f58220; }
.swatch-ocean { background:#9fcbd9; }
.swatch-sage { background:#b4c9b0; }
.swatch-rose { background:#e8b3bd; }
.preview-open { justify-content:space-between; }
.editor-footnote { font-size:11px; line-height:1.8; color:var(--muted); margin:15px 0 0; padding:0 7px; }
.preview-section-heading { display:flex; justify-content:space-between; align-items:center; gap:14px; margin:0 0 12px; }
.preview-section-heading h2 { font-size:14px; margin:0; }
.preview-device { font-size:9px; font-weight:700; letter-spacing:1px; color:var(--muted); white-space:nowrap; }
.step-number { display:inline-grid; place-items:center; width:25px; height:25px; background:#fff0de; color:#904507; border-radius:50%; font-size:12px; flex-shrink:0; }
.sharing-section { margin-top:46px; padding:30px; }
.sharing-section-heading h2 { display:flex; align-items:center; gap:9px; font-size:21px; margin:0 0 10px; }
.sharing-section-heading p { font-size:12px; line-height:1.8; color:var(--muted); margin:0; }
.sharing-example { max-width:650px; margin:0 auto; padding-top:25px; border-top:1px solid #ece6df; }
.sharing-example-picker { border:0; padding:0; margin:22px 0 0; }
.share-heading-icon { flex-shrink:0; color:var(--ink); }
.example-options { display:flex; flex-wrap:wrap; gap:10px; }
.example-choice { position:relative; width:110px; cursor:pointer; }
.example-choice>input { position:absolute; width:1px; height:1px; opacity:0; }
.example-choice-body { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:92px; padding:15px 8px; border:1px solid #dcdedc; border-radius:12px; background:#fff; color:var(--ink); font-size:12px; font-weight:650; }
.example-choice-body:hover { border-color:#b88a62; }
.example-choice>input:checked+.example-choice-body { border-color:#cf7027; box-shadow:inset 0 0 0 1px #cf7027; background:#fff5e9; }
.example-choice>input:focus-visible+.example-choice-body { outline:3px solid #9c5012; outline-offset:3px; }
.platform-logo { display:block; object-fit:contain; flex-shrink:0; }
.sharing-scene-hint>a { color:#284f68; text-decoration:underline; text-underline-offset:3px; }
.sharing-preview-title { font-size:14px; line-height:1.7; margin:0 0 12px; }
.sharing-scene-hint { margin:12px 2px 16px; }
.sharing-open-page { font-size:12px; line-height:1.7; min-height:48px; }
.preview-banner { font-size:11px; line-height:1.8; color:#805018; background:#fff1de; border:1px solid #f0ddc4; border-radius:9px; padding:9px 12px; margin:0 0 14px; }
.creator-page { --page-accent:#f58220; --page-soft:#fff3e3; background:#fff; border:1px solid #e8e2da; border-radius:20px; overflow:hidden; box-shadow:0 12px 36px #46351f08; text-align:center; }
.creator-page.theme-ocean,.sharing-scene.theme-ocean { --page-accent:#9fcbd9; --page-soft:#eef7fa; }
.creator-page.theme-sage,.sharing-scene.theme-sage { --page-accent:#b4c9b0; --page-soft:#f1f6ee; }
.creator-page.theme-rose,.sharing-scene.theme-rose { --page-accent:#e8b3bd; --page-soft:#fcf0f3; }
.page-brand { display:flex; justify-content:center; align-items:center; gap:7px; font-size:11px; font-weight:750; color:#4c5a65; background:var(--page-soft); padding:17px; }
.creator-identity { padding:25px 24px 0; }
.creator-avatar { width:80px; height:80px; border-radius:50%; background:#fff0e2; display:grid; place-items:center; margin:0 auto; overflow:hidden; }
.creator-avatar svg,.creator-avatar img,.scene-avatar svg,.scene-avatar img,.instagram-avatar svg,.instagram-avatar img { display:block; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.avatar-flower { background:#fff0ed; }
.avatar-cat { background:#edf3e9; }
.avatar-image { background:#f4f2ee; }
.editor-avatar-host { display:block; }
.avatar-settings { max-width:360px; margin:5px auto 12px; }
.avatar-settings summary { display:flex; align-items:center; justify-content:center; gap:7px; min-height:44px; width:fit-content; margin:auto; padding:8px 14px; border:1px solid #ead6bf; border-radius:24px; color:#713b12; background:#fff9f1; font-size:12px; font-weight:650; cursor:pointer; list-style:none; }
.avatar-settings summary::-webkit-details-marker { display:none; }
.avatar-settings summary:focus-visible { outline:3px solid #9c5012; outline-offset:3px; }
.avatar-settings[open] summary { background:#fff0df; }
.avatar-settings-content { margin-top:10px; padding:16px 12px; border:1px solid #ede4d9; border-radius:14px; background:#fffcf8; }
#avatar-presets { display:flex; justify-content:center; gap:14px; border:0; padding:0; margin:0 0 16px; }
.avatar-preset { position:relative; display:flex; flex-direction:column; align-items:center; gap:7px; font-size:11px; cursor:pointer; }
.avatar-preset input { position:absolute; opacity:0; width:1px; height:1px; padding:0; }
.avatar-preset .creator-avatar { width:58px; height:58px; border:2px solid transparent; }
.avatar-preset input:checked+.creator-avatar { border-color:#b75a11; box-shadow:0 0 0 3px #ffe5c9; }
.avatar-preset input:focus-visible+.creator-avatar { outline:3px solid #9c5012; outline-offset:3px; }
.avatar-upload-label { display:block; font-size:12px; font-weight:650; margin-bottom:9px; }
#avatar-file { width:100%; font-size:11px; padding:9px; background:white; }
.avatar-settings .field-help { font-size:10px; margin:9px 0 0; }
.creator-name { font-size:17px; font-weight:750; margin:11px 0 5px; overflow-wrap:anywhere; }
.creator-name-note { font-size:10px; color:var(--muted); margin:0 0 24px; }
.creator-body { padding:0 29px 25px; }
.creator-title { font-size:25px; letter-spacing:-.8px; line-height:1.5; margin:0 0 10px; overflow-wrap:anywhere; }
.creator-message { font-size:13px; line-height:1.9; color:var(--muted); white-space:pre-line; margin:0 0 21px; overflow-wrap:anywhere; }
.fund-purpose { background:var(--page-soft); padding:13px 15px; border-radius:10px; text-align:left; margin:0 0 17px; }
.fund-purpose h3 { font-size:11px; margin:0 0 5px; color:#6e441e; }
.fund-purpose p { font-size:12px; line-height:1.8; white-space:pre-line; margin:0; color:#4c5a65; overflow-wrap:anywhere; }
.creator-external { display:inline-flex; align-items:center; justify-content:center; font-size:12px; min-height:44px; color:#314d60; text-decoration:underline; text-underline-offset:4px; margin:-6px 8px 10px; }
.page-recipient { border-top:1px solid #eee9e3; padding:15px 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:7px 12px; font-size:11px; text-align:left; }
.page-recipient>span { color:var(--muted); white-space:nowrap; }
.page-recipient strong { font-size:11px; font-weight:600; overflow-wrap:anywhere; color:#425461; }
.payment-core { text-align:left; }
.payment-core .payment-total { margin:18px 0 14px; padding:20px 12px; border:1px solid #ead7c1; border-radius:16px; background:#fff8ef; text-align:center; }
.payment-total-label { margin:0 0 7px; font-size:12px; font-weight:650; color:#596570; }
.payment-total-value { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; gap:9px; margin:0; color:var(--ink); }
.payment-total-value strong { font-size:clamp(42px,6vw,56px); font-weight:800; line-height:1.15; letter-spacing:-.035em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.payment-total-value>span { font-size:18px; font-weight:650; }
.payment-details { margin-top:20px; border-top:1px solid #eee7df; padding-top:10px; color:var(--muted); font-size:11px; }
.payment-details summary { display:flex; align-items:center; gap:8px; min-height:44px; cursor:pointer; list-style:none; }
.payment-details summary::-webkit-details-marker { display:none; }
.payment-details summary::after { content:'＋'; margin-left:auto; }
.payment-details[open] summary::after { content:'−'; }
.payment-details summary:focus-visible { outline:3px solid #9c5012; outline-offset:3px; border-radius:5px; }
.recipient-detail-address { margin:8px 0; overflow-wrap:anywhere; color:#425461; }
.payment-address-fields,.payment-core .provider-status,.payment-core #amount-hint,.payment-core .payment-waiting { display:none; }
.payment-core .amount-grid { gap:9px; margin:0 0 17px; grid-auto-columns:1fr; grid-auto-flow:column; grid-template-columns:none; }
.payment-section-title { font-size:14px; margin:0 0 7px; }
.amount-unit-note { font-size:10px; color:var(--muted); margin:0 0 16px; }
.payment-core .amount-btn { min-height:140px; border-radius:12px; gap:3px; padding:13px 5px; }
.amount-illustration { fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; margin-bottom:7px; flex-shrink:0; }
.amount-caption { font-size:10px; font-weight:500; margin-top:5px; }
.payment-core .amount-btn strong { font-size:clamp(17px,2vw,24px); overflow-wrap:anywhere; }
.payment-core .amount-btn.selected { border-color:var(--page-accent); background:var(--page-soft); color:#713b12; }
.payment-core .amount-btn small { color:#596570; }
.payment-core .custom-label { font-size:11px; margin:0 0 8px; color:#52616e; }
.payment-core .custom-input { font-size:16px; padding:11px 12px; margin-bottom:18px; }
.payment-core .btn.primary { background:var(--page-accent); color:var(--ink); opacity:1; box-shadow:none; font-size:12px; min-height:48px; }
.page-assurance { font-size:10px; line-height:1.8; color:var(--muted); margin:14px 0 0; }
.studio-status { font-size:12px; line-height:1.8; color:#62451f; overflow-wrap:anywhere; margin:13px 0 0; }
.sharing-scene { --page-accent:#f58220; --page-soft:#fff3e3; min-width:0; }
.sharing-preview-card { display:block; width:100%; border:1px solid #e1dfdb; border-radius:14px; background:white; color:var(--ink); font:inherit; text-align:left; overflow:hidden; padding:0; }
.sharing-preview-card:hover { border-color:#b4a796; box-shadow:0 3px 12px #46351f0c; }
.share-link-outputs { display:grid; gap:12px; }
.share-output-block,.share-profile-example { border:1px solid #e7e1da; border-radius:14px; background:white; padding:20px; }
.share-output-block h4 { margin:0 0 7px; font-size:14px; }
.share-output-block p,.share-profile-example>p { margin:0 0 12px; font-size:12px; line-height:1.8; color:var(--muted); overflow-wrap:anywhere; }
.share-url-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:8px; background:#f6f7f8; border:1px solid #e0e3e5; border-radius:9px; padding:8px; }
.share-url-pending { font-size:11px; color:#596570; padding:0 4px; line-height:1.8; }
.share-url-row>.btn { font-size:11px; min-height:44px; }
.share-qr-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:9px; width:134px; height:134px; border:2px dashed #c6cbd0; border-radius:12px; background:#fafbfc; margin:16px auto; color:#63717c; }
.share-qr-placeholder>strong { font-size:29px; letter-spacing:2px; }
.share-qr-placeholder>span { font-size:11px; }
.share-profile-example { background:var(--page-soft); }
.share-profile-example>strong { display:block; margin:0 0 8px; font-size:16px; overflow-wrap:anywhere; }
.profile-example-link { display:block; padding:0; min-height:44px; background:transparent; border:0; color:#224d70; font:inherit; font-size:13px; line-height:1.7; text-decoration:underline; text-underline-offset:4px; text-align:left; overflow-wrap:anywhere; }
.article-context { padding:24px; border:1px solid #e4e3df; border-radius:14px; background:white; }
.scene-kicker { font-size:10px!important; color:#65717a; margin:0 0 19px!important; font-weight:600; }
.sample-author { font-size:12px; color:var(--muted); margin:0 0 7px; overflow-wrap:anywhere; }
.sample-article-title { font-size:21px; margin:0 0 20px; }
.sample-article-text { font-size:13px; line-height:2; color:#43515b; margin:0 0 16px; }
.sample-article-divider { border:0; border-top:1px solid #e9e9e7; margin:24px 0; }
.x-post-example { background:white; border:1px solid #e0e4e8; border-radius:15px; padding:20px; }
.x-post-header { display:flex; align-items:center; gap:10px; margin-bottom:15px; }
.scene-avatar { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:var(--page-soft); color:var(--ink); font-weight:750; flex-shrink:0; }
.x-post-author { display:flex; flex-direction:column; gap:4px; min-width:0; }
.x-post-author>strong { font-size:13px; overflow-wrap:anywhere; }
.x-post-author>small { font-size:10px; color:#596570; }
.x-post-mark { font-size:20px; font-weight:750; margin-left:auto; }
.x-post-text { font-size:13px; line-height:1.9; white-space:pre-line; overflow-wrap:anywhere; margin:0 0 8px; }
.x-post-url { font-size:11px; color:#596570; margin:0 0 14px; }
.x-post-actions { font-size:10px; color:#65727d; border-top:1px solid #f0f1f2; margin-top:17px; padding-top:14px; text-align:center; }
.x-preview-artwork { display:block; padding:22px; background:var(--page-soft); min-height:160px; }
.x-preview-brand { display:flex; align-items:center; gap:8px; font-size:11px; font-weight:700; }
.x-preview-brand>.bitcoin-logo { width:25px; height:25px; }
.x-preview-creator { display:block; margin:21px 0 7px; font-size:23px; font-weight:750; line-height:1.5; overflow-wrap:anywhere; }
.x-preview-tagline { display:block; font-size:12px; margin:0; color:#495864; }
.x-preview-caption { display:block; padding:15px 18px; }
.x-preview-caption>small { color:var(--muted); font-size:10px; }
.x-preview-caption>strong { display:block; margin:7px 0; font-size:15px; line-height:1.6; overflow-wrap:anywhere; }
.x-preview-description { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; overflow-wrap:anywhere; font-size:12px; line-height:1.7; color:var(--muted); margin:0; }
.article-tip-card { padding:22px 20px; background:#f5f7f8; border-radius:12px; }
.article-tip-message { margin:0 0 17px; color:#5c656d; font-size:14px; line-height:1.7; text-align:center; white-space:pre-line; overflow-wrap:anywhere; }
.tip-button-label { min-width:0; overflow-wrap:anywhere; }
.article-link-card { display:flex; justify-content:center; align-items:center; gap:8px; width:100%; min-height:52px; padding:12px 16px; border:1.5px solid #0b171e; border-radius:9px; background:#fff; color:#0b171e; font-size:16px; font-weight:750; line-height:1.5; text-align:center; }
.article-link-card:hover { background:#fafbfc; }
.article-link-card:active { background:#f0f3f5; }
.tip-heart { position:relative; display:inline-block; width:24px; height:24px; flex-shrink:0; color:var(--bitcoin-orange,#f7931a); }
.tip-heart>svg { display:block; width:24px; height:24px; fill:currentColor; }
.sharing-template-clean .x-preview-artwork,.sharing-template-clean .share-profile-example { background:#fff; }
.sharing-template-clean .article-tip-card { background:white; border:1px solid #d9dfe2; }
.sharing-template-clean .article-link-card { border-color:var(--page-accent); }
.sharing-layout-compact .article-context,.sharing-layout-compact .share-output-block,.sharing-layout-compact .share-profile-example,.sharing-layout-compact .x-post-example { padding:16px; }
.sharing-layout-compact .article-tip-card { padding:14px; }
.sharing-layout-compact .x-preview-card { display:flex; align-items:stretch; }
.sharing-layout-compact .x-preview-artwork { flex:0 0 92px; min-width:0; padding:13px; min-height:120px; }
.sharing-layout-compact .x-preview-brand>span:not(.bitcoin-logo),.sharing-layout-compact .x-preview-tagline { display:none; }
.sharing-layout-compact .x-preview-creator { font-size:14px; margin:14px 0 0; }
.sharing-layout-compact .x-preview-caption { min-width:0; padding:12px; }
.preview-toolbar { max-width:1000px; display:flex; align-items:center; justify-content:space-between; margin:auto; padding:20px 25px; gap:15px; }
.preview-toolbar .btn { font-size:12px; min-height:44px; }
.standalone-shell { max-width:570px; margin:14px auto 48px; padding:0 22px; }
.ephemeral-note,.empty-preview { font-size:11px; line-height:1.9; color:var(--muted); }
.empty-preview { border:1px dashed #c7cbd0; border-radius:14px; padding:40px 25px; background:#fff; }
.form-field [aria-invalid=true] { border-color:#a8432e; }
.form-error { margin:0 0 18px; }
.studio-body .footer,.standalone-preview .footer { font-size:10px; }
@media(min-width:1000px) { .live-preview { position:sticky; top:24px; } }
@media(max-width:760px) {
  .studio-topbar { height:66px; padding:0 17px; }
  .studio-nav { gap:0; }
  .studio-nav>a { font-size:11px; }
  .studio-nav .phase-pill { display:none; }
  .studio-shell { padding:30px 17px 40px; }
  .studio-intro { margin-bottom:24px; }
  .studio-intro h1 { font-size:32px; line-height:1.45; letter-spacing:-1.6px; }
  .studio-intro h1 em { display:inline; }
  .studio-lead { font-size:12px; }
  .studio-intro .eyebrow { font-size:9px; margin-bottom:11px; }
  .sharing-options { grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
  .sharing-option-body { min-height:96px; padding:12px 3px; }
  .sharing-option-body strong { font-size:11px; }
  .sharing-option-body small { font-size:9px; }
  .editor-layout { grid-template-columns:1fr; gap:29px; }
  .editor-panel { padding:23px 20px; border-radius:17px; }
  .sharing-section { margin-top:36px; padding:23px 20px; border-radius:17px; }
  .sharing-section-heading h2 { font-size:18px; line-height:1.6; }
  .sharing-section-heading .share-heading-icon { width:21px; height:21px; }
  .example-choice { width:calc((100% - 10px)/2); }
  .sharing-section-heading p { font-size:11px; }
  .sharing-example { padding-top:20px; }
  .editor-panel>h2 { font-size:20px; margin-bottom:24px; }
  .advanced-settings summary { gap:9px; padding:13px 11px; }
  .settings-copy small { font-size:9px; }
  .settings-toggle { padding:7px; font-size:10px; }
  .settings-icon { width:29px; height:29px; }
  .payment-core .amount-btn { min-height:130px; }
  .amount-caption { font-size:9px; }
  .theme-swatches { gap:16px; }
  .creator-body { padding:0 20px 23px; }
  .creator-title { font-size:24px; }
  .creator-message { font-size:12px; }
  .creator-name-note { margin-bottom:20px; }
  .page-recipient { font-size:10px; }
  .article-tip-card { padding:20px 16px; }
  .article-tip-message { font-size:13px; margin-bottom:15px; }
  .article-link-card { padding:11px 12px; font-size:16px; }
  .article-context,.x-post-example { padding:17px; }
  .sample-article-title { font-size:19px; }
  .article-context .article-tip-card { padding:16px 12px; }
  .article-context .article-link-card { font-size:14px; padding:10px; }
  .article-tip-message { overflow-wrap:anywhere; }
  .preview-toolbar { padding:16px; }
  .preview-toolbar .brand { font-size:15px; }
  .standalone-shell { padding:0 15px; margin-top:8px; }
}
@media(prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; transition:none!important; } }

/* Reversible inline-editor prototype. */
.inline-studio .studio-intro { max-width:760px; margin:0 auto 28px; }
.creation-flow { max-width:760px; margin:0 auto 32px; padding:12px 12px 8px; border-bottom:1px solid #eadfd2; background:transparent; }
.flow-current { margin:0 0 12px; color:#713b12; font-size:11px; font-weight:650; text-align:center; }
.flow-current>span { margin-right:9px; font-size:10px; letter-spacing:.07em; color:#9b4808; }
.studio-body #recipient-step,.studio-body #builder,.studio-body #sharing-section { scroll-margin-top:calc(var(--account-header-height,76px) + var(--header-flow-reserve,0px) + 20px); }
.studio-body #support-form input,.studio-body #support-form textarea { scroll-margin-top:calc(var(--account-header-height,76px) + var(--header-flow-reserve,0px) + 24px); }
.creation-flow ol { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
.creation-flow li { position:relative; min-width:0; }
.creation-flow li:not(:last-child)::after { content:''; position:absolute; height:1px; background:#ded9d2; top:19px; left:calc(50% + 26px); width:calc(100% - 52px); }
.creation-flow a { display:flex; flex-direction:column; align-items:center; gap:10px; min-height:76px; color:#64717b; font-size:12px; font-weight:650; text-decoration:none; text-align:center; }
.flow-number { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:#eae8e4; color:#63707c; font-size:14px; }
.creation-flow a[aria-current=step] { color:#9b4808; }
.creation-flow a[aria-current=step] .flow-number { background:#f58220; color:#13202b; box-shadow:0 0 0 5px #fff1df; }
.creation-flow a.is-complete .flow-number { background:#e3f0e7; color:#246445; }
.recipient-step { max-width:760px; margin:0 auto 35px; padding:25px 28px; scroll-margin-top:24px; }
.recipient-step h2,.inline-builder-heading h2 { display:flex; align-items:center; gap:9px; font-size:18px; margin:0 0 20px; }
.recipient-step .form-field { margin:0; }
.recipient-input-row { display:flex; align-items:stretch; gap:10px; }
.recipient-input-row input { flex:1; min-width:0; }
.recipient-input-row .btn { flex-shrink:0; }
.recipient-check-status { margin:8px 0 0; font-size:11px; line-height:1.8; overflow-wrap:anywhere; color:var(--muted); }
.recipient-check-status:empty { margin:0; }
.recipient-check-status.success { color:#246445; }
.recipient-check-status.error { color:#a8432e; }
.inline-builder { max-width:760px; margin:auto; scroll-margin-top:24px; }
.inline-builder-heading { display:flex; justify-content:space-between; align-items:center; gap:14px; }
.inline-builder-heading h2 { margin:0; }
.inline-builder-heading .btn { font-size:12px; min-height:44px; }
.inline-builder-heading .preview-toggle { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 16px; font-size:13px; color:var(--ink); background:#fff0de; border:1px solid #d77925; box-shadow:none; }
.inline-builder-heading .preview-toggle:hover { background:#ffe1bc; }
.preview-toggle svg { flex-shrink:0; }
.preview-toggle .preview-edit-icon { display:none; }
.inline-builder-heading .preview-toggle[aria-pressed=true] { color:white; background:var(--ink); border-color:var(--ink); }
.preview-toggle[aria-pressed=true] .preview-eye-icon { display:none; }
.preview-toggle[aria-pressed=true] .preview-edit-icon { display:block; }
.inline-mode-hint { font-size:12px; line-height:1.8; color:var(--muted); margin:13px 0 19px; }
.page-editor-shell { max-width:660px; margin:auto; }
.inline-page-editor .page-brand { position:relative; }
.editing-badge { position:absolute; right:15px; font-size:10px; font-weight:500; color:#755231; border:1px solid #ead5be; border-radius:20px; padding:4px 9px; background:#fff9; }
.inline-edit-field { display:block; position:relative; margin:0 0 12px; }
.inline-edit-field input,.inline-edit-field textarea { display:block; width:100%; min-width:0; font:inherit; color:var(--ink); background:#fff; border:1px dashed #d9d5ce; border-radius:10px; padding:10px 33px 10px 12px; text-align:center; margin:0; }
.inline-edit-field input:hover,.inline-edit-field textarea:hover { border-color:#c58a55; background:#fffcf7; }
.inline-edit-field input:focus,.inline-edit-field textarea:focus { background:#fffaf2; border-color:#c58a55; }
.inline-edit-field input::placeholder,.inline-edit-field textarea::placeholder { color:var(--ink); opacity:1; }
#support-form input[name]:focus::placeholder,#support-form textarea[name]:focus::placeholder { opacity:0; }
.inline-pencil { position:absolute; right:11px; top:11px; color:#9b5d28; font-size:17px; line-height:1.5; pointer-events:none; }
.inline-name { max-width:360px; margin:10px auto 8px; font-size:18px; font-weight:750; }
.inline-title { font-size:25px; font-weight:750; line-height:1.5; }
.inline-description { font-size:14px; line-height:1.9; margin-bottom:25px; }
.inline-description textarea { resize:vertical; min-height:120px; font-size:16px; font-weight:400; }
.inline-amounts { text-align:left; border:0; padding:0; margin:0 0 22px; }
.inline-amounts>legend,.inline-themes>legend { font-size:13px; font-weight:700; margin-bottom:12px; }
.inline-amount-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.inline-amount-tile { padding:15px 7px; min-width:0; min-height:145px; background:var(--page-soft); border-color:#e7d9c9; }
.inline-amount-tile input { width:100%; min-width:0; background:white; color:var(--ink); border:1px dashed #c9b59f; border-radius:7px; font:inherit; font-size:20px; font-weight:750; text-align:center; padding:7px 2px; appearance:textfield; -moz-appearance:textfield; }
.inline-amount-tile input::-webkit-inner-spin-button,.inline-amount-tile input::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
.inline-amount-tile .amount-illustration { margin-bottom:8px; color:#794b26; }
.inline-amount-tile .amount-caption { color:#665848; font-size:10px; }
.inline-custom-toggle { margin:0 0 23px; text-align:left; }
.inline-themes { border:0; padding:0; margin:0 0 23px; text-align:left; }
.inline-themes .theme-swatches { justify-content:center; }
.inline-extra-settings { text-align:left; margin-top:12px; }
.inline-page-editor .editor-footnote { margin:16px 0 0; text-align:center; padding:0; }
.inline-builder-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:23px; }
.inline-builder-actions .btn { font-size:12px; min-height:48px; }
.inline-builder #support-error { margin-top:20px; }
.inline-studio .sharing-section { scroll-margin-top:24px; }
.sns-device-shell { max-width:470px; margin:auto; border:1px solid #d7dce0; border-radius:20px; overflow:hidden; background:#fff; box-shadow:0 10px 30px #25394b0a; }
.sns-app-chrome { display:flex; align-items:center; gap:9px; min-height:62px; padding:16px 20px; border-bottom:1px solid #edf0f1; }
.sns-app-chrome>strong { font-size:16px; }
.sns-example-label { margin-left:auto; font-size:10px; font-weight:400; color:#65717b; }
.sns-device-shell .x-post-example { border:0; border-radius:0; box-shadow:none; }
.x-timeline-tabs { text-align:center; padding:16px 8px; font-size:12px; font-weight:650; border-bottom:1px solid #e6e9ec; color:#596773; }
.line-chat-heading { padding:16px; background:#f7f9fb; font-size:13px; font-weight:650; }
.line-chat-area { padding:17px 15px 25px; background:#c8d7e8; min-height:370px; }
.line-chat-date { font-size:10px; background:#8da1b9; color:white; border-radius:20px; padding:6px 10px; width:max-content; margin:0 auto 23px; }
.line-message-bubble { max-width:89%; margin-left:auto; border-radius:15px 4px 15px 15px; background:#a8e889; padding:13px; }
.line-message-bubble>p { font-size:13px; line-height:1.8; white-space:pre-line; overflow-wrap:anywhere; margin:0 0 13px; }
.line-message-bubble .x-preview-artwork { min-height:130px; padding:16px; }
.line-message-bubble .x-preview-creator { margin:14px 0 6px; font-size:20px; }
.line-message-bubble .x-preview-caption { padding:13px; }
.sns-inert-composer,.sns-bottom-navigation { padding:17px 10px; font-size:13px; color:#68737c; background:white; text-align:center; border-top:1px solid #eef0f1; }
.instagram-profile { padding:23px 20px 17px; }
.instagram-identity { display:flex; gap:17px; align-items:center; margin-bottom:19px; }
.instagram-avatar { width:72px; height:72px; border:3px solid #e59485; box-shadow:inset 0 0 0 4px white; background:#f7eadf; display:grid; place-items:center; border-radius:50%; font-size:28px; color:#6e4a35; flex-shrink:0; }
.instagram-counters { flex:1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; text-align:center; }
.instagram-counters>span { display:flex; flex-direction:column; gap:6px; }
.instagram-counters strong { font-size:16px; }
.instagram-counters small { font-size:10px; color:#4b5965; }
.instagram-name { display:block; font-size:14px; margin-bottom:8px; overflow-wrap:anywhere; }
.instagram-bio { font-size:12px; line-height:1.8; white-space:pre-line; overflow-wrap:anywhere; margin:0 0 8px; }
.instagram-support-link { display:block; border:0; background:transparent; color:#254e73; text-align:left; padding:5px 0; min-height:44px; font:inherit; font-weight:650; font-size:12px; overflow-wrap:anywhere; }
.instagram-grid-tabs { padding:14px 10px; text-align:center; color:#64707c; border-top:1px solid #e9ecee; }
.instagram-post-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:3px; }
.instagram-post-placeholder { min-height:115px; display:grid; place-items:center; font-size:10px; color:#596570; background:linear-gradient(140deg,#f4e6d7,#e5ceb6); }
.instagram-post-placeholder.post-1 { background:linear-gradient(140deg,#d7e6eb,#bbcfd8); }
.instagram-post-placeholder.post-2 { background:linear-gradient(140deg,#e2e6d9,#bfccb7); }
.facebook-navigation { background:#f1f3f5; padding:15px 10px; text-align:center; font-size:12px; color:#475d75; }
.sns-facebook .sns-app-chrome>strong { color:#0866ff; }
.sns-facebook .x-post-example { border-top:8px solid #f1f3f5; }
@media(max-width:760px) {
  .creation-flow { margin-bottom:25px; }
  .creation-flow a { font-size:10px; gap:9px; }
  .flow-number { width:34px; height:34px; font-size:12px; }
  .creation-flow li:not(:last-child)::after { top:17px; left:calc(50% + 22px); width:calc(100% - 44px); }
  .recipient-step { padding:22px 20px; margin-bottom:29px; }
  .recipient-input-row { flex-direction:column; }
  .inline-builder-heading { gap:12px; flex-direction:column; align-items:stretch; }
  .inline-builder-heading h2,.recipient-step h2 { font-size:16px; line-height:1.6; }
  .inline-builder-heading .btn { font-size:10px; padding:11px 9px; }
  .inline-builder-heading .preview-toggle { font-size:13px; padding:12px 16px; }
  .inline-mode-hint { font-size:11px; }
  .inline-title { font-size:21px; }
  .inline-amount-grid { gap:7px; }
  .inline-amount-tile { padding:12px 4px; min-height:136px; }
  .inline-amount-tile input { font-size:17px; }
  .inline-amount-tile .amount-caption { font-size:9px; }
  .inline-builder-actions { flex-direction:column; }
  .inline-builder-actions .btn { width:100%; }
  .inline-themes .theme-swatches { gap:15px; }
  .line-chat-area { padding:15px 10px 20px; }
  .line-message-bubble { max-width:94%; padding:11px; }
  .sns-app-chrome { padding:15px; }
  .instagram-profile { padding:20px 15px 15px; }
  .instagram-identity { gap:10px; }
  .instagram-avatar { width:57px; height:57px; font-size:23px; }
  .instagram-counters small { font-size:9px; }
  .instagram-post-placeholder { min-height:85px; }
}

/* Reserve the compact mobile row before anchor navigation expands the header. */
@media(max-width:760px) {
  .studio-body { --header-flow-reserve:48px; }
  .studio-body:has(.account-topbar.has-header-flow) { --header-flow-reserve:0px; }
}
.after-payment-guide { margin:22px 0 10px; padding:18px; background:#fff7ea; border:1px solid #ead6bd; border-radius:13px; text-align:left; }
.after-payment-guide h3 { font-size:15px; margin:0 0 10px; color:#13202b; }
.after-payment-guide p { font-size:12px; line-height:1.9; color:#465866; margin:8px 0; }
.after-payment-guide .after-payment-caution { font-weight:650; }
.after-payment-guide .confirmation-warning { font-size:11px; color:#596570; }
.after-payment-jump { display:inline-flex; align-items:center; min-height:44px; font-size:12px; color:#38576d; text-decoration:underline; text-underline-offset:4px; }
#after-payment-title { scroll-margin-top:25px; }
.amount-caption { max-width:100%; overflow-wrap:anywhere; }

/* Keep preview status visible and move identity notes into optional details. */
.is-page-preview .preview-toolbar { position:sticky; top:0; z-index:60; max-width:none; padding:14px max(20px,calc((100vw - 960px)/2)); background:#fffffff5; border-bottom:1px solid #eadfce; flex-wrap:wrap; }
.preview-mode-label { margin-left:auto; font-size:12px; line-height:1.6; color:#82410a; background:#fff0d9; border:1px solid #e3ad71; border-radius:20px; padding:7px 12px; }
.preview-warning { padding:20px; margin:12px 0 16px; border:2px solid #d78b37; border-radius:14px; background:#fff3df; text-align:center; color:#6e380d; }
.preview-warning h1 { margin:0 0 7px; font-size:22px; line-height:1.5; }
.preview-warning p { margin:0; font-size:14px; line-height:1.8; font-weight:650; }
.preview-load-status { font-size:11px; line-height:1.9; color:#596570; margin:0 0 18px; text-align:center; }
.creator-page:not(.inline-page-editor) .creator-identity { padding-bottom:24px; }
.page-information { margin-top:20px; border-top:1px solid #ece5da; padding-top:10px; text-align:left; color:#596570; }
.page-information summary { display:flex; align-items:center; justify-content:space-between; min-height:44px; font-size:11px; cursor:pointer; list-style:none; }
.page-information summary::after { content:'＋'; }
.page-information[open] summary::after { content:'−'; }
.page-information summary::-webkit-details-marker { display:none; }
.page-information p { font-size:11px; line-height:1.9; margin:5px 0 0; }
@media(max-width:600px) { .is-page-preview .preview-toolbar { padding:12px 15px; gap:10px; }.is-page-preview .preview-toolbar>.btn { font-size:10px; padding:9px; }.preview-mode-label { font-size:10px; padding:6px 9px; }.preview-warning h1 { font-size:20px; } }

.page-brand[href] { text-decoration:none; }
.page-brand[href]:focus-visible { outline:3px solid #9d4c0d; outline-offset:-4px; }

.create-tip-page-link { display:inline-block; max-width:100%; min-height:44px; padding:10px 0; font-size:13px; font-weight:650; line-height:1.9; color:#38576d; text-decoration:underline; text-underline-offset:4px; }
.after-payment-guide .create-tip-page-link { margin-top:8px; }
.create-tip-page-footer { margin:0 auto 12px; }
.create-tip-page-footer .receiving-page-label,.create-tip-page-footer .create-tip-page-prompt { color:inherit; }
.create-tip-page-prompt { white-space:nowrap; }

/* Share the service itself, separate from the creator's generated page links. */
.parts-account.site-share-enabled { display:flex; align-items:center; gap:6px; }
.site-share { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 14px; border:1px solid #e4ded5; border-radius:12px; background:#fff; color:#4d5f6b; font:inherit; font-size:13px; font-weight:650; line-height:1.5; text-decoration:none; cursor:pointer; }
.site-share:hover { background:#fff7eb; }
.site-share:focus-visible { outline:3px solid #236b88; outline-offset:3px; }
.site-share-icon { width:44px; height:44px; min-width:44px; padding:9px; flex-shrink:0; }
.parts-account .site-share .ui-icon { width:22px; height:22px; }
.parts-footer .site-share { color:#4d5f6b; text-decoration:none; }
.site-share-footer { margin:0 auto 18px; }
@media(max-width:380px) {
  .parts-header .brand { font-size:14px; gap:6px; }
  .parts-header .brand .bitcoin-logo { width:28px; height:28px; }
  .site-share-enabled .parts-login,.site-share-enabled>details>summary { width:44px; min-width:44px; padding:0; gap:0; font-size:0; justify-content:center; }
  .site-share-enabled .parts-menu-chevron { display:none; }
}