:root{--tis-color-primary:#1a3d6d;--tis-color-primary-dark:#0f2649;--tis-color-accent:#d97706;--tis-color-bg:#f5f7fa;--tis-color-card:#fff;--tis-color-border:#e2e8f0;--tis-color-border-strong:#cbd5e1;--tis-color-text:#0f172a;--tis-color-text-muted:#64748b;--tis-color-success:#059669;--tis-color-success-bg:#ecfdf5;--tis-color-error:#dc2626;--tis-color-error-bg:#fef2f2;--tis-color-warn:#d97706;--tis-color-warn-bg:#fffbeb;--tis-radius:10px;--tis-radius-sm:6px;--tis-shadow:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--tis-shadow-hover:0 4px 12px #0f172a1a;color:var(--tis-color-text);background:var(--tis-color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-size:15px;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0;padding:24px 16px 60px}#app{max-width:720px;margin:0 auto}.tis-header{align-items:center;gap:12px;margin-bottom:24px;padding:0 4px;display:flex}.tis-logo{color:var(--tis-color-primary);letter-spacing:.02em;font-size:14px;font-weight:600}.tis-tag{background:var(--tis-color-primary);color:#fff;letter-spacing:.06em;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.tis-tag-test{background:var(--tis-color-warn)}.tis-card{background:var(--tis-color-card);border:1px solid var(--tis-color-border);border-radius:var(--tis-radius);box-shadow:var(--tis-shadow);padding:32px}.tis-category{text-transform:uppercase;letter-spacing:.08em;color:var(--tis-color-primary);background:#1a3d6d14;border-radius:4px;margin-bottom:12px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.tis-title{color:var(--tis-color-primary-dark);margin:0 0 8px;font-size:24px;font-weight:700;line-height:1.25}.tis-subtitle{color:var(--tis-color-text-muted);margin:0 0 24px;font-size:15px}.tis-respondent{border-bottom:1px solid var(--tis-color-border);margin-bottom:24px;padding-bottom:24px}.tis-label{color:var(--tis-color-text);margin-bottom:6px;font-size:14px;font-weight:500;display:block}.tis-help{color:var(--tis-color-text-muted);margin-top:4px;font-size:13px;display:block}.tis-input{border:1px solid var(--tis-color-border-strong);border-radius:var(--tis-radius-sm);width:100%;color:var(--tis-color-text);background:#fff;padding:10px 12px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.tis-input:focus{border-color:var(--tis-color-primary);outline:none;box-shadow:0 0 0 3px #1a3d6d26}.tis-slot{border:1px solid var(--tis-color-border);border-radius:var(--tis-radius);background:#fafbfc;margin-bottom:20px;padding:16px}.tis-slot-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.tis-slot-title{color:var(--tis-color-text);font-size:15px;font-weight:600}.tis-slot-badge{color:var(--tis-color-error);letter-spacing:.04em;background:#dc26261a;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:500}.tis-slot-badge-optional{color:var(--tis-color-text-muted);background:#64748b1a}.tis-slot-help{color:var(--tis-color-text-muted);margin-bottom:12px;font-size:13px}.tis-slot-constraints{color:var(--tis-color-text-muted);margin-top:6px;font-size:12px;font-style:italic}.tis-dropzone{border:2px dashed var(--tis-color-border-strong);border-radius:var(--tis-radius);text-align:center;cursor:pointer;background:#fff;padding:32px 20px;transition:background .15s,border-color .15s}.tis-dropzone:hover,.tis-dropzone.is-dragover{border-color:var(--tis-color-primary);background:#1a3d6d08}.tis-dropzone-text{color:var(--tis-color-text-muted);margin:0;font-size:14px}.tis-dropzone-link{color:var(--tis-color-primary);cursor:pointer;font-weight:500;text-decoration:underline}.tis-file-input{display:none}.tis-file-list{margin:12px 0 0;padding:0;list-style:none}.tis-file-item{border:1px solid var(--tis-color-border);border-radius:var(--tis-radius-sm);background:#fff;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;padding:8px 12px;font-size:14px;display:flex}.tis-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tis-file-meta{color:var(--tis-color-text-muted);flex-shrink:0;font-size:12px}.tis-file-remove{color:var(--tis-color-error);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px 8px;font-size:13px}.tis-file-remove:hover{background:var(--tis-color-error-bg)}.tis-file-error{color:var(--tis-color-error);margin-top:4px;font-size:12px}.tis-progress{background:var(--tis-color-border);border-radius:3px;height:6px;margin-top:12px;overflow:hidden}.tis-progress-bar{background:var(--tis-color-primary);height:100%;transition:width .15s}.tis-progress-text{color:var(--tis-color-text-muted);text-align:right;margin-top:4px;font-size:12px}.tis-actions{border-top:1px solid var(--tis-color-border);margin-top:24px;padding-top:20px}.tis-btn{background:var(--tis-color-primary);color:#fff;border-radius:var(--tis-radius-sm);cursor:pointer;border:none;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:500;transition:background .15s;display:inline-block}.tis-btn:hover:not(:disabled){background:var(--tis-color-primary-dark)}.tis-btn:disabled{opacity:.5;cursor:not-allowed}.tis-msg{border-radius:var(--tis-radius-sm);margin-top:12px;padding:10px 14px;font-size:14px}.tis-msg-error{background:var(--tis-color-error-bg);color:var(--tis-color-error);border:1px solid #dc262633}.tis-msg-warn{background:var(--tis-color-warn-bg);color:var(--tis-color-warn);border:1px solid #d9770633}.tis-state{text-align:center;padding:48px 32px}.tis-state h2{margin:0 0 8px;font-size:20px;font-weight:600}.tis-state p{color:var(--tis-color-text-muted);margin:0}.tis-state-error h2{color:var(--tis-color-error)}.tis-state-success h2{color:var(--tis-color-success)}.tis-loading{border:3px solid var(--tis-color-border);border-top-color:var(--tis-color-primary);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:.8s linear infinite tis-spin}@keyframes tis-spin{to{transform:rotate(360deg)}}