.iu-panel,.iu-card{background:#fff;border:1px solid #d5e2d5;border-radius:24px;padding:28px;margin:24px 0}.iu-panel input{max-width:100%}.iu-panel p,.iu-card p{overflow-wrap:anywhere}.iu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.iu-card{margin:0;min-width:0}.iu-card img{width:100%;height:180px;object-fit:contain;background:#f4f7f0;border-radius:12px}.iu-card input{width:100%;box-sizing:border-box;font-size:13px}.iu-card button{margin:8px 8px 8px 0}.iu-card label{display:block;margin-top:12px}#iuError{color:#a63026}#iuCodeForm{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}#iuCode{min-width:0}#iuImages{margin-bottom:60px}@media(max-width:1000px){.iu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.iu-grid{grid-template-columns:1fr}}
/* Image picker is the primary action; FAQ entries share one grid column. */
.iu-picker{position:relative;text-align:center;border:2px dashed #83a58c;background:#f3f8ef;border-radius:18px;padding:34px 20px 24px;margin-bottom:24px}.iu-picker-icon{display:block;color:#477c54;font-size:38px;line-height:1;margin-bottom:15px}.iu-picker h2{font-size:24px;margin:0 0 12px}.iu-picker p{font-size:13px;color:#6d806f;line-height:1.8}.iu-choose{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:#063f3e;color:#fff;border-radius:10px;padding:15px 30px;font-size:15px;font-weight:700;overflow:hidden}.iu-choose:hover{background:#245c4e}.iu-choose:focus-within{outline:3px solid #99be6b;outline-offset:4px}.iu-choose input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.iu-choose:has(input:disabled){opacity:.55;cursor:wait}.iu-panel>#iuUpload{min-height:50px;padding:14px 26px}.iu-panel>#iuStatus:empty,.iu-panel>#iuError:empty,#iuSelection:empty{display:none}.iu-faq-list{min-width:0}.iu-faq-list details{width:100%}.iu-faq-list summary{align-items:center;min-height:26px}.iu-faq-list summary span{font-size:19px}.iu-page .wc-faq{align-items:start}.iu-page .wc-faq h2{margin-top:0}@media(max-width:650px){.iu-panel{padding:18px}.iu-picker{padding:28px 14px 20px}.iu-picker h2{font-size:22px}.iu-choose{padding:14px 26px}.iu-panel>#iuUpload{width:100%}}

.iu-dialog{width:min(760px,calc(100vw - 32px));max-height:85dvh;box-sizing:border-box;overflow:auto;border:1px solid #d5e2d5;border-radius:22px;padding:28px;color:var(--ink);background:#fffdf7;box-shadow:0 25px 100px #052e2b30}.iu-dialog::backdrop{background:#082f2d66;backdrop-filter:blur(3px)}.iu-dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.iu-dialog-heading h2{margin:0;font-size:25px}.iu-dialog-heading p{font-size:13px;color:#71816e}.iu-dialog-heading>button{font-size:24px;padding:4px 13px}.iu-dialog-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 20px}.iu-dialog-toolbar select{padding:10px 14px;border:1px solid #ccdcca;border-radius:8px;background:#fff;color:inherit}.iu-dialog-toolbar .primary{margin-left:auto;padding:11px 20px}.iu-link-row{display:flex;align-items:end;gap:12px;padding:16px 0;border-top:1px solid #e2e9dd}.iu-link-row label{flex:1;min-width:0;font-size:13px;overflow-wrap:anywhere}.iu-link-row input{display:block;box-sizing:border-box;width:100%;min-width:0;margin-top:8px;padding:12px;border:1px solid #d5e2d5;background:#f5f8f1;border-radius:9px;color:inherit;font-size:13px}.iu-link-row button{flex-shrink:0;padding:11px 17px}#iuCopyStatus{font-size:13px;color:#426e43;line-height:1.7}#iuDialogError{color:#a63026;font-size:13px;line-height:1.7}.iu-card h3{overflow-wrap:anywhere}.iu-dialog p:empty{display:none}@media(max-width:650px){.iu-dialog{padding:20px}.iu-dialog-toolbar{gap:8px}.iu-link-row{gap:8px}.iu-link-row button{padding:11px 12px}.iu-dialog-toolbar .primary{margin-left:0}}

#iuLinkRows>label{display:block;font-size:12px;color:#6b806b;margin:10px 0}#iuLinks{display:block;box-sizing:border-box;width:100%;min-height:126px;max-height:44dvh;resize:vertical;overflow:auto;white-space:pre;line-height:2.1;padding:16px;border:1px solid #cbdcc8;border-radius:12px;color:var(--ink);background:#f2f7ee;font:14px/2.1 ui-monospace,SFMono-Regular,Consolas,monospace}#iuCopyStatus:not(:empty){position:sticky;top:0;z-index:2;display:block;padding:14px 18px;margin:16px 0;text-align:center;border-radius:12px;font-size:16px;font-weight:700;color:#fff;background:#07564c;box-shadow:0 4px 12px #0a453119}#iuCopyStatus[data-state=warning]:not(:empty){color:#754a10;background:#fff0cf}#iuDialogError{margin-top:10px}.iu-dialog-toolbar{margin-bottom:14px}@media(max-width:650px){#iuLinks{font-size:12px;padding:12px;min-height:120px}#iuCopyStatus:not(:empty){font-size:15px}.iu-dialog-toolbar select{width:auto;flex:1;min-width:110px}.iu-dialog-toolbar .primary{margin-left:auto}}

/* Keep a small persistent status; briefly overlay a confirmation without layout shifts. */
#iuCopyStatus:not(:empty){position:static;display:block;padding:0;margin:12px 0;text-align:left;border-radius:0;font-size:13px;font-weight:400;color:#426e43;background:transparent;box-shadow:none}#iuCopyStatus[data-state=warning]:not(:empty){color:#986217;background:transparent}#iuCopyToast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;box-sizing:border-box;max-width:calc(100vw - 70px);width:max-content;padding:15px 24px;border-radius:12px;background:#07564cf2;color:#fff;font-size:16px;font-weight:600;text-align:center;box-shadow:0 10px 35px #052e2b30;pointer-events:none}#iuCopyToast[hidden]{display:none}

.iu-progress{margin:22px 0;padding:18px 20px;border:1px solid #d3e3cf;border-radius:14px;background:#f1f7ed}.iu-progress[hidden]{display:none}.iu-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;font-size:14px}.iu-progress-heading strong{white-space:nowrap;font-variant-numeric:tabular-nums}.iu-progress progress{display:block;width:100%;height:13px;border:0;border-radius:20px;overflow:hidden;accent-color:#39734b;background:#dce8d8}.iu-progress progress::-webkit-progress-bar{background:#dce8d8;border-radius:20px}.iu-progress progress::-webkit-progress-value{background:#39734b;border-radius:20px;transition:width .2s}.iu-progress progress::-moz-progress-bar{background:#39734b;border-radius:20px}.iu-progress[data-state=failed]{background:#fff7e8;border-color:#ead7b4}.iu-progress[data-state=failed] progress{accent-color:#a26f30}.iu-progress[data-state=failed] progress::-webkit-progress-value{background:#a26f30}@media(prefers-reduced-motion:reduce){.iu-progress progress::-webkit-progress-value{transition:none}}

.iu-history-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:28px}.iu-history-heading h2{margin:0}.iu-history-heading button{color:#8e4439;border-color:#e4cfc7;flex-shrink:0}.iu-history-heading button:not(:disabled):hover{background:#fff1eb}#iuClearStatus{font-size:13px;color:#547354}#iuClearError{font-size:13px;color:#a63026;line-height:1.8}#iuClearStatus:empty,#iuClearError:empty{display:none}.iu-history-heading+#iuClearStatus:empty+#iuClearError:empty+#iuImages{margin-top:20px}@media(max-width:650px){.iu-history-heading h2{font-size:22px}.iu-history-heading button{font-size:12px;padding:10px 14px}}

/* Let image-hosting introduction use the full tool column, rather than the shared editor width. */
.iu-page .wc-intro>div{width:100%;min-width:0}.iu-page .wc-intro p{max-width:none}