#dekko-image-demo{max-width:100%}#dekko-image-demo *,#dekko-image-demo :after,#dekko-image-demo :before{box-sizing:border-box}#dekko-image-demo .demo-container{background:#fff;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.06);margin:0 auto;max-width:1000px;padding:20px 24px 28px}#dekko-image-demo h1{font-size:1.6rem;margin-bottom:.25rem}#dekko-image-demo h2{font-size:1.2rem;margin-bottom:6px;margin-top:24px}#dekko-image-demo p.description{color:#555;font-size:.95rem;margin-top:0}#dekko-image-demo .description.center{margin-left:auto;margin-right:auto;text-align:center}#dekko-image-demo .section{margin-bottom:18px;margin-top:18px}#dekko-image-demo label{font-weight:500}#dekko-image-demo .controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:10px}#dekko-image-demo .controls>div{display:flex;flex-direction:column;font-size:.9rem}#dekko-image-demo a.button-link,#dekko-image-demo button{align-items:center;background:#1d4ed8;border:1px solid #1d4ed8;border-radius:8px;box-shadow:0 2px 10px rgba(37,99,235,.25);color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;justify-content:center;padding:8px 16px;text-decoration:none;transition:background .15s ease,transform .05s ease,box-shadow .15s ease}#dekko-image-demo a.button-link.disabled,#dekko-image-demo button:disabled{background:#d1d5db;border-color:#d1d5db;box-shadow:none;color:#6b7280;cursor:default}#dekko-image-demo a.button-link:not(.disabled):active,#dekko-image-demo button:not(:disabled):active{box-shadow:0 1px 5px rgba(37,99,235,.4);transform:translateY(1px)}#dekko-image-demo .status{color:#6b7280;font-size:.85rem;margin-top:8px}#dekko-image-demo .status.error{color:#b91c1c}#dekko-image-demo .status.success{color:#166534}#dekko-image-demo .file-info{color:#4b5563;font-size:.85rem;margin-top:6px}#dekko-image-demo .inline-label{color:#374151;font-size:.85rem}#dekko-image-demo .key-box{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem;gap:8px;margin-top:8px;overflow-x:auto;padding:8px 10px}#dekko-image-demo .key-text{flex:1;word-break:break-word}#dekko-image-demo .key-input{border:1px solid #d1d5db;border-radius:8px;font-family:ui-monospace,monospace;font-size:.9rem;max-width:100%;padding:6px 8px;width:280px}#dekko-image-demo .drop-zone{background:#f9fafb;border:2px dashed #cbd5f5;border-radius:10px;color:#4b5563;cursor:pointer;font-size:.9rem;margin-top:8px;padding:18px 16px;text-align:center;transition:border-color .15s ease,background .15s ease}#dekko-image-demo .drop-zone.dragover{background:#e0ecff;border-color:#1d4ed8}#dekko-image-demo .drop-zone p{margin:0 0 6px}#dekko-image-demo .drop-zone small{color:#6b7280;font-size:.8rem}#dekko-image-demo .drop-zone input[type=file]{display:none}#dekko-image-demo .preview-split{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px}#dekko-image-demo .preview-pane{flex:1 1 260px;min-width:0}#dekko-image-demo .preview-box{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;height:350px;justify-content:center;margin-top:6px;max-width:100%;overflow:hidden}#dekko-image-demo .preview-box img{display:block;max-height:100%;max-width:100%;object-fit:contain}#dekko-image-demo .preview-placeholder{color:#9ca3af;font-size:.85rem;padding:8px;text-align:center}#dekko-image-demo .flow-grid{display:flex;flex-direction:column;gap:20px;margin-top:16px;width:100%}#dekko-image-demo .flow-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.04);padding:16px 16px 6px;width:100%}#dekko-image-demo .flow-box h2{margin-top:0}