:root{font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;color:#172033;background:#f8f7ff;font-synthesis:none;text-rendering:optimizeLegibility;--pink-900: #3b2d91;--pink-800: #4b36b3;--pink-700: #5635dc;--pink-500: #6d4aff;--pink-300: #aa98ff;--pink-200: #d5ceff;--pink-100: #ebe7ff;--pink-050: #f7f5ff;--ink-soft: #626a7b;--muted: #9ca3b2}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;background:#f8f7ff}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible,.drop-zone:focus-within{outline:3px solid rgba(109,74,255,.28);outline-offset:3px}.app-shell{min-height:100vh}.topbar{height:88px;border-bottom:1px solid #e6e8ef;background:#fff}.topbar-inner{width:min(1760px,calc(100% - 48px));height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:13px;color:var(--pink-700);text-decoration:none;font-size:28px;font-weight:800;letter-spacing:-.03em}.header-actions{display:flex;align-items:center;gap:12px}.home-link{display:inline-flex;align-items:center;gap:7px;padding:11px 14px;color:var(--pink-800);text-decoration:none;font-weight:700}.language-button{height:50px;min-width:100px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;color:#fff;background:var(--pink-500);font-size:18px;font-weight:800;cursor:pointer}.page-wrap{width:min(1800px,calc(100% - 48px));margin:36px auto 64px}.converter-card{padding:38px 20px 48px;overflow:hidden;border:1px solid #e5e1f2;border-radius:48px;background:#fffffff5;box-shadow:0 22px 70px #3d2d7d21}.card-heading{padding:0 40px 24px}.title-row{display:flex;align-items:center;gap:14px}.title-row h1{margin:0;color:var(--pink-800);font-size:clamp(30px,2.3vw,44px);font-weight:850;letter-spacing:-.04em}.card-heading p{margin:20px 0 0;display:flex;align-items:center;gap:9px;color:var(--ink-soft);font-size:19px}.tabs{min-height:84px;padding:12px 39px;display:flex;align-items:center;gap:28px;border-top:1px solid #e9e6f3;border-bottom:1px solid #e9e6f3}.tabs button{min-height:55px;padding:0 36px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:30px;color:var(--pink-800);background:transparent;font-size:21px;font-weight:800;cursor:pointer}.tabs button.active{border-color:var(--pink-200);background:#f0edff;box-shadow:0 4px 12px #5333cf1f}.workspace-grid{padding:40px 44px 66px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.workspace-panel{min-width:0}.panel-title{min-height:50px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-title h2{margin:0;display:flex;align-items:center;gap:9px;color:var(--pink-900);font-size:21px;font-weight:850}.format-badge{min-height:38px;padding:0 16px;display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;border-radius:24px;color:var(--ink-soft);background:#f3f1fb;font-size:16px}.format-cookie,.format-json{color:var(--pink-900);background:#ebe7ff}.data-area{width:100%;min-height:355px;padding:24px;resize:vertical;border:1.5px solid #ddd8ee;border-radius:31px;color:#2f3545;background:#fff;font:16px/1.62 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;transition:border-color .16s ease,box-shadow .16s ease}.data-area::placeholder{color:#9ca3af;opacity:1}.data-area:focus{border-color:#9a83ff;outline:0;box-shadow:0 0 0 5px #6d4aff1a}.result-area{background:#fdfdff}.panel-actions{min-height:74px;display:flex;align-items:center;gap:13px}.result-actions{justify-content:flex-end}.secondary-button,.primary-button{min-height:51px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:28px;font-weight:800;cursor:pointer;transition:transform .12s ease,box-shadow .16s ease,opacity .16s ease}.secondary-button{border:1.5px solid var(--pink-200);color:var(--pink-900);background:#fff}.primary-button{border:1px solid var(--pink-500);color:#fff;background:var(--pink-500);box-shadow:0 7px 15px #5333cf3d}.secondary-button:hover,.primary-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #5333cf29}.secondary-button:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}.row-hint,.privacy-line{margin:0;display:flex;align-items:center;gap:7px;color:var(--ink-soft);font-size:16px}.tips-panel{margin:20px 43px 0;padding:23px 36px;border-left:7px solid #8067f3;border-radius:28px;color:var(--ink-soft);background:#f6f4ff;box-shadow:0 5px 18px #49349714;font-size:16px;line-height:1.55}.tips-panel>div{display:flex;align-items:flex-start;gap:8px}.tips-panel strong{color:var(--pink-900)}.upload-workspace{padding:42px 44px 48px}.drop-zone{min-height:420px;padding:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--pink-300);border-radius:34px;color:var(--pink-800);background:#fbfaff;text-align:center}.drop-zone h2{margin:16px 0 8px;font-size:28px}.drop-zone p{max-width:660px;margin:0 0 24px;color:var(--ink-soft);line-height:1.65}.drop-zone>span{margin-top:14px;color:var(--muted);font-size:14px}.batch-ready{margin-top:18px;padding:18px 22px;display:flex;align-items:center;gap:14px;border:1px solid #b9e3d0;border-radius:20px;color:#248461;background:#eefaf5}.batch-ready>div{flex:1;display:flex;flex-direction:column;gap:4px}.batch-ready span{display:flex;align-items:center;gap:5px;font-size:14px}.privacy-line{margin-top:18px;justify-content:center}.error-message{margin:-23px 44px 28px;padding:13px 17px;display:flex;align-items:center;gap:8px;border:1px solid #f1a9b4;border-radius:15px;color:#b52e45;background:#fff0f2;font-weight:700}.toast{position:fixed;right:24px;bottom:24px;z-index:10;padding:14px 18px;display:flex;align-items:center;gap:9px;border-radius:14px;color:#fff;background:#2f8f6b;box-shadow:0 12px 30px #16573f38;font-weight:750}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:980px){.home-link span{display:none}.workspace-grid{grid-template-columns:1fr}.data-area{min-height:285px}}@media(max-width:640px){.topbar{height:72px}.topbar-inner{width:calc(100% - 28px)}.brand{font-size:18px;gap:8px}.brand svg{width:25px;height:25px}.home-link{display:none}.language-button{min-width:68px;height:42px;padding:0 13px}.page-wrap{width:calc(100% - 20px);margin-top:14px}.converter-card{padding:25px 10px 28px;border-radius:28px}.card-heading{padding:0 10px 21px}.title-row svg{width:38px;height:38px}.title-row h1{font-size:25px}.card-heading p{align-items:flex-start;font-size:14px;line-height:1.5}.tabs{padding:10px;gap:6px}.tabs button{min-height:48px;flex:1;padding:0 10px;font-size:14px}.workspace-grid,.upload-workspace{padding:24px 5px 30px;gap:27px}.panel-title{align-items:flex-start}.panel-title h2{font-size:18px}.format-badge{min-height:33px;padding:0 11px;font-size:13px}.data-area{min-height:245px;padding:17px;border-radius:22px;font-size:14px}.panel-actions{min-height:auto;padding-top:13px;flex-wrap:wrap}.primary-button{flex:1 1 100%}.result-actions .secondary-button{flex:1}.row-hint{margin-top:12px;font-size:13px}.tips-panel{margin:0 5px;padding:18px;border-radius:20px;font-size:13px}.drop-zone{min-height:350px;padding:25px 18px}.batch-ready{align-items:flex-start;flex-wrap:wrap}.batch-ready .secondary-button{width:100%}.error-message{margin:-14px 5px 20px}}