[data-icp]{
    --icp-bg:#0f172a;
    --icp-bg2:#111827;
    --icp-text:#ffffff;
    --icp-muted:#cbd5e1;
    --icp-accent:#f59e0b;
    max-width:1040px;
    margin:40px auto;
    padding:0 18px;
    box-sizing:border-box;
    font-family:Inter,Arial,Helvetica,sans-serif;
}
.icp-card{
    background:radial-gradient(circle at top left,rgba(245,158,11,.20),transparent 28%),linear-gradient(135deg,var(--icp-bg),var(--icp-bg2));
    color:var(--icp-text);
    border:1px solid rgba(255,255,255,.10);
    border-radius:30px;
    padding:34px;
    box-shadow:0 30px 80px rgba(15,23,42,.34);
}
.icp-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:26px;}
.icp-kicker{display:inline-block;color:#fbbf24;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px;margin-bottom:8px;}
.icp-header h2{margin:0 0 10px;color:#fff !important;font-size:44px;line-height:1;font-weight:900;}
.icp-header p{margin:0;color:var(--icp-muted);font-size:16px;}
.icp-badge{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);padding:10px 14px;border-radius:999px;color:#fde68a;font-weight:800;}
.icp-drop{border:2px dashed rgba(255,255,255,.24);background:rgba(255,255,255,.06);border-radius:24px;padding:38px 20px;text-align:center;cursor:pointer;transition:.2s ease;}
.icp-drop:hover,.icp-drop.drag{border-color:#f59e0b;background:rgba(245,158,11,.12);transform:translateY(-1px);}
.icp-drop-icon{font-size:48px;margin-bottom:12px;}
.icp-drop h3{color:#fff !important;margin:0 0 6px;font-size:24px;}
.icp-drop p,.icp-drop small{color:var(--icp-muted);}
.icp-choose{display:inline-block;margin:8px 0 14px;padding:14px 22px;background:#fff;color:#111827;border:0;border-radius:14px;font-weight:900;cursor:pointer;}
.icp-choose:hover{background:#fbbf24;}
.icp-file-info{margin:18px 0;padding:14px 16px;background:rgba(255,255,255,.08);border-radius:14px;color:#fff;}
.icp-file-info span{color:var(--icp-muted);}
.icp-options{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.icp-options label{display:block;margin-bottom:12px;color:#fff;font-weight:800;}
.icp-formats{display:flex;gap:10px;flex-wrap:wrap;}
.icp-formats button{appearance:none;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;padding:13px 18px;border-radius:14px;cursor:pointer;font-weight:900;}
.icp-formats button.active{background:#f59e0b;color:#111827;border-color:#f59e0b;}
.icp-formats button:disabled{opacity:.35;cursor:not-allowed;}
.icp-range{width:100%;accent-color:#f59e0b;}
.icp-convert{width:100%;margin-top:26px;border:0;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#111827;font-weight:900;padding:18px 24px;border-radius:18px;cursor:pointer;font-size:17px;box-shadow:0 16px 35px rgba(245,158,11,.28);}
.icp-convert:disabled{opacity:.65;cursor:wait;}
.icp-progress{margin-top:18px;height:10px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden;}
.icp-progress div{height:100%;width:0;background:#f59e0b;transition:width .35s ease;}
.icp-message{margin-top:18px;padding:14px 16px;border-radius:14px;font-weight:800;}
.icp-message.ok{background:rgba(4,120,87,.95);color:#ecfdf5;}
.icp-message.error{background:rgba(190,18,60,.95);color:#fff1f2;}
.icp-preview-grid{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.icp-preview-box{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);border-radius:20px;padding:14px;}
.icp-preview-box h4{margin:0 0 12px;color:#fff !important;}
.icp-preview-box img{width:100%;max-height:320px;object-fit:contain;border-radius:14px;background:rgba(255,255,255,.06);}
.icp-result{margin-top:22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;}
.icp-download{display:inline-block;background:#10b981;color:#052e16 !important;text-decoration:none !important;font-weight:900;padding:16px 20px;border-radius:16px;}
.icp-meta{color:var(--icp-muted);}
.icp-note{margin-top:22px;color:#fde68a;font-size:14px;}
@media(max-width:760px){
    .icp-card{padding:24px;}
    .icp-header{display:block;}
    .icp-header h2{font-size:34px;}
    .icp-badge{display:inline-block;margin-top:14px;}
    .icp-options,.icp-preview-grid{grid-template-columns:1fr;}
}
.icp-drop{position:relative;overflow:hidden;}
.icp-drop > *:not(.icp-file-input){pointer-events:none;}
.icp-file-input[data-file-input]{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    opacity:0;
    cursor:pointer;
    z-index:10;
    display:block;
    pointer-events:auto;
}