/* AILN UI Craft: presentation only. No business visibility or permission rules. */
:root{--craft-cream:#faf9f3;--craft-forest:#084838;--craft-mint:#28c098;--craft-muted:#46675b;--craft-line:#d4e2da;--craft-radius:12px;--craft-control:8px;--craft-width:1280px;--craft-gutter:clamp(20px,4.4vw,64px);--craft-space:clamp(48px,6vw,88px);--craft-ease:cubic-bezier(.22,.61,.36,1)}
html{scroll-padding-top:24px;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body:not(.reader-page){font-family:"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
img,video,svg{max-inline-size:100%}
:where(main,section,article,aside,nav,form,header,footer)>*{min-inline-size:0}
:where(h1,h2,h3){text-wrap:balance;letter-spacing:-.025em;overflow-wrap:normal}
:where(p,li,dd){text-wrap:pretty}
:where(button,input,select,textarea){font:inherit;letter-spacing:inherit}
:where(button,a,input,select,textarea,summary){-webkit-tap-highlight-color:transparent}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--craft-mint)!important;outline-offset:4px!important;scroll-margin-block:24px}
:where(input,textarea)::placeholder{color:#587266;opacity:1}
:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-radius:var(--craft-control);min-block-size:44px;max-inline-size:100%;padding:10px 14px;line-height:1.45}
:where(button,.button,.v2-button,.v12-outline,.btn){min-block-size:44px;border-radius:var(--craft-control);line-height:1.35;vertical-align:middle;touch-action:manipulation}
:where(.button,.v2-button,.v12-outline,.btn){display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;text-align:center;font-weight:600}
:where(button,.button,.v2-button,.v12-outline,.btn,input,select){transition:background-color 160ms var(--craft-ease),border-color 160ms var(--craft-ease),box-shadow 160ms var(--craft-ease),color 160ms var(--craft-ease)}
:where(button:disabled,[aria-disabled=true]){cursor:not-allowed}
:where(.v2-meta,.v12-meta,.source,.muted){color:var(--craft-muted)}
:where(progress,.price,.balance,.market-ticker,.preview-stats,.m02-home-progress,.m02-supply){font-variant-numeric:tabular-nums}
:where(code,pre,.r1-contract,.m02-contract,.wallet-state){overflow-wrap:anywhere}
pre{max-inline-size:100%;overflow:auto;tab-size:2;line-height:1.6}
:where(.v2-header,.site-header,.topbar,.reader-header){align-items:center;column-gap:24px;row-gap:12px}
:where(.v2-header,.site-header){max-inline-size:calc(var(--craft-width) + 2*var(--craft-gutter));margin-inline:auto;padding-inline:var(--craft-gutter)}
.v2-header{min-block-size:88px;padding-block:16px}
.v2-brand,.brand{flex-shrink:0;align-items:center}
:where(.v2-brand img,.brand img,.reader-header img){object-fit:contain;block-size:auto}
.v2-nav{align-items:center;gap:clamp(14px,1.7vw,28px)}
.v2-nav a,.product-nav a{display:inline-flex;align-items:center;min-block-size:44px;line-height:1.3}
:where(.v2-header,.site-header) :where(nav,.account-tools){font-size:14px}
.v2-header .v2-langs{align-items:center;gap:10px}
.v12-section,.v2-footer{max-inline-size:calc(var(--craft-width) + 2*var(--craft-gutter));margin-inline:auto;padding-inline:var(--craft-gutter)}
.v12-section{padding-block:var(--craft-space)}
.v12-section h2{font-size:clamp(28px,3.15vw,44px);line-height:1.22;font-weight:650;margin-block:12px 24px}
.v12-section h3{font-size:clamp(21px,2vw,28px);line-height:1.35}
.v12-section p{line-height:1.75}
.v3-hero h1{line-height:1.06;letter-spacing:-.045em}
@media(min-width:721px){.v2-hero,.v3-upgrade .v2-hero{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}
.v12-actions,.hero-actions,.m02-actions,.wallet-form{align-items:center;gap:12px 16px}
.v12-actions{display:flex;flex-wrap:wrap;margin-block:24px 16px}
/* The older shared style adds a second arrow after an already labelled CTA. */
:where(.v2-button,.v2-text-link):has(>span)::after{content:none!important}
.conversion-quick{max-inline-size:var(--craft-width);margin:28px var(--craft-gutter) 0;padding:clamp(24px,3vw,40px);border-radius:16px}
.conversion-quick h2{font-size:clamp(23px,2.3vw,30px);line-height:1.3;margin-block:12px 20px}
.conversion-quick code{font-size:15px;line-height:1.8}
.r1-contract{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}
.r1-contract p{flex-basis:100%;margin-block:0 4px}
.m02-home-progress{margin-block:24px;padding-block:18px;border-block:1px solid var(--craft-line)}
progress{height:6px;accent-color:var(--craft-mint);border:0;border-radius:99px;overflow:hidden}
progress::-webkit-progress-bar{background:#dfe9e2;border-radius:99px}
progress::-webkit-progress-value{background:var(--craft-mint);border-radius:99px}
.m02-contract,.r1-contract code{font-size:13px;line-height:1.6}
.conversion-identity{gap:12px;align-items:end}
.v12-seed-art{position:static}
.v12-seed-art>img{display:block;object-fit:contain}
/* Equal, quiet frames retain each official mark and the approved network order. */
.ailn-network-bar{max-inline-size:calc(var(--craft-width) + 2*var(--craft-gutter));padding:10px var(--craft-gutter);gap:24px;justify-content:flex-end;min-block-size:64px}
.ailn-networks,.ailn-networks.is-compact{gap:12px}
.ailn-networks.is-compact .ailn-network-item{inline-size:40px;block-size:40px;min-block-size:40px;border:1px solid var(--craft-line);background:#fffdf8;border-radius:10px;justify-content:center;padding:8px}
.ailn-networks.is-compact img{inline-size:24px;block-size:24px;object-fit:contain}
.ailn-network-tools .ailn-networks{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.ailn-network-tools .ailn-network-item{padding:12px 10px;gap:10px;border:1px solid var(--craft-line);border-radius:10px;background:#fffdf8;font-size:13px}
.ailn-network-tools img{inline-size:26px;block-size:26px}
.ailn-network-label{color:var(--craft-muted);letter-spacing:.08em}
/* Marketplace uses the same component rhythm, retaining B+ structure. */
.page{max-inline-size:calc(var(--craft-width) + 2*var(--craft-gutter));padding-inline:var(--craft-gutter)}
.site-header{min-block-size:88px}
.preview-heading{gap:24px;align-items:center}
.preview-heading h1{font-size:clamp(26px,2.8vw,40px);line-height:1.18;letter-spacing:-.025em}
.market-ticker{padding-block:24px}
.market-ticker>div{min-width:0}
.detail-panel,.owned-card,.market-card,.wallet-box{border-radius:var(--craft-radius);box-shadow:0 4px 18px #08483805}
.market-toolbar{align-items:center;gap:12px}
.market-toolbar input{min-width:0}
.market-history{margin-block:24px}
.market-empty{padding:clamp(24px,3vw,40px);line-height:1.7}
.page-footer{align-items:center;gap:20px;line-height:1.6}
/* Existing utility pages retain their layouts; align their reading measure. */
.topbar{min-height:80px}
.page-heading h1{line-height:1.18;letter-spacing:-.025em}
.container{max-width:1408px}
.card,.tool-card{border-radius:var(--craft-radius)}
.side a{min-height:44px;align-items:center}
.main>h1,.main .view>h1{line-height:1.2;margin-bottom:16px}
.main input{min-width:0}
.reader-header{gap:20px;padding-block:16px}
.reader-page{--craft-line:#3f6154;color-scheme:dark}
.reader-page button,.reader-page select,.reader-page input{line-height:1.45}
.reader-page article{min-width:0}
.reader-page article img{max-width:100%;height:auto}
.reader-page article :where(p,li){line-height:1.85}
.reader-page article pre{white-space:pre;overflow:auto}
.reader-sidebar a{line-height:1.5;padding-block:10px}
@media(hover:hover) and (pointer:fine){:where(.v2-button,.button,.btn):not(:disabled):hover{box-shadow:0 4px 12px #08483812}:where(a,button):hover{ text-underline-offset:4px}}
@media(min-width:1440px){.conversion-quick{margin-inline:auto}}
@media(max-width:1100px){.v2-header{flex-wrap:wrap}.v2-nav{gap:12px 20px;flex-wrap:wrap}.ailn-network-tools .ailn-networks{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:768px){:root{--craft-gutter:24px;--craft-space:48px}.v2-header,.site-header{padding-inline:24px}.v12-section h2{font-size:30px}.ailn-network-bar{justify-content:space-between;gap:12px;flex-wrap:wrap}.product-nav{gap:24px}.page-footer{flex-wrap:wrap}.market-toolbar{flex-wrap:wrap}.market-toolbar select{flex:1;min-width:160px}.reader-header{flex-wrap:wrap}}
@media(max-width:480px){:root{--craft-gutter:20px;--craft-space:40px}body:not(.reader-page){font-size:16px}.v2-header,.site-header{padding-inline:20px;min-height:76px}.v2-header nav a{font-size:14px}.v12-section h2{font-size:28px;line-height:1.28}.v12-section h3{font-size:22px}.v12-actions{gap:12px}.conversion-quick{margin-inline:20px;padding:24px}.conversion-quick code{font-size:14px;overflow-wrap:anywhere}.ailn-networks.is-compact{gap:8px;display:grid;grid-template-columns:repeat(7,1fr);width:100%}.ailn-networks.is-compact .ailn-network-item{width:36px;height:36px;min-height:36px;padding:7px}.ailn-networks.is-compact img{width:22px;height:22px}.ailn-network-tools .ailn-networks{grid-template-columns:repeat(2,minmax(0,1fr))}.ailn-network-bar{padding-inline:20px}.preview-heading{align-items:flex-start;gap:16px}.preview-heading h1{font-size:26px;line-height:1.2}.preview-heading .button{padding:10px 14px}.product-nav{gap:20px}.market-toolbar>*{max-width:100%}.market-toolbar select{width:auto}.wallet-form input{min-width:0;width:100%}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}.r1-contract{gap:12px}.reader-header{gap:12px}.reader-sidebar a{padding-block:12px}}
@media(max-width:480px){
 .wallet-native .wallet-credit{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:24px}
 .wallet-native .wallet-credit h2,.wallet-native .wallet-credit .bigbal,.wallet-native .wallet-credit .scope-note{grid-column:1;grid-row:auto;max-width:none;width:auto;margin:0}
 .wallet-native .wallet-credit h2{font-size:16px;line-height:1.4}
 .wallet-native .wallet-credit .scope-note{font-size:13px;line-height:1.65}
 .result-count{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
 .result-count .priced-toggle{grid-column:1/-1;justify-self:stretch;margin:0;text-align:left}
 .result-count .priced-toggle button{width:100%;text-align:left}
}
/* Limit this layer's motion without truncating unrelated application animations. */
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 :where(button,.button,.v2-button,.v12-outline,.btn,input,select){transition:none}
}
