:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}[data-v-24f2796a]{margin:0;padding:0;box-sizing:border-box}.container[data-v-24f2796a]{width:100%;height:100%;flex:1;display:flex;background:#f0f2f5}.main-content[data-v-24f2796a]{width:100%;height:100%;display:flex;background:#fff;gap:1px}.input-area[data-v-24f2796a],.output-area[data-v-24f2796a]{flex:1;display:flex;flex-direction:column;background:#fff;min-width:0}.control-area[data-v-24f2796a]{width:300px;display:flex;flex-direction:column;padding:20px;background:#fff;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;overflow-y:auto}.area-header[data-v-24f2796a]{height:40px;display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fafafa;border-bottom:1px solid #e8e8e8}.area-header select[data-v-24f2796a]{width:120px}textarea[data-v-24f2796a]{flex:1;width:100%;padding:12px;border:none;resize:none;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.5;overflow-y:auto}.param-group[data-v-24f2796a]{margin-bottom:15px}.param-group label[data-v-24f2796a]{display:block;margin-bottom:8px;color:#666}.mode-buttons[data-v-24f2796a],.padding-buttons[data-v-24f2796a]{display:flex;flex-wrap:wrap;gap:5px}.mode-buttons button[data-v-24f2796a],.padding-buttons button[data-v-24f2796a]{padding:6px 12px;border:1px solid #d9d9d9;background:#fff;cursor:pointer;font-size:13px}button.active[data-v-24f2796a]{background:#e6f7ff;border-color:#1890ff;color:#1890ff}.param-group input[data-v-24f2796a]{width:100%;padding:6px 8px;border:1px solid #d9d9d9;margin-bottom:5px}.param-group select[data-v-24f2796a]{width:100%;padding:6px 8px;border:1px solid #d9d9d9}.action-buttons[data-v-24f2796a]{display:flex;gap:10px;margin-top:20px}.action-buttons button[data-v-24f2796a]{flex:1;padding:8px 0;background:#1890ff;color:#fff;border:none;cursor:pointer}.key-length-buttons[data-v-24f2796a]{display:flex;gap:5px;margin-bottom:10px}.key-length-buttons button[data-v-24f2796a]{padding:6px 12px;border:1px solid #d9d9d9;background:#fff;cursor:pointer;font-size:13px;flex:1}.key-length-buttons button.active[data-v-24f2796a]{background:#e6f7ff;border-color:#1890ff;color:#1890ff}.param-group input[data-v-24f2796a]{position:relative}.param-group input[data-v-24f2796a]:after{content:attr(data-length);position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#999;font-size:12px}@media screen and (max-width: 768px){.container[data-v-24f2796a]{height:auto;min-height:100vh}.main-content[data-v-24f2796a]{flex-direction:column;height:auto}.control-area[data-v-24f2796a]{width:100%;order:-1}.input-area[data-v-24f2796a],.output-area[data-v-24f2796a]{height:300px}textarea[data-v-24f2796a]{height:calc(100% - 40px)}}.input-info[data-v-24f2796a]{padding:8px 12px;font-size:12px;color:#666;background:#fafafa;border-top:1px solid #e8e8e8}.input-info.warning[data-v-24f2796a]{color:#ff4d4f;background:#fff2f0}.input-area textarea[data-v-24f2796a]{flex:1;border-bottom:none}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100vh;overflow:hidden}#app{width:100vw;height:100vh;overflow:hidden;display:flex}