:root{--itpc-bg:#ffffff;--itpc-accent:#0b5fff;--itpc-muted:#6b7280;--itpc-card-shadow:0 10px 30px rgba(11, 35, 77, 0.06);--itpc-radius:12px}.itpc-wrapper{max-width:900px;margin:1.75rem auto;padding:0 1rem;box-sizing:border-box}.itpc-card{background:var(--itpc-bg);border-radius:var(--itpc-radius);padding:1.25rem;box-shadow:var(--itpc-card-shadow);border:1px solid rgb(16 24 40 / .03)}.itpc-title{display:flex;align-items:center;gap:.6rem;font-size:1.15rem;margin:0 0 .35rem 0;color:#0f172a}.itpc-desc{margin:0 0 1rem 0;color:var(--itpc-muted);font-size:.95rem}.itpc-file-input{display:block;margin-bottom:.8rem;position:relative}.itpc-file-input input[type="file"]{display:none}.itpc-file-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem .9rem;background:var(--itpc-accent);color:#fff;border-radius:10px;cursor:pointer;font-weight:600;box-shadow:0 6px 18px rgb(11 92 255 / .12)}.itpc-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.6rem;margin:.8rem 0}.itpc-thumb{background:#f8fafc;border-radius:10px;padding:.45rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 1px 2px rgb(16 24 40 / .04);border:1px solid rgb(16 24 40 / .03)}.itpc-thumb img{max-width:100%;max-height:84px;object-fit:cover;border-radius:6px;display:block}.itpc-thumb-name{font-size:.75rem;color:var(--itpc-muted);margin-top:.35rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.itpc-actions{display:flex;gap:.6rem;margin-top:.6rem;align-items:center}.itpc-btn{border:none;padding:.55rem .85rem;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;gap:.5rem;align-items:center}.itpc-btn-primary{background:var(--itpc-accent);color:#fff;box-shadow:0 8px 18px rgb(11 92 255 / .12)}.itpc-btn-ghost{background:#fff0;color:#0f172a;border:1px solid #e6eefc}.itpc-result{margin-top:1rem;display:flex;flex-direction:column;gap:.6rem}.itpc-download{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;padding:.55rem .85rem;border-radius:9px;border:1px solid rgb(11 92 255 / .12);color:var(--itpc-accent);background:rgb(11 92 255 / .03);width:fit-content;font-weight:600}.itpc-iframe{width:100%;height:600px;border:1px solid rgb(16 24 40 / .06);border-radius:8px;margin-top:.25rem}@media (max-width:600px){.itpc-iframe{height:320px}.itpc-preview{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}.itpc-file-btn{padding:.5rem .7rem}}