.codec-page[data-v-51ef87ad]{background:var(--tool-page-background,#f7f9f5);min-height:100%;transition:background .3s}.page-shell[data-v-51ef87ad]{width:min(1120px,100% - 40px);margin:0 auto}.page-hero[data-v-51ef87ad]{background:radial-gradient(circle at 82% 28%,var(--tool-hero-accent,#cde4c394),transparent 30%),radial-gradient(circle at 8% 100%,var(--tool-hero-secondary,#eddeb240),transparent 25%),linear-gradient(115deg,var(--tool-hero-start,#f9faf6),var(--tool-hero-end,#eff6eb));border-bottom:1px solid #435e4a14;transition:background .3s;position:relative;overflow:hidden}.page-hero[data-v-51ef87ad]:after,.page-hero[data-v-51ef87ad]:before{content:"";border:1px solid #5b826417;border-radius:50%;position:absolute}.page-hero[data-v-51ef87ad]:before{width:320px;height:320px;top:-130px;right:7%}.page-hero[data-v-51ef87ad]:after{width:105px;height:105px;top:18px;right:16%}.hero-inner[data-v-51ef87ad]{z-index:1;justify-content:space-between;align-items:center;gap:44px;min-height:244px;padding-top:44px;padding-bottom:44px;display:flex;position:relative}.hero-copy[data-v-51ef87ad]{min-width:0}.tool-label[data-v-51ef87ad]{color:#698274;letter-spacing:.15em;align-items:center;gap:10px;font-size:12px;font-weight:850;display:flex}.tool-label span[data-v-51ef87ad]{color:#3d7351;letter-spacing:0;background:#e3efdf;border-radius:9px;place-items:center;width:32px;height:32px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px;display:grid}.hero-inner h1[data-v-51ef87ad]{color:#24352b;letter-spacing:-.05em;margin:18px 0 11px;font-size:clamp(36px,5vw,50px)}.hero-inner p[data-v-51ef87ad]{color:#718078;max-width:680px;margin:0;font-size:15px;line-height:1.75}.privacy-chip[data-v-51ef87ad]{color:#54705e;background:#ffffffc2;border:1px solid #567e6024;border-radius:999px;flex:none;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:inline-flex;box-shadow:0 12px 30px #3050380f}.privacy-chip span[data-v-51ef87ad]{color:#fff;background:#5d9a6f;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.workspace-section[data-v-51ef87ad]{padding:34px 0 82px}.workspace-card[data-v-51ef87ad]{background:#fff;border:1px solid #dfe7de;border-radius:18px;overflow:hidden;box-shadow:0 18px 52px #344d3a12}.workspace-toolbar[data-v-51ef87ad]{background:#fbfcfa;border-bottom:1px solid #e7ece6;justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:14px 20px;display:flex}.primary-actions[data-v-51ef87ad],.secondary-actions[data-v-51ef87ad]{align-items:center;gap:9px;display:flex}.action-button[data-v-51ef87ad]{color:#526258;background:#fff;border:1px solid #d9e3d9;border-radius:9px;min-height:40px;padding:0 17px;font-size:12px;font-weight:750;transition:border-color .2s,transform .2s,box-shadow .2s}.action-button[data-v-51ef87ad]:hover{border-color:#9db9a3;transform:translateY(-1px)}.action-button.primary[data-v-51ef87ad]{color:#fff;background:#376f4d;border-color:#376f4d;box-shadow:0 8px 18px #376f4d26}.text-button[data-v-51ef87ad]{color:#627168;background:0 0;border:0;border-radius:8px;min-height:34px;padding:0 10px;font-size:12px;font-weight:700}.text-button[data-v-51ef87ad]:hover:not(:disabled){color:#376f4d;background:#eef5eb}.text-button.danger[data-v-51ef87ad]{color:#a16158}.text-button[data-v-51ef87ad]:disabled{cursor:not-allowed;opacity:.42}.workspace-options[data-v-51ef87ad]{border-bottom:1px solid var(--tool-border-soft,#e8ede7);background:var(--tool-surface-muted,#f7faf6);padding:15px 20px}.message[data-v-51ef87ad]{border-radius:10px;align-items:flex-start;gap:10px;margin:18px 20px 0;padding:11px 13px;font-size:12px;display:flex}.message-icon[data-v-51ef87ad]{color:#fff;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-weight:850;display:grid}.message p[data-v-51ef87ad],.message strong[data-v-51ef87ad]{margin:0}.message p[data-v-51ef87ad]{margin-top:3px;line-height:1.55}.error-message[data-v-51ef87ad]{color:#96534c;background:#fff7f6;border:1px solid #efd9d5}.error-message .message-icon[data-v-51ef87ad]{background:#c86e65}.success-message[data-v-51ef87ad]{color:#4b7256;background:#f5fbf3;border:1px solid #d5e6d4;align-items:center}.success-message .message-icon[data-v-51ef87ad]{background:#66a078}.editor-grid[data-v-51ef87ad]{grid-template-columns:1fr 1fr;display:grid}.editor-panel[data-v-51ef87ad]{min-width:0}.editor-panel+.editor-panel[data-v-51ef87ad]{border-left:1px solid #e5ebe4}.editor-heading[data-v-51ef87ad]{color:#707d74;background:#fcfdfb;border-bottom:1px solid #e8ece7;justify-content:space-between;align-items:center;gap:14px;min-height:49px;padding:0 17px;font-size:12px;display:flex}.editor-heading>div[data-v-51ef87ad],.result-meta[data-v-51ef87ad]{align-items:center;gap:8px;display:flex}.editor-heading strong[data-v-51ef87ad]{color:#536158;font-size:13px}.panel-dot[data-v-51ef87ad]{border-radius:50%;width:7px;height:7px}.input-dot[data-v-51ef87ad]{background:#e2ae64}.output-dot[data-v-51ef87ad]{background:#63a276}.result-meta button[data-v-51ef87ad]{color:#477457;background:#eaf3e7;border:0;border-radius:7px;padding:5px 9px;font-size:12px;font-weight:750}.result-meta button[data-v-51ef87ad]:disabled{cursor:not-allowed;opacity:.45}.editor-panel textarea[data-v-51ef87ad]{resize:vertical;color:#3f4f45;background:#fff;border:0;outline:none;width:100%;min-height:360px;padding:18px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.75;display:block}.output-panel textarea[data-v-51ef87ad]{background:#fbfcfa}.editor-panel textarea[data-v-51ef87ad]:focus{box-shadow:inset 0 0 0 2px #4b805e33}.editor-panel textarea[data-v-51ef87ad]::placeholder{color:#b0b8b1}.tips-grid[data-v-51ef87ad]{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:16px;display:grid}[data-v-51ef87ad] .tips-grid article{background:#ffffffd1;border:1px solid #e1e8e0;border-radius:13px;align-items:flex-start;gap:12px;padding:17px;display:flex}[data-v-51ef87ad] .tips-grid article>span{color:#4d765a;background:#eaf3e7;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-family:Georgia,serif;font-size:11px;font-weight:700;display:grid}[data-v-51ef87ad] .tips-grid h2{color:#405047;margin:1px 0 5px;font-size:15px}[data-v-51ef87ad] .tips-grid p{color:#6f7c73;margin:0;font-size:12px;line-height:1.65}@media (width<=760px){.page-shell[data-v-51ef87ad]{width:min(100% - 28px,1120px)}.hero-inner[data-v-51ef87ad]{flex-direction:column;align-items:flex-start;gap:22px;min-height:auto;padding-top:42px;padding-bottom:40px}.workspace-section[data-v-51ef87ad]{padding-top:24px;padding-bottom:58px}.workspace-toolbar[data-v-51ef87ad]{flex-direction:column;align-items:stretch;gap:10px}.primary-actions[data-v-51ef87ad],.secondary-actions[data-v-51ef87ad]{width:100%}.primary-actions .action-button[data-v-51ef87ad]{flex:1}.secondary-actions[data-v-51ef87ad]{justify-content:flex-end}.editor-grid[data-v-51ef87ad]{grid-template-columns:1fr}.editor-panel+.editor-panel[data-v-51ef87ad]{border-top:1px solid #e5ebe4;border-left:0}.editor-panel textarea[data-v-51ef87ad]{min-height:260px}.tips-grid[data-v-51ef87ad]{grid-template-columns:1fr}}@media (width<=430px){.hero-inner h1[data-v-51ef87ad]{font-size:34px}.primary-actions[data-v-51ef87ad]{flex-direction:column}.secondary-actions[data-v-51ef87ad]{justify-content:space-between}.text-button[data-v-51ef87ad]{flex:1}.workspace-options[data-v-51ef87ad],.workspace-toolbar[data-v-51ef87ad]{padding-left:14px;padding-right:14px}.editor-heading[data-v-51ef87ad]{flex-direction:column;align-items:flex-start;gap:5px;padding-top:11px;padding-bottom:11px}.result-meta[data-v-51ef87ad]{justify-content:space-between;width:100%}}