:root{color:#17112d;background:#f7f4ff;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,#fff 0,#f8f5ff 45%,#f0eaff)}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.hero{background:linear-gradient(120deg,#5754cf,#7c3aed 52%,#b14a9d);color:#fff;padding:26px 20px;box-shadow:0 4px 22px #5b21b633}.hero-inner{max-width:960px;margin:auto;display:flex;align-items:center;gap:15px}.icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #ffffff44;border-radius:13px;background:#fff2;font-size:25px}h1,h2,h3,p{margin:0}h1{font-size:23px}.hero p{margin-top:4px;color:#f0e9ff;font-size:13px}.main{max-width:960px;margin:30px auto;padding:0 16px 40px;display:grid;gap:22px}.card{padding:24px;border:1px solid #e3d8ff;border-radius:16px;background:#fff;box-shadow:0 7px 26px #51238e12}.mode-tabs{display:flex;padding:4px;gap:4px;width:fit-content;border-radius:11px;background:#ede9fe}.mode-tabs button{border:0;border-radius:8px;padding:9px 18px;color:#5b21b6;background:transparent;text-align:left}.mode-tabs button.active{color:#6d28d9;background:#fff;box-shadow:0 2px 8px #5b21b624}.mode-tabs strong,.mode-tabs span{display:block}.mode-tabs span{margin-top:2px;font-size:11px;opacity:.7}.section-heading{margin:24px 0 9px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-heading h2{font-size:16px}.section-heading p{margin-top:5px;color:#6b7280;font-size:13px}.section-heading>span{color:#7c3aed;font-size:12px;white-space:nowrap}textarea{display:block;width:100%;min-height:205px;resize:vertical;border:1.5px solid #ddd6fe;border-radius:11px;padding:13px;color:#271949;background:#fdfcff;outline:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6}textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed18}.results textarea{min-height:170px;background:#fbfaff}.actions{display:flex;justify-content:flex-end;gap:9px;margin-top:13px}.actions button,.copy{min-height:38px;border-radius:8px;padding:0 17px;border:1px solid transparent;font-weight:650;font-size:14px}.primary{color:#fff;background:#7c3aed}.secondary{color:#5b21b6;border-color:#ddd6fe!important;background:#f3efff}.copy{color:#fff;border:0;background:#10a879;white-space:nowrap}.message{margin-top:14px;border-radius:8px;padding:10px 12px;color:#166534;background:#f0fdf4;font-size:13px}.message.warning{color:#92400e;background:#fffbeb}.failures{margin-top:23px;border-top:1px solid #eee8ff;padding-top:19px}.failures h3{font-size:15px}.failures article{margin-top:11px;border:1px solid #fed7aa;border-radius:10px;padding:12px;background:#fffaf4}.failures article>div{display:flex;gap:9px;align-items:center}.failures code{color:#b45309;font-size:11px}.failures article p{margin-top:6px;color:#9a3412;font-size:13px}.failures pre{overflow-x:auto;margin:8px 0 0;padding:8px;border-radius:6px;color:#4a2b12;background:#fff;white-space:pre-wrap;word-break:break-all;font:12px/1.5 ui-monospace,monospace}footer{padding:0 16px 28px;color:#7c748e;text-align:center;font-size:12px}@media(max-width:600px){.hero{padding:19px 16px}.card{padding:17px}.mode-tabs{width:100%}.mode-tabs button{flex:1;padding:8px 11px}.section-heading{margin-top:19px}.section-heading p{line-height:1.5}.copy{padding:0 11px}.main{margin-top:18px}}