.pu-compact{padding:16px}.pu-compact .ib-drop-title{margin-bottom:8px}.pu-thumb{color:var(--ink);font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex;position:relative}.pu-canvas{background:#fff;border-radius:3px;width:100%;transition:transform .2s;display:block;overflow:hidden;box-shadow:0 1px 6px #172a3529}.pu-canvas canvas{width:100%;height:auto;min-height:40px;display:block}.pu-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px;margin:14px 0;display:grid}.pu-card{border:1px solid var(--line);cursor:grab;background:#fff;border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex;position:relative}.pu-card.dragging{opacity:.4}.pu-card.over{outline-offset:2px;outline:2px dashed #1f8a63}.pu-card .pu-thumb{width:100%!important}.pu-card-name{overflow-wrap:anywhere;font-size:12px;font-weight:700;line-height:1.3}.pu-card-meta{color:var(--muted);font-size:11px}.pu-card-tools{flex-wrap:wrap;gap:4px;display:flex}.pu-card-tools button,.pu-icon{color:var(--ink);background:#edf3ec;border-radius:7px;min-width:28px;padding:4px 8px;font-size:12px;line-height:1.2}.pu-card-tools button:disabled{opacity:.35}.pu-card input{min-height:32px;padding:4px 8px;font-size:12px}.pu-badge{color:#fff;z-index:1;background:#172a35;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:6px;left:6px}.pu-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0;display:flex}.pu-toolbar button{border-radius:8px;padding:8px 12px;font-size:12.5px}.pu-toolbar .secondary,.pu-secondary{color:var(--ink);background:#edf3ec}.pu-tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.pu-tabs button{color:var(--ink);background:#edf3ec;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.pu-tabs button.selected{background:var(--ink);color:#fff}.pu-result{margin-top:16px}.pu-result-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pu-result-head>div{flex-direction:column;gap:2px;min-width:0;display:flex}.pu-result-head span{color:var(--muted);font-size:12.5px}.pu-pages{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px 18px;margin:14px 0;display:grid}.pu-page{position:relative}.pu-page .pu-thumb{width:100%!important}.pu-page-num{color:var(--muted);text-align:center;font-size:11px}.pu-page.selected .pu-canvas{outline-offset:2px;outline:3px solid #1f8a63}.pu-page.dim .pu-canvas{opacity:.35}.pu-check{color:#fff;z-index:1;background:#fff;border:2px solid #1f8a63;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid;position:absolute;top:6px;right:6px}.pu-page.selected .pu-check{background:#1f8a63}.pu-cut{width:16px;height:40%;color:var(--muted);z-index:2;background:0 0;border:1px dashed #0000;border-radius:8px;place-items:center;padding:0;font-size:12px;display:grid;position:absolute;top:30%;right:-17px}.pu-cut:hover{background:#f4f8f5;border-color:#b9c7c0}.pu-cut.on{color:#fff;background:#d92d20;border-color:#d92d20}.pu-part{color:#fff;z-index:1;background:#1f8a63;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:700;position:absolute;bottom:22px;left:4px}.pu-fields{gap:10px;display:grid}.pu-field label{font-size:12.5px}.pu-field small{color:var(--muted);font-weight:400}.pu-rows{gap:6px;margin:12px 0;display:grid}.pu-row{grid-template-columns:auto 1fr 84px auto;align-items:center;gap:6px;display:grid}.pu-row input{min-height:38px}.pu-row .pu-card-tools{flex-wrap:nowrap}.pu-hf{border:1px solid var(--line);background:#fbfcfb;border-radius:12px;gap:10px;padding:14px;display:grid}.pu-hf-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pu-hf-row input{min-height:38px;font-size:13px}.pu-hf-row input:nth-child(2){text-align:center}.pu-hf-row input:nth-child(3){text-align:end}.pu-hf-page{height:70px;color:var(--muted);background:#fff;border:1px dashed #c9d4cf;border-radius:6px;place-items:center;font-size:12px;display:grid}.pu-tokens{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.pu-tokens code{color:var(--ink);background:#edf3ec;border-radius:6px;padding:2px 6px}@media (max-width:600px){.pu-hf-row{grid-template-columns:1fr}.pu-hf-row input:nth-child(n){text-align:start}.pu-row{grid-template-columns:auto 1fr 64px}.pu-row .pu-card-tools{grid-column:1/-1}}