.idfed-app{--idfed-blue:#087bad;--idfed-ink:#0c1a30;font-family:Arial,sans-serif;color:var(--idfed-ink);max-width:1240px;margin:24px auto;padding:clamp(14px,3vw,32px);background:#f4f8fc;border-radius:20px;line-height:1.5}.idfed-app *{box-sizing:border-box;min-width:0}.idfed-app [hidden]{display:none!important}.idfed-app h2{font-size:clamp(26px,4vw,40px);line-height:1.15;margin:14px 0}.idfed-app h3{font-size:19px;line-height:1.3;margin:0 0 14px;overflow-wrap:anywhere}.idfed-app p{margin:10px 0}.idfed-pill{font-size:11px;letter-spacing:1px;border:1px solid #bddbeb;border-radius:30px;padding:6px 12px;display:inline-block}.idfed-layout{display:grid;grid-template-columns:minmax(230px,320px) minmax(0,1fr);gap:24px;align-items:start}.idfed-panel,.idfed-preview,.idfed-card{background:#fff;border:1px solid #e0e9f1;border-radius:16px;padding:20px}.idfed-app label{display:block;font-size:14px;font-weight:600}.idfed-field{margin-bottom:14px}.idfed-app input:not([type=checkbox]),.idfed-app select{display:block;width:100%;height:auto;max-width:100%;font:inherit;color:#0c1a30;background:#fff;border:1px solid #b6c6d4;border-radius:8px;padding:10px;margin-top:5px}.idfed-app input[type=file]{font-size:12px;padding:8px}.idfed-app .idfed-check{display:flex;align-items:center;gap:7px;font-weight:400;font-size:12px;margin:6px 0}.idfed-check input{width:16px;height:16px;margin:0;flex-shrink:0;accent-color:#087bad}.idfed-app .idfed-btn{display:block;max-width:100%;width:100%;white-space:normal;overflow-wrap:anywhere;border:1px solid transparent;border-radius:9px;padding:12px 16px;background:#087bad;color:white;font:600 14px/1.4 Arial,sans-serif;cursor:pointer;margin:10px 0 0;text-transform:none;letter-spacing:normal;min-height:44px}.idfed-app .idfed-secondary{background:#eef5fa;border-color:#c3d8e7;color:#0c1a30}.idfed-btn:disabled{opacity:.5;cursor:wait}.idfed-app :focus-visible{outline:3px solid #008abe;outline-offset:3px}.idfed-small{font-size:12px;color:#4a6072}.idfed-status{font-size:14px;min-height:24px;overflow-wrap:anywhere}.idfed-preview{margin-bottom:24px;scroll-margin-top:24px}.idfed-preview canvas{display:block;width:100%;max-width:540px;height:auto;margin:0 auto;border:1px solid #e0e9f1}.idfed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.idfed-card{padding:14px}.idfed-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#f4f8fc;border-radius:7px;margin-bottom:14px}.idfed-filters{display:flex;gap:12px;margin-bottom:16px}.idfed-filters>*{flex:1}.idfed-logo{max-width:120px;max-height:90px;object-fit:contain;margin:10px 0}.idfed-fallback{display:block;margin-top:12px;color:#075d86;overflow-wrap:anywhere}.idfed-profile-only{grid-template-columns:minmax(0,540px)}@media(max-width:760px){.idfed-layout{grid-template-columns:minmax(0,1fr)}.idfed-filters{flex-direction:column}.idfed-app{margin:10px auto}.idfed-panel,.idfed-preview{padding:16px}}@media(max-width:420px){.idfed-grid{grid-template-columns:minmax(0,1fr)}}
/* 1.1: more space for artwork, clear form hierarchy and restrained controls. */
.idfed-app{background:#f4f8fc;padding:clamp(16px,3vw,34px);border:1px solid #e6eef5}.idfed-heading{max-width:760px;margin-bottom:20px}.idfed-heading h2{font-weight:700;letter-spacing:-.6px;color:#0c1a30}.idfed-heading>p{color:#52697c}.idfed-layout{grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:28px}.idfed-panel{padding:24px;border-color:#e2ebf2;box-shadow:0 5px 24px #0c1a3005}.idfed-step{display:block;color:#567084;font-size:10px;letter-spacing:1.3px;font-weight:700;margin-bottom:10px}.idfed-app .idfed-panel h3{font-size:21px;letter-spacing:-.4px}.idfed-panel>.idfed-small{margin-bottom:18px}.idfed-field{margin:20px 0}.idfed-app .idfed-check{color:#607487;font-size:11px}.idfed-app input:not([type=checkbox]){padding:11px 12px;background:#fcfdff;border-color:#d1dee8}.idfed-preview{padding:0;overflow:hidden;box-shadow:0 10px 32px #0c1a3006;border-color:#e0e9f1}.idfed-preview-header{padding:22px 26px 14px}.idfed-preview-header h3{font-size:21px;margin-bottom:6px}.idfed-canvas-frame{padding:24px;background:#eaf0f5}.idfed-preview canvas{max-width:620px;border:none;box-shadow:0 8px 24px #0c1a3012}.idfed-actions{padding:12px 24px 24px}.idfed-actions .idfed-secondary{background:#fff;border-color:#d9e5ee}.idfed-status{color:#52697c;margin-bottom:22px!important}.idfed-card{transition:box-shadow .15s;border-color:#e1eaf2}.idfed-card:hover{box-shadow:0 6px 22px #0c1a300c}.idfed-app .idfed-btn{border-radius:10px}.idfed-app .idfed-profile-only{grid-template-columns:minmax(0,540px)}@media(max-width:760px){.idfed-layout{grid-template-columns:minmax(0,1fr)}.idfed-panel{padding:20px}.idfed-canvas-frame{padding:12px}.idfed-preview-header{padding:20px 18px 12px}.idfed-actions{padding:10px 16px 18px}}