:root{--bg: #f6f7fb;--card: #ffffff;--text: #0b1220;--muted: #667085;--line: #e6e8ef;--primary: #2563eb;--primary2: #1d4ed8;--soft: #eef2ff;--shadow: 0 12px 35px rgba(15, 23, 42, 0.1);--radius: 18px;--mono: "JetBrains Mono", "Noto Sans SC", "Noto Sans JP", monospace;--sans: "Roboto", "Noto Sans SC", "Noto Sans JP", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 20% -10%, #ffffff 0%, var(--bg) 50%, var(--bg) 100%);color:var(--text);font-family:var(--sans)}.app{max-width:1360px;margin:28px auto;padding:0 18px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.brand{display:flex;gap:12px;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none !important;color:var(--text) !important}.logo{width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.logo img{width:100%;display:block}.title{font-size:18px;font-weight:800;letter-spacing:.2px}.sub{font-size:13px;color:var(--muted);margin-top:2px}.lang-select{border-radius:4px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#fff;border:1px solid rgba(0,0,0,.2);padding:6px 30px 6px 12px;font-size:14px;color:inherit;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;transition:all .2s ease;outline:0 !important}.lang-select:hover{border-color:rgba(0,0,0,.5);background-color:rgba(0,0,0,.05)}@media(prefers-color-scheme: dark){.lang-select{border-color:hsla(0,0%,100%,.3);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")}}.actions{display:flex;gap:10px;align-items:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{border-radius:6px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.card.wide{grid-column:1/-1}.card-h{padding:14px 14px 10px;border-bottom:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between;gap:10px}.card-title{font-weight:800}.small{font-size:12px;color:var(--muted)}.card-b{padding:14px}.textarea{width:100%;min-height:260px;border:1px solid var(--line);padding:12px 12px;font-family:var(--mono);font-size:12px;outline:none;border-radius:4px;background:#fbfcff;resize:vertical;transition:box-shadow .15s ease,border-color .15s ease}.textarea:focus{border-color:#c7d2fe;box-shadow:0 0 0 4px rgba(99,102,241,.12)}.textarea.out{min-height:320px}#btn_run{margin-top:12px}.input,.select{border-radius:4px;width:100%;border:1px solid var(--line);padding:10px 12px;outline:none;background:#fbfcff;transition:box-shadow .15s ease,border-color .15s ease}.input:focus,.select:focus{border-color:#c7d2fe;box-shadow:0 0 0 4px rgba(99,102,241,.12)}.row{display:flex;gap:10px;align-items:center}.row.right{justify-content:flex-end}button,a.ghost{border:1px solid var(--line);background:#fff;padding:9px 12px;cursor:pointer;text-decoration:none;color:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:4px;transition:transform .05s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}button:hover,a.ghost:hover{border-color:#d7dbe7;box-shadow:0 8px 22px rgba(15,23,42,.08)}button:active{transform:translateY(1px)}button.primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700;display:inline-flex;gap:10px;align-items:center;border-radius:4px}button.primary:hover{background:var(--primary2)}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.smallbtn{padding:7px 10px}.seg-tabs{display:flex;padding:6px;border:1px solid var(--line);background:#fbfcff;gap:6px;margin-bottom:12px}.seg{flex:1;padding:9px 10px;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);font-weight:700;font-size:13px}.seg.active{background:var(--soft);border-color:#c7d2fe}.hidden{display:none}.meta-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px}.file-line{margin-top:12px}.dropzone{border:1.5px dashed #d5d9e6;background:linear-gradient(180deg, #fbfcff, #ffffff);padding:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;min-height:210px;transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease}.dropzone:focus{outline:none;border-color:#c7d2fe;box-shadow:0 0 0 4px rgba(99,102,241,.12)}.dropzone.dragover{border-color:#93c5fd;box-shadow:0 0 0 4px rgba(59,130,246,.12)}.dz-icon{font-size:20px;opacity:.85}.dz-title{font-weight:800}.dz-sub{font-size:12px;color:var(--muted)}.file-hidden{display:none}.dz-btn{margin-top:6px}.preset-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:7px 10px;font-size:12px;font-weight:700;background:#fff}.chip.active{background:var(--soft);border-color:#c7d2fe}.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opt{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid var(--line);background:#fff}.opt-wide{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:15px}.opt input{margin-top:4px}.opt-title{font-weight:800;font-size:13px}.opt-sub{font-size:12px;color:var(--muted);margin-top:2px;font-family:var(--mono)}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:12px;color:var(--muted);font-weight:700}.help{font-size:12px;color:var(--muted)}.more{margin-top:10px;padding:10px;border:1px solid var(--line);background:#fbfcff}.more summary{cursor:pointer;color:var(--muted);font-size:12px;font-weight:800}.more-grid{flex:1 1 auto;margin-top:10px;display:grid;grid-template-columns:1fr;gap:10px}.note{margin-top:12px;padding:10px 12px;border:1px dashed var(--line);color:var(--muted);background:#fcfcff;font-size:12px}.spinner{width:14px;height:14px;border-radius:999px;border:2px solid hsla(0,0%,100%,.55);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pill{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#fbfcff;font-size:12px;font-family:var(--mono)}.pc{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pc .box{border:1px solid var(--line);padding:12px;background:#fff;word-wrap:break-word;overflow-wrap:break-word;height:auto;margin-bottom:1rem}.pc .box b{font-weight:900}.pc .tagrow{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:11px;padding:4px 8px;border:1px solid var(--line);background:#fbfcff;color:var(--muted)}.toast-host{position:fixed;right:18px;top:18px;display:flex;flex-direction:column;gap:10px;z-index:9999}.toast{min-width:260px;max-width:360px;border:1px solid var(--line);background:#fff;border-radius:6px;box-shadow:var(--shadow);padding:10px 12px;display:flex;gap:10px;align-items:flex-start;animation:pop .18s ease-out}@keyframes pop{from{transform:translateY(-6px);opacity:0}to{transform:translateY(0);opacity:1}}.toast .icon{width:22px;height:22px;border-radius:3px;display:grid;place-items:center;background:#fbfcff;border:1px solid var(--line);flex:0 0 auto}.toast .msg{font-size:13px}.toast .sub{font-size:12px;color:var(--muted);margin-top:2px}.footer{margin-top:14px;display:flex;justify-content:center;color:var(--muted);font-size:12px}@media(max-width: 980px){.grid{grid-template-columns:1fr}.pc{grid-template-columns:1fr}}