@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;700&family=Noto+Serif+SC:wght@500;700;900&display=swap";:root{--bg: #030405;--bg-elevated: rgba(10, 11, 15, .9);--panel: rgba(12, 13, 18, .9);--panel-strong: rgba(18, 20, 28, .98);--panel-glass: rgba(14, 16, 23, .76);--border: rgba(241, 238, 231, .12);--border-strong: rgba(241, 238, 231, .22);--text: #f5f1e8;--text-muted: #ada79b;--text-soft: #7f7a71;--accent: #79f0de;--accent-strong: #66b8ff;--accent-warm: #ff9c54;--accent-hot: #ff4fa3;--accent-violet: #9d7dff;--accent-glow: rgba(102, 184, 255, .3);--success: #7fe9a9;--error: #ff7777;--shadow: 0 30px 90px rgba(0, 0, 0, .56);--radius-xl: 34px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px;--font-display: "Noto Serif SC", "Source Han Serif SC", serif;--font-sans: "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", monospace}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;font-family:var(--font-sans);background:radial-gradient(circle at 12% 12%,rgba(255,156,84,.18),transparent 22%),radial-gradient(circle at 88% 16%,rgba(102,184,255,.18),transparent 23%),radial-gradient(circle at 74% 74%,rgba(255,79,163,.13),transparent 22%),radial-gradient(circle at 36% 82%,rgba(121,240,222,.1),transparent 24%),linear-gradient(135deg,rgba(255,255,255,.03) 0,transparent 34%),linear-gradient(180deg,#030405,#090a10);color:var(--text)}a{color:inherit}button,input,select,textarea{font:inherit}code,pre{font-family:var(--font-mono)}#root{min-height:100vh}.shell{position:relative;overflow:hidden;min-height:100vh;padding:40px 22px 72px}.shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:110px 110px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 80%);mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 80%);pointer-events:none}.shell__gridlines{position:absolute;inset:30px 22px auto;height:1px;background:linear-gradient(90deg,transparent,rgba(245,239,226,.24),transparent);opacity:.8}.shell__ambient{position:absolute;width:520px;height:520px;filter:blur(90px);opacity:.68;pointer-events:none}.shell__ambient--left{top:-160px;left:-150px;background:radial-gradient(circle,rgba(255,156,84,.22),transparent 66%)}.shell__ambient--right{right:-180px;top:14%;background:radial-gradient(circle,rgba(102,184,255,.2),transparent 58%),radial-gradient(circle at 30% 60%,rgba(255,79,163,.15),transparent 62%)}.shell__hero,.shell__content{position:relative;z-index:1;margin:0 auto;width:min(1180px,100%)}.shell__hero{display:grid;gap:22px;padding:28px 0 34px}.shell__kicker-row{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.shell__chips,.feature-strip,.hero__meta{display:flex;flex-wrap:wrap;gap:10px}.chip,.feature-pill,.result-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:linear-gradient(135deg,#ffffff0a,#ff4fa30a);color:var(--text-muted);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}.feature-pill{color:var(--text);background:linear-gradient(135deg,#79f0de17,#66b8ff14);border-color:#79f0de29}.eyebrow{margin:0;color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:.7rem;font-weight:700}.shell__hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.92fr);gap:26px;align-items:start}.shell__hero-copy{display:grid;gap:18px}.hero__index{margin:0;color:var(--text-soft);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem}.shell__hero h1{margin:0;max-width:8ch;font-family:var(--font-display);font-size:clamp(3.5rem,9vw,7rem);line-height:.88;letter-spacing:-.07em}.shell__lede,.muted{color:var(--text-muted)}.shell__lede{margin:0;max-width:720px;font-size:1.08rem;line-height:1.75}.hero__meta-item,.hero-panel__item{border:1px solid var(--border);background:#ffffff08}.hero__meta-item{min-width:170px;padding:14px 16px;border-radius:var(--radius-md)}.hero__meta-item strong{display:block;margin-top:6px;color:var(--text);font-size:.98rem}.hero__meta-label{color:var(--text-soft);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.hero-panel{position:relative;display:grid;gap:16px;padding:22px;border-radius:var(--radius-xl);border:1px solid var(--border-strong);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 24%),var(--panel-glass);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel__label{margin:0;color:var(--text-soft);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.hero-panel__line{height:1px;background:linear-gradient(90deg,rgba(121,240,222,.5),rgba(255,79,163,.34),transparent)}.hero-panel__list{display:grid;gap:12px}.hero-panel__item{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:14px;border-radius:var(--radius-md)}.hero-panel__value{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#66b8ff1f,#ff4fa314);color:var(--accent-strong);font-family:var(--font-mono);font-size:.92rem}.hero-panel__copy{margin:0;line-height:1.65;color:var(--text-muted)}.stack{display:grid;gap:22px}.card,.result-card,.decrypt-panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 18%),radial-gradient(circle at top right,rgba(255,79,163,.05),transparent 28%),radial-gradient(circle at bottom left,rgba(102,184,255,.05),transparent 30%),var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card,.decrypt-panel{padding:28px}.card__intro{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:18px}.card__title{margin:6px 0 0;font-family:var(--font-display);font-size:clamp(1.85rem,3vw,2.75rem);line-height:.94;letter-spacing:-.05em}.mode-note{max-width:420px;margin:0;color:var(--text-muted);line-height:1.65}.feature-strip{margin-bottom:18px}.card__header,.field__row,.action-row,.copy-row,.dropzone__actions,.code-form,.download-card,.control-grid,.result-card__top{display:flex;align-items:center;gap:12px}.card__header,.control-grid,.result-card__top,.download-card{justify-content:space-between}.control-grid{flex-wrap:wrap;margin-top:20px}.segmented,.tabs{display:inline-flex;padding:6px;border-radius:999px;border:1px solid var(--border);background:#ffffff08}.segmented__item,.tabs__item{border:0;background:transparent;color:var(--text-muted);padding:11px 16px;border-radius:999px;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease}.segmented__item.is-active,.tabs__item.is-active,.segmented__item:hover,.tabs__item:hover{color:var(--text);background:linear-gradient(135deg,#ff4fa31f,#66b8ff1f);transform:translateY(-1px)}.panel-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px;margin-top:22px}.field{display:grid;gap:10px}.field__row{justify-content:space-between}.label{color:var(--text);font-size:.9rem;font-weight:600}.input,.textarea,.select{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel-strong);color:var(--text);padding:14px 16px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.input:focus,.textarea:focus,.select:focus{border-color:#66b8ff94;box-shadow:0 0 0 5px #66b8ff14,0 0 32px #ff4fa30f}.textarea{resize:vertical;min-height:310px;line-height:1.66}.preview{margin:0;min-height:310px;max-height:440px;overflow:auto;padding:20px;border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 26%),#0d1015;line-height:1.76;white-space:pre-wrap;word-break:break-word}.preview--tall{min-height:380px}.preview .token.comment,.preview .token.prolog,.preview .token.doctype,.preview .token.cdata{color:#7f8579}.preview .token.property,.preview .token.tag,.preview .token.boolean,.preview .token.number,.preview .token.constant,.preview .token.symbol{color:#8fd4ff}.preview .token.selector,.preview .token.attr-name,.preview .token.string,.preview .token.char,.preview .token.builtin{color:#95f2c2}.preview .token.operator,.preview .token.entity,.preview .token.url,.preview .token.keyword{color:#ff88c4}.preview .token.function,.preview .token.class-name{color:#ffc98c}.dropzone{position:relative;margin-top:24px;padding:32px 28px 28px;border-radius:var(--radius-lg);border:1px dashed rgba(104,215,255,.28);background:radial-gradient(circle at top right,rgba(255,156,84,.1),transparent 28%),radial-gradient(circle at 24% 80%,rgba(255,79,163,.08),transparent 24%),linear-gradient(135deg,rgba(102,184,255,.09),transparent 52%),#0a0c11d6}.dropzone__stamp{position:absolute;top:16px;right:16px;padding:7px 10px;border:1px solid rgba(255,157,98,.28);border-radius:999px;color:var(--accent-warm);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.dropzone__title{margin:0 0 10px;font-family:var(--font-display);font-size:1.35rem;letter-spacing:-.03em}.dropzone__copy{margin:0 0 18px;color:var(--text-muted);line-height:1.76}.dropzone__list{display:grid;gap:10px;margin:0 0 18px;padding:12px;border:1px solid rgba(118,136,165,.18);border-radius:var(--radius-md);background:#ffffff06;max-height:220px;overflow:auto}.dropzone__list-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 10px;border-radius:12px;background:#00000029;color:var(--text-secondary);font-size:.92rem}.dropzone__list-item span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggle{display:inline-flex;align-items:center;gap:12px;min-height:54px}.toggle input{display:none}.toggle__track{position:relative;width:54px;height:32px;border-radius:999px;background:#ffffff14;border:1px solid var(--border)}.toggle__track:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--text);transition:transform .18s ease,background .18s ease}.toggle input:checked+.toggle__track{background:#7bf0d838;border-color:#7bf0d86b}.toggle input:checked+.toggle__track:after{transform:translate(22px);background:#d9fff5}.toggle__label{color:var(--text-muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:999px;border:1px solid transparent;padding:0 18px;color:var(--text);cursor:pointer;transition:transform .18s ease,opacity .18s ease,background .18s ease,border-color .18s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button--primary{background:linear-gradient(135deg,#ffd39e,#ff7fc1 48%,#7db8ff);color:#150d14;box-shadow:0 12px 34px #ff4fa32e}.button--secondary{background:#ffffff0d;border-color:var(--border)}.button--ghost{background:transparent;color:var(--text-muted)}.busy-panel{display:grid;gap:12px;margin-top:18px}.spinner-wrap{display:inline-flex;align-items:center;gap:12px}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.12);border-top-color:var(--accent-hot);animation:spin .75s linear infinite}.spinner__label{color:var(--text-muted)}.progress{overflow:hidden;height:10px;border-radius:999px;background:#ffffff0f}.progress__bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-warm),var(--accent-hot),var(--accent-strong));box-shadow:0 0 30px #ff4fa33d}.result-card{padding:24px;display:grid;gap:16px}.result-card__eyebrow{margin:0 0 6px;color:var(--success);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase}.result-card__meta{margin:-4px 0 0;color:var(--text-soft);font-family:var(--font-mono);font-size:.84rem}.result-card h3,.download-card h3,.decrypt-panel h2,.card--center h2{margin:0}.result-card__group{display:grid;gap:8px}.copy-row{align-items:stretch}.copy-row code{flex:1;padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:#080c12c7;overflow-x:auto}.decrypt-panel{display:grid;gap:18px}.decrypt-panel__header{display:grid;gap:8px}.code-form{flex-wrap:wrap}.code-form .input{flex:1;min-width:220px}.download-card{padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffff08}.error-text{margin:0;color:var(--error)}.received-text{display:grid;gap:16px}.toast-viewport{position:fixed;right:18px;bottom:18px;display:grid;gap:10px;z-index:30}.toast{min-width:240px;padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:#0a0e15f0;box-shadow:var(--shadow)}.toast--success{border-color:#77e0a247}.toast--error{border-color:#ff7c794d}.card--center{display:grid;place-items:center;text-align:center;min-height:320px}.link-pill{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--border);text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:940px){.shell{padding-inline:16px;padding-top:28px}.shell__hero-grid,.panel-grid{grid-template-columns:1fr}.card__intro,.card__header,.control-grid,.download-card,.result-card__top{flex-direction:column;align-items:stretch}.shell__hero h1{max-width:none;font-size:clamp(3rem,15vw,4.8rem)}.copy-row{flex-direction:column}}