/* Product interface: calm surfaces, BSC accents, accessible focus and spacing. */
:root{color-scheme:dark;--surface:#14151b;--line:#ffffff12;--text:#f1f0f6;--muted:#a7a6b4;--accent:#f0b90b}
html{scroll-behavior:smooth;scroll-padding-top:28px}body{max-width:1160px;padding:24px 32px 48px;font-family:Arial,"Microsoft YaHei",sans-serif;color:var(--text);background:#0b0c10;line-height:1.6}body.dither{background:#0b0c10}body.dither::before{opacity:.12;animation:none;pointer-events:none}body.dither::after{opacity:.1;pointer-events:none}
.app-nav{display:flex;align-items:center;justify-content:space-between;padding:0 0 20px;border-bottom:1px solid var(--line);gap:16px}.app-brand{font-size:18px;font-weight:700;letter-spacing:-.5px}.app-brand span{color:var(--accent)}.app-nav-links{display:flex;gap:24px;align-items:center;font-size:13px}.app-nav a{color:var(--muted);text-decoration:none}.app-nav a:hover{color:var(--text)}.network-pill{display:inline-flex;gap:8px;align-items:center;background:#f0b90b0b;border:1px solid #f0b90b24;border-radius:30px;padding:5px 13px;color:#ead28a;font-size:12px}.network-pill::before{content:"";width:6px;height:6px;background:var(--accent);border-radius:50%}
.chain-header{margin:28px 0;padding:26px 0 20px;background:none;border:0;box-shadow:none;overflow:visible}.chain-header h1{font-size:clamp(27px,4vw,44px);font-weight:700;letter-spacing:-1.5px;margin:16px 0 10px;line-height:1.2;color:var(--text)}.chain-header p{max-width:680px;color:var(--muted);font-size:15px}.chain-badge{font-size:10px;letter-spacing:2px;color:#d6c789}.chain-mark{width:30px;height:30px}.chain-tags{position:static;margin:12px 0 0;gap:8px}.chain-tags span{background:#ffffff05;border:1px solid var(--line);color:var(--muted);font-size:11px}.chain-watermark{right:30px;width:130px;height:130px;opacity:.12}
.flow-steps{display:flex;gap:8px;margin:0 0 28px;color:var(--muted);font-size:12px}.flow-steps span{display:flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:#ffffff03}.flow-steps b{font-size:11px;color:var(--accent)}
.intake-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:start;margin:20px 0}.source-card,.pixel-cover,.wallet-panel,#edit-draft,.deployment-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 28px #00000015}.source-card{padding:24px}.card-eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--accent);margin:0 0 8px}.source-card h2,.wallet-panel h2{font-size:19px;margin:0 0 20px;font-weight:600}.source-card>label{color:var(--muted);font-size:13px}.source-card #source-url{max-width:none;margin:10px 0 20px;height:54px;font-size:15px}.source-card .prepare-actions{margin:8px 0}.source-card #bundle-status:empty{display:none}.source-card #bundle-status{font-size:13px;color:var(--muted);margin-top:18px}.pixel-cover{margin:0;padding:24px;min-height:208px}.pixel-cover h2{color:var(--text);font-size:19px}.pixel-cover button{font-size:12px;padding:10px 12px;margin:4px 4px 4px 0}.pixel-cover img{width:180px;border-radius:16px;margin:16px auto}.pixel-cover p,.pixel-cover a{font-size:12px}.pixel-cover #cover-status:empty{display:none}
input,select,textarea{background:#0e1016;border:1px solid #ffffff16;border-radius:10px;color:var(--text);font-family:inherit;padding:12px 14px;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}input:hover,select:hover,textarea:hover{border-color:#ffffff30}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;border-color:#f0b90b90;box-shadow:0 0 0 3px #f0b90b15}input:disabled,select:disabled{opacity:.55}input[readonly]{color:var(--muted)}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button.cosmic-button{border-radius:10px;background:#1d1e29;border-color:#ffffff20;box-shadow:none;font-size:13px;color:var(--text)}button.cosmic-button .galaxy{opacity:.25}button.cosmic-button .nebula,button.cosmic-button .cosmic-ring{opacity:.35}#prepare-bundle.cosmic-button,#launch-saved.cosmic-button{background:linear-gradient(125deg,#edc251,#f0b90b);border-color:#e8c057;color:#211c0d}#prepare-bundle:hover,#launch-saved.cosmic-button:hover{box-shadow:0 4px 22px #f0b90b26;color:#17120a}#prepare-bundle .galaxy,#launch-saved .galaxy{opacity:0}#prepare-bundle .cosmic-label,#launch-saved .cosmic-label{color:inherit}
#edit-draft{padding:16px 20px;margin:24px 0}#edit-draft>summary{border-radius:12px}#draft>fieldset{padding:20px;margin:18px 0;background:#101117;border:1px solid var(--line);border-radius:12px}#draft>fieldset>label{margin-bottom:18px}legend{font-size:13px;color:#d5d3df;padding:0 10px}label .field-title{font-size:13px;color:#d5d3df}.field-requirement{font-size:10px;border-radius:4px;padding:2px 5px}.field-requirement.required{color:#e5c966;background:#f0b90b0d}#deployment-summary{gap:16px;margin:20px 0}.deployment-card{padding:22px}.deployment-card h3{color:var(--text);font-size:16px}.deployment-card dt{font-size:12px;color:var(--muted)}.deployment-card dd{font-size:13px;color:var(--text)}.wallet-panel{padding:24px;margin:24px 0}.wallet-controls{margin-top:0}.wallet-controls label{font-size:13px;color:var(--muted)}.wallet-controls select{min-width:190px}.wallet-controls>p{font-size:12px;color:var(--muted);margin:8px 0 16px}.launch-actions{padding-top:18px;border-top:1px solid var(--line)}#launch-saved{min-height:48px}#launch-status{font-size:13px;overflow-wrap:anywhere}#launch-status.is-error{color:#ffb4a9}.token-contract-address{background:#f0b90b08;border-radius:12px}body>details{font-size:12px;color:var(--muted);margin:12px 0}body>p:last-of-type{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}#status:empty,#results:empty{display:none}#avatar-crop-dialog{background:#16171e;border-color:#ffffff25}
@media(min-width:900px){#draft>fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}#draft>fieldset:first-child>label:last-child{grid-column:1/-1}#draft>fieldset>#tax-vault-settings{grid-column:1/-1}#draft>fieldset>p{font-size:12px;color:var(--muted)}#symbol-ai-status{font-size:12px}#confirm-symbol{align-self:center;justify-self:start}}
@media(max-width:680px){body{padding:18px 16px 32px}.intake-grid{grid-template-columns:1fr}.app-nav-links>a{display:none}.chain-header{margin:18px 0}.chain-watermark{display:none}.chain-header h1{letter-spacing:-1px}.flow-steps{gap:6px}.flow-steps span{padding:7px 8px;font-size:11px;gap:6px}.source-card,.pixel-cover,.wallet-panel{padding:20px}#edit-draft{padding:12px}#draft>fieldset{padding:16px}.wallet-controls select{width:100%;min-width:0}.wallet-controls #connect-wallet{width:100%}.launch-actions #launch-saved{width:100%}.deployment-card dl{grid-template-columns:90px minmax(0,1fr)}}
.chain-watermark{right:24px;top:20px;width:176px;height:176px;color:#f5c842;opacity:.95;filter:drop-shadow(0 0 12px #f0b90b38)}
@media(max-width:900px) and (min-width:681px){.chain-watermark{width:110px;height:110px;right:0;top:6px}.chain-header h1{max-width:calc(100% - 120px)}}
@media(max-width:680px){.chain-watermark{display:block;width:72px;height:72px;right:0;top:14px;opacity:.9}.chain-header .chain-badge{max-width:calc(100% - 80px)}}
button.cosmic-button .cosmic-label{text-shadow:none}#edit-draft>summary .editor-logo{font-size:15px;text-shadow:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* From Uiverse.io by dexter-st; scoped to the heading. */
.chain-header .title-loader-wrapper{position:relative;display:flex;align-items:center;justify-content:flex-start;width:fit-content;max-width:calc(100% - 200px);min-height:96px;margin:16px 0 10px;font-family:Arial,"Microsoft YaHei",sans-serif;font-weight:600;user-select:none;color:#fff;isolation:isolate}
.title-loader{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:transparent;mask:repeating-linear-gradient(90deg,transparent 0,transparent 6px,#000 7px,#000 8px);-webkit-mask:repeating-linear-gradient(90deg,transparent 0,transparent 6px,#000 7px,#000 8px)}
.title-loader::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 50% 50%,#ff0 0%,transparent 50%),radial-gradient(circle at 45% 45%,#f00 0%,transparent 45%),radial-gradient(circle at 55% 55%,#0ff 0%,transparent 45%),radial-gradient(circle at 45% 55%,#0f0 0%,transparent 45%),radial-gradient(circle at 55% 45%,#00f 0%,transparent 45%);mask:radial-gradient(circle at 50% 50%,transparent 0%,transparent 10%,#000 25%);-webkit-mask:radial-gradient(circle at 50% 50%,transparent 0%,transparent 10%,#000 25%);animation:title-transform 2s infinite alternate cubic-bezier(.6,.8,.5,1),title-opacity 4s infinite cubic-bezier(.6,.8,.5,1)}
.title-loader{inset:-22px -28px;overflow:visible;border:0;box-shadow:none;border-radius:50%;mask:radial-gradient(ellipse at center,#000 12%,#0008 42%,transparent 72%);-webkit-mask:radial-gradient(ellipse at center,#000 12%,#0008 42%,transparent 72%)}
.title-loader::after{filter:blur(10px);background-image:radial-gradient(ellipse at 50% 50%,#f6d05b80,transparent 62%),radial-gradient(ellipse at 42% 45%,#c45cff60,transparent 64%),radial-gradient(ellipse at 58% 55%,#6ad6ff50,transparent 64%);mask:repeating-linear-gradient(90deg,#0002 0,#0002 5px,#0007 7px,#0002 10px);-webkit-mask:repeating-linear-gradient(90deg,#0002 0,#0002 5px,#0007 7px,#0002 10px)}
.title-letters{position:relative;z-index:1;line-height:1.3}.title-letter{display:inline-block;opacity:.6;animation:title-letter 4s infinite linear;animation-delay:var(--letter-delay)}
@keyframes title-transform{from{transform:translateX(-55%)}to{transform:translateX(55%)}}
@keyframes title-opacity{0%,100%{opacity:0}15%{opacity:1}65%{opacity:0}}
@keyframes title-letter{0%{opacity:.6;transform:none}5%{opacity:1;text-shadow:0 0 4px #fff;transform:scale(1.1) translateY(-2px)}20%{opacity:.65}100%{opacity:.6;transform:none}}
@media(max-width:900px) and (min-width:681px){.chain-header .title-loader-wrapper{max-width:calc(100% - 120px)}}
@media(max-width:680px){.chain-header .title-loader-wrapper{max-width:100%;min-height:76px;font-size:clamp(21px,6vw,27px);letter-spacing:-1px}}
@media(prefers-reduced-motion:reduce){.title-loader{display:none}.title-letter{animation:none;opacity:1}}
/* From Uiverse.io by alexruix; five-cell SVG logo ripple. */
.chain-watermark.logo-ripple{filter:drop-shadow(0 0 8px #f5c84233)}
.logo-cell{fill:var(--cell-color);animation:logo-cell-ripple 3s ease infinite;animation-delay:var(--cell-delay)}
@keyframes logo-cell-ripple{0%,60%,100%{fill:transparent}30%{fill:var(--cell-color)}}
@media(prefers-reduced-motion:reduce){.logo-cell{animation:none;fill:var(--cell-color)}}
.about-section{margin:36px 0 12px;padding:28px 0;border-top:1px solid var(--line);scroll-margin-top:24px}.about-section h2{margin:8px 0 12px;font-size:24px;letter-spacing:-.5px}.about-section>p:not(.card-eyebrow){max-width:720px;color:var(--muted);font-size:14px}
.about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin:24px 0 0;list-style:none;counter-reset:principle}.about-principles li{counter-increment:principle;border-top:1px solid var(--line);padding-top:16px}.about-principles li::before{content:"0" counter(principle);display:block;margin-bottom:10px;color:var(--accent);font-size:12px}.about-principles strong{font-size:15px;font-weight:600}.about-principles p{color:var(--muted);font-size:13px;line-height:1.8;margin:10px 0 0}@media(max-width:680px){.about-principles{grid-template-columns:1fr;gap:20px}}
@media(max-width:680px){.app-nav{flex-wrap:wrap}.app-nav-links{gap:14px;flex-wrap:wrap}.app-nav-links>a{display:inline-block;font-size:12px}.about-section h2{font-size:21px}}
#edit-draft .editor-background{background:linear-gradient(125deg,#17181f 0%,#29231b 55%,#705323 100%);opacity:.85}#edit-draft[open] .editor-background{opacity:.95}#edit-draft .editor-logo{color:#f6d777}#edit-draft .editor-box{border-top-color:#f0b90b50;border-right-color:#f0b90b30;box-shadow:-7px 7px 24px #0003}#edit-draft .editor-box1{background:linear-gradient(120deg,#f5c84224,#ff8a0018)}#edit-draft .editor-box2{background:linear-gradient(120deg,#f0b90b2b,#91682620)}#edit-draft .editor-box3{background:linear-gradient(120deg,#ffda6330,#c98c2420)}#edit-draft .editor-box4{background:#f0b90b24}

#edit-draft .editor-box{background:rgba(0,0,0,.22);border-top-color:rgba(0,0,0,.18);border-right-color:rgba(0,0,0,.12);box-shadow:-7px 7px 24px #0002}#edit-draft .editor-box1{background:rgba(0,0,0,.14)}#edit-draft .editor-box2{background:rgba(0,0,0,.20)}#edit-draft .editor-box3{background:rgba(0,0,0,.26)}#edit-draft .editor-box4{background:rgba(0,0,0,.32)}

#edit-draft #draft>fieldset.section-card{background:linear-gradient(125deg,rgba(23,24,31,.50) 0%,rgba(41,35,27,.50) 55%,rgba(112,83,35,.50) 100%);border:1px solid #ffffff18;border-radius:14px;box-shadow:inset 0 0 24px #0002;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}#edit-draft #draft>fieldset.section-card>legend{color:#f6d777}#edit-draft #draft>fieldset.section-card>legend .section-title{color:inherit}
/* From Uiverse.io by RaspberryBee; button state follows successful saving. */
.save-switch-cont{display:inline-block;padding-right:100px;margin:20px 12px 20px 0;vertical-align:middle}
#save-draft.save-switch{font-size:17px;position:relative;display:inline-block;width:3.5em;height:2em;padding:0;margin:0;border:0;border-radius:10px;background:transparent;box-shadow:none;cursor:pointer;overflow:visible;vertical-align:middle}
.save-switch .slider{position:absolute;inset:0;background:rgba(0,0,0,.5);transition:background-color .4s;border-radius:10px;pointer-events:none}
.save-switch .slider::before{position:absolute;content:"";height:1.4em;width:1.4em;border-radius:8px;left:.3em;bottom:.3em;transform:rotate(270deg);background:#fff;transition:transform .4s}
.save-switch.is-saved .slider{background:#21cc4c}.save-switch.is-saved .slider::before{transform:translateX(1.5em)}
.save-switch .save-label{position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);white-space:nowrap;color:var(--text);font-size:14px;font-weight:600}.save-switch.is-saved .save-label{color:#65e782}
#save-draft.save-switch:focus-visible{outline:2px solid #f0b90b;outline-offset:4px}#save-draft.save-switch:disabled{cursor:wait;opacity:.65}
@media(prefers-reduced-motion:reduce){.save-switch .slider,.save-switch .slider::before{transition:none}}
#avatar-crop-dialog{position:fixed;inset:0;margin:auto;max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);box-sizing:border-box}#avatar-crop-close{position:absolute;right:12px;top:10px;width:32px;height:32px;padding:0;background:transparent;border:0;color:#d5d3df;font-size:25px;cursor:pointer}#avatar-crop-dialog h2{padding-right:28px}
@media(max-width:680px){.flow-steps{flex-wrap:wrap}}