.input-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:start;margin-top:15px}@media(max-width:992px){.input-grid{grid-template-columns:1fr}}.input-card{background:#ffffff05;border:1px solid var(--border-color, rgba(255, 255, 255, .08));border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 4px 30px #0003;backdrop-filter:blur(8px);transition:transform .3s ease,box-shadow .3s ease}.input-card:hover{box-shadow:0 8px 35px #00a8ff14}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:12px}.card-label{font-size:1rem;font-weight:700;color:var(--text, #fff);display:flex;align-items:center;gap:8px}#templateInput{width:100%;min-height:200px;background-color:#0003;border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px;padding:14px;color:var(--text, #fff);font-family:inherit;font-size:.95rem;line-height:1.5;outline:none;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}#templateInput:focus{border-color:var(--accent, #00a8ff);box-shadow:0 0 10px #00a8ff40}.mode-selector-row{display:flex;gap:8px;background:#ffffff08;padding:4px;border-radius:10px;margin-bottom:20px;border:1px solid rgba(255,255,255,.05)}.mode-selector-row .btn{flex:1;border:none;padding:8px 12px;font-size:.85rem;font-weight:600;border-radius:8px;background:transparent;color:var(--text-secondary, #a3a3a3);cursor:pointer;transition:all .2s ease}.mode-selector-row .btn:hover{color:#fff}.mode-selector-row .btn.active{background:var(--accent, #00a8ff);color:#fff;box-shadow:0 4px 12px #00a8ff4d}.variables-form-container{display:flex;flex-direction:column;gap:16px}.var-input-group{display:flex;flex-direction:column;gap:6px}.var-input-group label{font-size:.8rem;font-weight:700;color:var(--accent, #00a8ff);letter-spacing:.05em;font-family:monospace}.var-input-group input{padding:10px 14px;border-radius:10px;border:1px solid var(--border-color, rgba(255, 255, 255, .1));background-color:#00000040;color:var(--text, #fff);font-family:inherit;font-size:.9rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.var-input-group input:focus{border-color:var(--accent, #00a8ff);box-shadow:0 0 8px #00a8ff33}#batchInput{width:100%;min-height:180px;background-color:#00000040;border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px;padding:14px;color:var(--text, #fff);font-family:var(--font-mono, monospace);font-size:.85rem;line-height:1.4;outline:none;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}#batchInput:focus{border-color:var(--accent, #00a8ff);box-shadow:0 0 10px #00a8ff40}.outputs-list-container{display:flex;flex-direction:column;gap:20px;min-height:480px;max-height:800px;overflow-y:auto;padding-right:4px}.outputs-list-container::-webkit-scrollbar{width:6px}.outputs-list-container::-webkit-scrollbar-track{background:transparent}.outputs-list-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.outputs-list-container::-webkit-scrollbar-thumb:hover{background:#fff3}.output-block{background-color:#ffffff04;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:18px;position:relative;transition:background-color .2s ease,border-color .2s ease}.output-block:hover{background-color:#ffffff08;border-color:#ffffff1a}.output-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}.output-block-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted, #8e8e8e);font-weight:700}.output-block-text{white-space:pre-wrap;font-size:.95rem;line-height:1.6;color:var(--text, #fff)}.btn-copy-item{cursor:pointer;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:var(--text-secondary, #a3a3a3);padding:4px 8px;font-size:.8rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;gap:4px}.btn-copy-item:hover{background:var(--accent, #00a8ff);color:#fff;border-color:transparent;transform:scale(1.05)}.hidden{display:none}.pti-placeholder{color:var(--text-muted);font-style:italic}.pti-muted{color:var(--text-muted)}.pti-error{color:#ef4444}