:root{color-scheme:dark;--bg:#090b10;--panel:#121620;--border:rgba(255,255,255,.11);--text:#f6f7fb;--muted:#a6adbb;--accent:#8b7cff;--accent-hover:#7969f1;--focus:#b8afff;--error:#ff9f9f}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0;color:var(--text);background:radial-gradient(circle at 15% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34rem),var(--bg);font:400 16px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}.shell{width:min(960px,calc(100% - 40px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;min-height:80px}.back{display:inline-flex;min-height:44px;align-items:center;color:var(--muted);text-decoration:none}.back:hover{color:var(--text)}.brand{font-weight:700}main{padding:60px 0 80px}.eyebrow{margin:0 0 12px;color:color-mix(in srgb,var(--accent) 65%,white);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;font-size:clamp(36px,6vw,56px);line-height:1.12;letter-spacing:-.045em}.intro{margin:16px 0 36px;color:var(--muted)}.panel{padding:24px;border:1px solid var(--border);border-radius:24px;background:rgba(18,22,32,.86);box-shadow:0 24px 70px rgba(0,0,0,.25)}label,.label{display:block;margin-bottom:8px;font-size:14px;font-weight:650}textarea,input,select{width:100%;min-height:44px;padding:12px 14px;color:var(--text);border:1px solid var(--border);border-radius:12px;background:#0c0f16;font:400 15px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}textarea{min-height:180px;resize:vertical;padding:16px}textarea::placeholder,input::placeholder{color:#687080}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 22px}button{min-height:44px;padding:0 18px;cursor:pointer;color:var(--text);border:1px solid var(--border);border-radius:12px;background:#1a1f2b;font:inherit;font-size:14px;font-weight:650;transition:background 180ms ease,border-color 180ms ease}button:hover{border-color:rgba(255,255,255,.24);background:#232938}button.primary{border-color:transparent;background:var(--accent)}button.primary:hover{background:var(--accent-hover)}button:disabled{cursor:not-allowed;opacity:.5}.output-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.copy{min-height:36px;padding:0 12px}.message{min-height:24px;margin:10px 0 0;color:var(--error);font-size:14px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{min-width:0}.result-list{display:grid;gap:12px}.result{padding:14px;border:1px solid var(--border);border-radius:12px;background:#0c0f16}.result strong{display:block;margin-bottom:5px;font-size:12px;color:var(--muted)}.result code{overflow-wrap:anywhere;font-size:14px}footer{padding:24px 0 36px;color:#777f8f;font-size:13px;border-top:1px solid var(--border)}.back:focus-visible,button:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(max-width:640px){.shell{width:calc(100% - 28px)}header{min-height:68px}.brand{display:none}main{padding:40px 0 64px}.panel{padding:18px;border-radius:20px}.grid{grid-template-columns:1fr}textarea{min-height:150px}.actions button{flex:1}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}