:root{--bg: #f3f6f8;--bg-alt: #edf4ff;--bg-glow: #dff7f1;--surface: #ffffff;--surface-soft: #f6fbfc;--hero-bg-start: rgba(255, 255, 255, .98);--hero-bg-end: rgba(241, 250, 252, .92);--text: #0d1a24;--muted: #566470;--line: #d8e2e8;--result-bg: #f9fcfd;--result-border: #c8d5dd;--tab-bg: #f4f7fa;--tab-text: #3f4f5b;--chip-bg: #eff8f7;--chip-border: rgba(11, 122, 117, .22);--code-bg: #ffffff;--code-text: #122636;--brand: #0b7a75;--brand-strong: #075a57;--accent: #e48a2d;--success: #0f9d67;--danger: #c63636;--shadow: 0 10px 30px rgba(13, 26, 36, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,Avenir Next,Trebuchet MS,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 0%,var(--bg-glow) 0%,var(--bg) 45%,var(--bg-alt) 100%);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}.aurora{position:fixed;inset:-30% auto auto -30%;width:70vw;height:70vw;max-width:640px;max-height:640px;background:radial-gradient(circle,#0b7a7540,#0b7a7500 70%);pointer-events:none;z-index:0}.container{position:relative;z-index:1;width:min(860px,96vw);margin:0 auto;padding:20px 12px 36px}.hero-header{background:linear-gradient(140deg,var(--hero-bg-start),var(--hero-bg-end));border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow);margin-bottom:14px}h1{font-size:clamp(16px,4.5vw,34px);line-height:1.08;margin-bottom:8px;letter-spacing:-.02em;white-space:nowrap}.hero-copy{color:var(--muted);font-size:14px;max-width:560px}.hero-credit-row{margin-top:14px;display:grid;gap:8px}.credit-top-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.credits-display{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;border-radius:999px;background:var(--chip-bg);border:1px solid var(--chip-border);padding:6px 12px}#mode-label{font-family:Space Grotesk,Avenir Next,Trebuchet MS,sans-serif;font-size:12px}.credit-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}.credit-top-row .btn,.credit-toolbar .btn{width:100%}.credits-label{color:var(--muted);font-size:12px;font-weight:500}.credits-value{font-family:JetBrains Mono,monospace;font-weight:700;font-size:14px}.pro-badge{display:inline-block;background:linear-gradient(140deg,#ffe29a,#f7c553);color:#2f1d02;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.06em;padding:2px 8px;border:1px solid rgba(228,138,45,.35)}main{display:grid;gap:14px}.feature-card,.legacy-shell{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:16px}.section-head{margin-bottom:14px}h2{font-size:18px;margin-bottom:4px}h3{font-size:14px;text-transform:uppercase;color:var(--muted);letter-spacing:.06em;margin-bottom:12px}.section-head p,summary{color:var(--muted);font-size:13px}.network-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.mode-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.network-tab,.mode-tab{border:1px solid var(--line);background:var(--tab-bg);color:var(--tab-text);border-radius:10px;padding:10px 12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.network-tab.active,.mode-tab.active{background:var(--brand);color:#fff;border-color:transparent}.field-stack{display:grid;gap:10px;margin-bottom:12px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}label,.result-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}.field-note{font-size:12px;color:var(--muted);border:1px dashed var(--result-border);border-radius:8px;padding:9px 10px;background:var(--result-bg)}input,select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-family:inherit;font-size:14px;background:var(--surface-soft);color:var(--text)}input[readonly]{background:var(--result-bg);color:var(--muted);cursor:default}input:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #0b7a7529}.result-shell,.result-section{border:1px dashed var(--result-border);background:var(--result-bg);border-radius:12px;padding:12px}.uri-code,.result-display code{display:block;background:var(--code-bg);border:1px solid var(--line);border-radius:8px;padding:10px;font-family:JetBrains Mono,Courier New,monospace;font-size:12px;line-height:1.45;color:var(--code-text);word-break:break-all;margin:8px 0 12px}.preview-wrap{display:flex;justify-content:center;background:var(--code-bg);border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:12px}.preview-wrap img{width:min(100%,320px);border-radius:6px}.result-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.btn{border:none;border-radius:10px;padding:11px 12px;font-size:13px;font-weight:700;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background-color .16s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.58;cursor:not-allowed}.btn-primary{width:100%;background:var(--brand);color:#fff}.btn-secondary{background:#0f283b;color:#fff}.btn-outline{background:var(--surface);border:1px solid var(--line);color:var(--text)}.btn-pro{background:linear-gradient(140deg,#ffe29a,#f7c553);color:#2f1d02;border:1px solid rgba(228,138,45,.35)}.btn.loading{position:relative;color:transparent!important}.btn.loading:after{content:"";width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;position:absolute;animation:spin .8s linear infinite}.btn-primary.loading:after,.btn-secondary.loading:after{border-top-color:#fff}.btn-outline.loading:after,.btn-pro.loading:after{border-top-color:#122636}.copy-feedback{margin-top:8px;min-height:18px;text-align:center;font-size:12px;font-weight:600;color:var(--success)}.legacy-shell summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--text)}.legacy-shell summary::-webkit-details-marker{display:none}.summary-arrow{font-size:11px;color:var(--muted);transition:transform .2s ease}.legacy-shell details[open] .summary-arrow{transform:rotate(180deg)}.legacy-shell details[open] summary{margin-bottom:14px}.legacy-content{border-top:1px solid var(--line);padding-top:14px}.legacy-note{font-size:12px;color:var(--muted);border:1px dashed var(--result-border);border-radius:10px;padding:10px 12px}.options-section,.earn-credits-section,.generate-section,.mode-section{margin-bottom:12px}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.option-item{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px;font-size:12px}.option-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand)}.option-label,.credit-cost,.credit-reward{font-size:12px}.length-control{display:grid;gap:8px}.length-input-group{display:flex;align-items:center;gap:8px}.length-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:var(--surface);font-size:18px;cursor:pointer}.length-input-group input[type=number]{width:72px;font-family:JetBrains Mono,monospace;text-align:center}input[type=range]{appearance:none;height:6px;border-radius:999px;background:var(--line)}input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--brand);cursor:pointer}input[type=range]::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:var(--brand);cursor:pointer}.number-inputs{display:grid;gap:8px}.number-inputs{grid-template-columns:1fr 1fr}body.theme-dark{--hero-bg-start: rgba(24, 33, 45, .95);--hero-bg-end: rgba(16, 25, 36, .92);--chip-border: rgba(146, 175, 197, .35)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:760px){.result-actions,.grid-three{grid-template-columns:1fr}.network-tabs{grid-template-columns:1fr 1fr}.feature-card,.legacy-shell,.hero-header{border-radius:14px;padding:14px}}@media(max-width:520px){.credit-top-row{grid-template-columns:1fr}h1{font-size:clamp(14px,4.6vw,18px)}.grid-two,.number-inputs,.options-grid,.mode-tabs{grid-template-columns:1fr}}