.sdImageIntel{padding:1.1rem;overflow:hidden;background:radial-gradient(circle at 8% 5%,rgba(25,189,236,.12),transparent 34%),linear-gradient(145deg,#0b1720,#08131b);border-color:#2a5365}.sdImageHead{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.sdImageHead h3{margin:.2rem 0 .35rem;font-size:1.7rem}.sdImageHead p:not(.sdEyebrow){max-width:760px;margin:0;color:#aebfc8;font-size:.88rem}.sdImageHead>span{flex:0 0 auto;border:1px solid #35515f;border-radius:999px;padding:.35rem .62rem;color:#9cb1bc;background:#071119;font-size:.72rem;font-weight:700}.sdImageHead>span.good{border-color:#2e9174;color:#92e0c7}.sdImageHead>span.error,.sdImageMetrics .warn{border-color:#a95858;color:#ffaaaa}.sdImageGrid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:1rem}.sdDrop{min-height:120px;display:grid;place-content:center;text-align:center;border:1px dashed #39738a;border-radius:10px;background:#061017;cursor:pointer;padding:1rem}.sdDrop:hover,.sdDrop:focus,.sdDrop.active{border-color:#49cdf8;background:#0a1c26;outline:2px solid rgba(25,189,236,.25)}.sdDrop input{position:absolute;width:1px;height:1px;opacity:0}.sdDrop b{color:#e9f5f9}.sdDrop span{color:#8ea7b2;font-size:.76rem}.sdImageContext{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.8rem}.sdImageContext label,.sdImageResult label{display:grid;gap:.4rem;color:#b8c8d2;font-size:.82rem}.sdImageContext input,.sdImageContext select,.sdImageResult textarea{width:100%;border:1px solid #315064;border-radius:8px;background:#061017;color:#f3f7f9;padding:.68rem;font:inherit}.sdImageButtons{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem}.sdImageButtons button{border:1px solid #3b5360;border-radius:7px;padding:.6rem .78rem;background:#101f28;color:#dce9ee;cursor:pointer}.sdImageButtons button.primary{border-color:#19bdec;background:#19bdec;color:#031017;font-weight:700}.sdImageButtons button:disabled{opacity:.45;cursor:not-allowed}.sdImagePreview{position:relative;min-height:300px;display:grid;place-items:center;border:1px solid #284652;border-radius:10px;background:#03090d;overflow:hidden}.sdImagePreview canvas{display:block;max-width:100%;max-height:520px}.sdImagePreview>p{position:absolute;color:#728b96;text-transform:uppercase;letter-spacing:.1em}.sdImageResult{margin-top:1rem;border-top:1px solid #23414f;padding-top:1rem}.sdImageResult[hidden]{display:none}.sdImageMetrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-bottom:.8rem}.sdImageMetrics>div{border:1px solid #29434f;border-radius:8px;padding:.6rem;background:#061017}.sdImageMetrics b,.sdImageMetrics span{display:block}.sdImageMetrics b{color:#72d0f4;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}.sdImageMetrics span{margin-top:.2rem;color:#d5e1e6;font-size:.8rem}.sdImageResult textarea{min-height:190px;resize:vertical;line-height:1.5}.sdImageResult>p{border-left:3px solid #d7a83c;padding-left:.7rem;color:#aeb9bc;font-size:.76rem;line-height:1.5}
@media(max-width:860px){.sdImageGrid{grid-template-columns:1fr}.sdImagePreview{min-height:240px}.sdImageHead{display:block}.sdImageHead>span{display:inline-block;margin-top:.7rem}}@media(max-width:620px){.sdImageContext,.sdImageMetrics{grid-template-columns:1fr}.sdImageButtons button{flex:1 1 45%}.sdImagePreview{min-height:210px}}@media print{.sdImageIntel{display:none!important}}