.image-pdf-composer{padding:0 var(--mobile-gutter) var(--space-20)}.ipc-intro{text-align:center;width:min(720px,100%);margin:0 auto 22px}.ipc-intro h2{letter-spacing:-.03em;margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:600}.ipc-intro p{color:var(--color-text-secondary);margin:8px 0 0;font-size:14px}.ipc-shell{border:1px solid var(--color-border-subtle);background:color-mix(in srgb,var(--color-surface) 96%,transparent);border-radius:25px;width:min(1190px,100%);margin:auto;padding:20px;box-shadow:0 22px 60px #1218260e}.ipc-drop{border:1px dashed var(--color-border);background:var(--color-background);cursor:pointer;border-radius:18px;justify-content:center;align-items:center;gap:15px;min-height:118px;display:flex;position:relative}.ipc-drop:hover,.ipc-drop.is-over,.ipc-drop:focus-visible{border-color:var(--accent);background:var(--accent-subtle);outline:none}.ipc-drop input{opacity:0;width:1px;height:1px;position:absolute}.ipc-drop>span:first-of-type{background:var(--accent-subtle);width:44px;height:44px;color:var(--accent);border-radius:13px;place-items:center;font-size:10px;font-weight:800;display:grid}.ipc-drop strong,.ipc-drop small{display:block}.ipc-drop small{color:var(--color-text-secondary);margin-top:4px}.ipc-drop b{color:var(--color-text-secondary);font-size:22px}.ipc-workspace{margin-top:20px}.ipc-toolbar{z-index:20;backdrop-filter:blur(16px);background:#ffffffd6;border:1px solid #787e8c29;border-radius:16px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;padding:10px 12px;display:flex;position:sticky;top:12px;box-shadow:0 10px 30px #14182812}.ipc-toolbar>div:first-child strong,.ipc-toolbar>div:first-child small{display:block}.ipc-toolbar>div:first-child small{color:var(--color-text-secondary);margin-top:2px;font-size:11px}.ipc-toolbar>div:last-child{gap:7px;display:flex}.ipc-toolbar button,.ipc-result button{border:1px solid var(--color-border);background:var(--color-surface);min-height:36px;font:inherit;cursor:pointer;border-radius:10px;padding:0 11px;font-size:11px;font-weight:600}.ipc-toolbar .ipc-primary{border-color:var(--accent);background:var(--accent);color:#fff}.ipc-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;display:grid}.ipc-card{border:1px solid var(--color-border-subtle);background:var(--color-surface);cursor:grab;border-radius:15px;min-width:0;padding:7px;transition:all .16s;position:relative;box-shadow:0 2px 5px #10162209}.ipc-card:hover{transform:translateY(-2px);box-shadow:0 13px 30px #1016221a}.ipc-card.is-dragging{opacity:.18;transform:scale(.97)}.ipc-card.is-removed{opacity:.4}.ipc-paper{border:1px solid var(--color-border-subtle);background:#fff;border-radius:10px;place-items:center;height:220px;display:grid;position:relative;overflow:hidden}.ipc-paper>img{object-fit:contain;width:100%;height:100%;transform:rotate(var(--rotation,0deg)) scale(var(--scale,1));transition:transform .2s;display:block}.ipc-grip{color:#606774;opacity:.22;font-size:8px;line-height:5px;position:absolute;top:9px;left:9px}.ipc-actions{z-index:5;opacity:.66;gap:5px;display:flex;position:absolute;top:7px;right:7px}.ipc-card:hover .ipc-actions{opacity:1}.ipc-actions button{color:#4b5260;cursor:pointer;background:#fffffff0;border:1px solid #1418201a;border-radius:999px;place-items:center;width:27px;height:27px;padding:0;display:grid;box-shadow:0 2px 8px #14182017}.ipc-actions svg,.ipc-confirm svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.ipc-confirm{z-index:10;background:#fffffff7;border:1px solid #1418201f;border-radius:11px;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:7px 8px;display:grid;position:absolute;top:39px;right:7px;box-shadow:0 10px 24px #14182029}.ipc-confirm strong{white-space:nowrap;font-size:9px}.ipc-confirm button{color:#fff;border:0;border-radius:999px;place-items:center;width:23px;height:23px;padding:0;display:grid}.ipc-confirm .yes{background:#238a55}.ipc-confirm .no{background:#d64d4d}.ipc-caption{align-items:center;gap:8px;padding:8px 3px 1px;display:flex}.ipc-caption strong{font-size:11px}.ipc-caption span{min-width:0;color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.ipc-export{border:1px solid var(--color-border-subtle);background:var(--color-background);border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:15px;display:flex}.ipc-export>span{color:var(--accent);text-transform:uppercase;font-size:10px;font-weight:700}.ipc-export label{gap:5px;display:grid}.ipc-export label small{color:var(--color-text-secondary);font-size:10px}.ipc-export label div{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;align-items:center;height:38px;display:flex;overflow:hidden}.ipc-export input{background:0 0;border:0;outline:none;width:220px;height:100%;padding:0 9px}.ipc-export em{color:var(--color-text-secondary);padding:0 9px;font-size:10px;font-style:normal}.ipc-error{background:color-mix(in srgb,var(--color-error) 7%,var(--color-surface));color:var(--color-error);border-radius:11px;margin-top:14px;padding:12px 14px;font-size:12px;font-weight:600}.ipc-result{background:var(--accent-subtle);border-radius:13px;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:14px 16px;display:flex}.ipc-result small{color:var(--accent);text-transform:uppercase;font-size:9px;font-weight:700}.ipc-result h3{margin:3px 0 0;font-size:15px}.ipc-result p{color:var(--color-text-secondary);margin:3px 0 0;font-size:10px}.ipc-result>div:last-child{gap:7px;display:flex}.ipc-result a{background:var(--accent);color:#fff;border-radius:10px;align-items:center;min-height:36px;padding:0 12px;font-size:11px;font-weight:650;text-decoration:none;display:inline-flex}[hidden]{display:none!important}@media (width<=1050px){.ipc-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=820px){.ipc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ipc-toolbar,.ipc-export{flex-direction:column;align-items:stretch}.ipc-toolbar>div:last-child{flex-wrap:wrap}.ipc-export label,.ipc-export input{width:100%}}@media (width<=600px){.ipc-shell{border-radius:18px;padding:14px}.ipc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ipc-paper{height:170px}.ipc-actions{opacity:.92}.ipc-result{flex-direction:column;align-items:stretch}}
