.idf{font:15px/1.42 system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#17303b;max-width:1600px;margin:12px auto;background:#f4f7f9;padding:15px;border-radius:12px;box-sizing:border-box}
.idf *{box-sizing:border-box}.idf button,.idf input,.idf select{font:inherit}.idf button{cursor:pointer}.idf h2,.idf h3,.idf p{margin-top:0}.idf h2{font-size:27px;font-weight:800;margin:4px 0}.idf h3{font-size:16px;margin-bottom:13px}.idf-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.idf-eyebrow{color:#08776c;font-size:11px;letter-spacing:.16em;font-weight:800}.idf-top p{color:#4a6871;font-size:13px}.idf-top-right{display:flex;gap:6px;flex-wrap:wrap}.idf-tag{display:inline-block;background:#e6efef;border:1px solid #cbd9db;border-radius:18px;padding:7px 11px;font-size:12px;font-weight:650}.idf-steps{display:grid;grid-template-columns:repeat(4,1fr);margin:10px 0 15px;border-radius:8px;overflow:hidden;background:#e6eef2}.idf-steps span{padding:12px;text-align:center;border-right:1px solid white;font-size:13px;font-weight:700}.idf-headrow{display:flex;align-items:end;gap:12px;margin-bottom:12px;flex-wrap:wrap}.idf-headrow label{min-width:240px;flex:1}.idf-pill{border-radius:14px;padding:9px 14px;background:#e0eee7;color:#085b42;font-weight:700}.idf label{display:block;font-size:13px;font-weight:650;margin-bottom:10px}.idf input:not([type=file]),.idf select{display:block;width:100%;margin-top:5px;padding:10px 11px;border:1px solid #bfcbd0;border-radius:8px;background:white;color:#13303c;min-height:39px}.idf input[type=color]{height:38px;padding:2px;width:100%}.idf-btn{border:1px solid #bfcdd0;border-radius:8px;padding:10px 12px;font-weight:750;min-height:39px;background:white;color:#16363b;width:100%;white-space:normal}.idf-green{background:#1f9f52;color:white;border-color:#188647}.idf-danger{background:#fff1f1;border-color:#efbbbb;color:#a51d1d}.idf-secondary{background:#fbfdfd}.idf-2buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px}.idf-grid{display:grid;grid-template-columns:minmax(190px,250px) minmax(0,1fr) minmax(195px,250px);gap:13px}.idf-panel{background:#fff;border:1px solid #dce4e7;border-radius:11px;padding:15px;margin-bottom:11px;box-shadow:0 3px 9px rgba(0,0,0,.015)}.idf-side,.idf-work{min-width:0}.idf-small{font-size:12px;line-height:1.5;color:#61727b;margin-bottom:4px}.idf-msg{min-height:14px;color:#167041;font-size:13px;font-weight:650;margin:4px 0 10px}.idf-msg.error{color:#b31d32}.idf-levels>div{padding:11px;margin-bottom:7px;border:1px solid #d7e2e3;border-radius:8px;font-size:13px;font-weight:700}.idf-levels>div.active{background:#e6f8ea;border-color:#24a34d;color:#11662e}.idf-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:260px;overflow:auto;margin-bottom:9px}.idf-fields button,.idf-result-list button,.idf-layer-row{display:block;width:100%;padding:7px 8px;background:#f8fafb;border:1px solid #dae3e4;border-radius:6px;color:#1d3b47;text-align:left;font-size:12px}.idf-work{background:transparent}.idf-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px}.idf-toolbar .idf-2buttons{display:flex;margin:0}.idf-toolbar button{width:auto;min-width:90px}.idf-tab{border:1px solid #cbd8de;background:white;border-radius:8px;padding:9px 16px;font-weight:750}.idf-tab.active{background:#123d35;color:white}.idf-design-wrapper{padding:24px 10px;background:#e8eef0;border-radius:12px;margin-bottom:9px;overflow:hidden}.idf-card{width:min(100%,800px);aspect-ratio:85.6/53.98;container-type:inline-size;margin:0 auto;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:14px;overflow:hidden;box-shadow:0 12px 25px #081a2533;border:1px solid #d6dcdf;touch-action:none}.idf-layer{position:absolute;min-width:1px;min-height:1px;display:flex;align-items:center;overflow:visible;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.05;user-select:none;touch-action:none}.idf-layer.selected{outline:2px dashed #0076d6;outline-offset:2px}.idf-layer.locked{cursor:not-allowed}.idf-layer img{width:100%;height:100%;object-fit:contain;display:block}.idf-layer-photo img{object-fit:cover}.idf-layer-photo{background-color:#f0f2f3}.idf-layer-qr,.idf-layer-barcode{align-items:stretch}.idf-layer svg{width:100%;height:100%;object-fit:contain}.idf-empty-image{background:#e6eaeb;border:1px dashed #8f9fa8;justify-content:center;text-align:center;color:#6e7f85;font-size:12px}.idf-qr-placeholder{display:flex;align-items:center;justify-content:center;background:white;color:#555;font-size:9px;text-align:center;width:100%}.idf-resize{display:block;position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;background:#0076d6;border:2px solid white;cursor:nwse-resize;border-radius:2px;z-index:50}.idf-note{font-size:12px;color:#5e757e}.idf-prop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.idf-layer-list{display:flex;gap:6px;flex-wrap:wrap}.idf-layer-row{width:auto}.idf-layer-row.selected{background:#d7eafc;border-color:#2783cc}.idf-result-list{max-height:300px;overflow-y:auto}.idf-result-list button{margin:4px 0}.idf-issued{background:#f5faf8;padding:9px;margin:7px 0;border:1px solid #cfe3db;border-radius:7px}.idf-issued strong,.idf-issued small{display:block;overflow-wrap:anywhere}.idf-issued small{font-size:11px;color:#536b67;margin:3px 0}.idf-issued select{padding:5px;font-size:12px;min-height:24px}.idf-input-list label{font-size:12px}.idf-previewing .idf-resize,.idf-previewing .idf-layer.selected{outline:none}.idf-previewing .idf-resize{display:none}.idf-print-area{display:none}.idf-modal{position:fixed;inset:0;background:#0b1b2488;z-index:999999;display:grid;place-items:center}.idf-modal[hidden]{display:none}.idf-dialog{max-width:460px;width:calc(100% - 28px);padding:25px;border-radius:12px;background:white;box-shadow:0 10px 40px #142d3a33}
@media(max-width:1130px){.idf-grid{grid-template-columns:200px 1fr}.idf-right{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.idf-right .idf-panel{margin:0}}
@media(max-width:780px){.idf-grid{grid-template-columns:1fr}.idf-side,.idf-right{grid-column:auto;display:block}.idf-steps{grid-template-columns:1fr 1fr}.idf-steps span{padding:8px}.idf-prop-grid{grid-template-columns:repeat(2,1fr)}.idf-design-wrapper{padding:13px 0}.idf-card{border-radius:7px}.idf-top-right{display:none}}
@media print{@page{size:A4;margin:10mm}body *{visibility:hidden!important}.idf-print-area,.idf-print-area *{visibility:visible!important}.idf-print-area{display:block!important;position:absolute;top:6mm;left:6mm;width:90mm;z-index:999999;background:white}.idf-print-area .idf-printed-card{display:block;box-shadow:none;border:.2mm solid #ddd;position:relative;width:85.6mm;height:53.98mm;aspect-ratio:unset;overflow:hidden;border-radius:3mm;print-color-adjust:exact;-webkit-print-color-adjust:exact;margin-bottom:8mm}.idf-print-area .idf-layer{print-color-adjust:exact;-webkit-print-color-adjust:exact}.idf-draft{position:absolute;z-index:2000;left:0;right:0;top:43%;text-align:center;font:bold 6mm Arial;color:#c44545;opacity:.4;transform:rotate(-15deg);pointer-events:none}}