@font-face{font-family:DecodezPreview;src:url(font-6.woff2) format('woff2');font-weight:300 800;font-display:swap}@font-face{font-family:DecodezPreviewFa;src:url(font-13.woff2) format('woff2');font-weight:300 800;font-display:swap}@font-face{font-family:DecodezPreviewMono;src:url(font-12.woff2) format('woff2');font-weight:400 700;font-display:swap}
.dp-embed,.dp-embed body{margin:0;padding:0;background:transparent;color:#dce8f6;font-family:DecodezPreview,DecodezPreviewFa,system-ui,sans-serif;font-size:13px}.dp-embed[dir=rtl] body{font-family:DecodezPreviewFa,DecodezPreview,system-ui,sans-serif}.dp-workspace,.dp-workspace *{box-sizing:border-box}.dp-workspace{position:relative;background:radial-gradient(ellipse at 0 0,#6b335818,transparent 50%),linear-gradient(150deg,#111a2a,#0c1320);border:1px solid #859fce2d;border-radius:22px;color:#dce8f6;overflow:hidden;font:12px/1.7 DecodezPreview,DecodezPreviewFa,system-ui,sans-serif;min-width:0;box-shadow:0 20px 70px -50px #000b}.dp-workspace h2,.dp-workspace h3,.dp-workspace p,.dp-workspace pre{margin:0}.dp-workspace button,.dp-workspace input{font-family:inherit}.dp-workspace svg{display:block;flex-shrink:0}.dp-console-bar{height:48px;display:flex;align-items:center;gap:15px;padding:0 23px;border-bottom:1px solid #859fce17;background:#08101c50}.dp-window-dots{display:flex;gap:5px;direction:ltr}.dp-window-dots i{width:6px;height:6px;border-radius:50%;background:#e65c86}.dp-window-dots i:nth-child(2){background:#d4a15c}.dp-window-dots i:nth-child(3){background:#4bc6b1}.dp-console-name{font:9px DecodezPreviewMono,monospace;letter-spacing:.03em;color:#7890ae;flex:1;direction:ltr}.dp-filetype{border:1px solid #8ab7d426;background:#4774980b;border-radius:5px;padding:2px 7px;font:8px DecodezPreviewMono,monospace;color:#93b6d0}.dp-workspace-body{padding:25px}.dp-overline{display:block;font:700 8px/1.6 DecodezPreviewMono,monospace;letter-spacing:.17em;color:#6e8aaf}.dp-workspace-heading h2{font-size:21px;font-weight:750;color:#edf2fc;letter-spacing:-.045em;margin:6px 0 8px;line-height:1.5}.dp-workspace-heading p{font-size:11px;line-height:1.9;color:#8094b1;max-width:420px}.dp-workspace form{display:grid;gap:17px;margin-top:22px}.dp-dropzone{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px;min-height:155px;padding:21px 18px;border:1px dashed #5d8bbd75;border-radius:15px;background:radial-gradient(ellipse at 50% 0,#3b729a11,transparent 65%),#080f1b80;cursor:pointer;overflow:hidden;text-align:center;transition:border-color .2s,background .2s;outline-offset:4px}.dp-dropzone:hover,.dp-dropzone.is-dragging,.dp-dropzone:focus-within{border-color:#78c8f2;background:#11253d77}.dp-workspace .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dp-upload-mark{width:41px;height:43px;display:grid;place-items:center;border:1px solid #6298c332;border-radius:12px;background:linear-gradient(135deg,#233e5a66,#17253d77);box-shadow:inset 0 1px #b6e1ff0a;color:#89c7e8;margin-bottom:4px}.dp-upload-mark svg{width:23px;height:25px;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.dp-dropzone strong{font-size:12px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cfdef0}.dp-upload-hint{font-size:9px;color:#7088a7}.dp-upload-tag{position:absolute;top:11px;inset-inline-end:12px;color:#405d7e;font:7px DecodezPreviewMono,monospace;letter-spacing:.08em}.dp-dropzone.has-file{border-style:solid;border-color:#59b9c670}.dp-dropzone.has-file .dp-upload-mark{color:#70cbbb;border-color:#5cb7a752}.dp-consent{display:flex;align-items:flex-start;gap:9px;font-size:9px;color:#9aaec9;line-height:1.9;cursor:pointer}.dp-consent input{accent-color:#64b5de;width:13px;height:13px;margin:2px 0 0;flex-shrink:0;padding:0}.dp-verify-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dp-captcha{min-width:0;flex:1;min-height:78px}.dp-verification-note{display:flex;gap:6px;align-items:center;color:#667e9d;font-size:8px;white-space:nowrap}.dp-verification-note svg,.dp-workspace-footer svg{width:13px;height:13px;stroke:#6da9bb;stroke-width:1.3;fill:none;stroke-linecap:round;stroke-linejoin:round}.dp-submit{display:flex;justify-content:center;align-items:center;gap:15px;width:100%;min-height:46px;padding:12px 16px;border:1px solid #9e86dc3b;border-radius:12px;background:linear-gradient(100deg,#ad3d70,#7854ab 52%,#177eaf);color:#fff;font-size:11px;font-weight:700;box-shadow:0 8px 20px -12px #9c4fad77;cursor:pointer;transition:filter .2s,transform .2s}.dp-submit:hover{filter:brightness(1.15);transform:translateY(-1px)}.dp-submit svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.dp-submit:disabled{opacity:.7;cursor:wait;transform:none}.dp-status{font-size:10px;color:#76d0bd;line-height:1.8;overflow-wrap:anywhere}.dp-status:not(:empty){padding:13px 0}.dp-status.is-error{color:#e79bad}.dp-workspace-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:17px;margin-top:19px;border-top:1px solid #8cacc119;font-size:8px;color:#647f9d}.dp-workspace-footer>span{display:flex;gap:6px;align-items:center}.dp-workspace-footer>a{color:#8cc2e5;text-decoration:none;font-weight:600}.dp-workspace-footer>a>span{font-size:12px}.dp-result{border:1px solid #568a9655;border-radius:12px;overflow:hidden;background:#070e19;margin-top:4px}.dp-result-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;direction:ltr;font:8px DecodezPreviewMono,monospace;color:#91b3c5;padding:11px 12px;background:#65c5b206;border-bottom:1px solid #65c5b214}.dp-result-bar>span:first-child{display:flex;align-items:center;gap:7px}.dp-result-dot{width:5px;height:5px;border-radius:50%;background:#70c4a6}.dp-result-bar button{background:#7ac1cc0b;color:#8faec6;border:1px solid #7ac1cc22;border-radius:5px;padding:3px 6px;font-size:8px;cursor:pointer}.dp-code-scroll{max-height:320px;overflow:auto;direction:ltr}.dp-code-grid{display:grid;grid-template-columns:32px minmax(max-content,1fr);min-width:100%;padding:15px 14px 18px 0}.dp-code-grid pre{font:10px/1.9 DecodezPreviewMono,monospace;white-space:pre;color:#a6dec9;background:none;padding:0;border:0;overflow:visible;text-align:left}.dp-code-grid .dp-code-gutter{color:#334c64;user-select:none;text-align:center;border-inline-end:1px solid #91b3c510;margin-inline-end:9px}.dp-unavailable{padding:25px;text-align:center;border:1px dashed #758eae32;border-radius:15px;margin-top:20px;background:#080f1b66}.dp-unavailable>span{font-size:40px;color:#7e97c6}.dp-unavailable h3{font-size:17px;font-weight:600}.dp-unavailable p{font-size:11px;color:#7a8ca8;margin:10px 0}.dp-unavailable a{font-size:11px;color:#7bbedf;text-decoration:none}.dp-workspace [hidden]{display:none!important}.dp-scanline{position:absolute;inset-inline:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#74d4f5,transparent);opacity:0;pointer-events:none}.dp-workspace.is-processing .dp-scanline{animation:dp-scan 2.2s infinite ease-in-out}.dp-workspace.is-processing .dp-upload-mark{animation:dp-glow 1.8s infinite ease-in-out}.dp-workspace a:focus-visible,.dp-workspace button:focus-visible{outline:2px solid #7acdf2;outline-offset:4px}.dp-workspace .dp-submit[aria-busy=true] svg{animation:dp-arrow 1.2s infinite}
@keyframes dp-scan{0%{transform:translateY(15px);opacity:0}20%,75%{opacity:.7}100%{transform:translateY(140px);opacity:0}}@keyframes dp-glow{50%{opacity:.45;transform:translateY(-2px)}}@keyframes dp-arrow{50%{transform:translateX(4px);opacity:.45}}
@media(max-width:460px){.dp-workspace{border-radius:18px}.dp-console-bar{padding-inline:18px;height:42px;gap:10px}.dp-workspace-body{padding:20px 17px}.dp-workspace-heading h2{font-size:18px}.dp-workspace-heading p{font-size:10px}.dp-dropzone{min-height:145px}.dp-verify-row{display:block}.dp-verification-note{margin-top:9px}.dp-workspace-footer{gap:10px;font-size:7px}.dp-workspace-footer svg{width:11px;height:11px}.dp-code-grid pre{font-size:9px}}
@media(prefers-reduced-motion:reduce){.dp-workspace *{animation:none!important;transition:none!important}}

/* Keep the bot field out of visual and keyboard navigation. */
.dp-bot-field{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* Inline feedback card, shared by the panel and the embedded homepage demo. */
.dp-workspace .dp-status{display:flex;align-items:flex-start;gap:13px;margin-top:18px;padding:17px 16px;border:1px solid #67c9ae42;border-radius:14px;background:linear-gradient(120deg,#408d7820,#142c2710);color:#96dcc8;animation:dp-feedback-in .2s ease-out}.dp-status-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #67c9ae3a;border-radius:11px;background:#67c9ae0c;flex-shrink:0}.dp-status-icon svg{width:21px;height:21px}.dp-status-content{min-width:0;flex:1}.dp-status-content strong{display:block;font-size:12px;font-weight:700;line-height:1.7;margin-bottom:4px;color:#cdf2e7}.dp-status-content p{font-size:11px;line-height:1.9;overflow-wrap:anywhere}.dp-status-content small{display:inline-block;margin-top:9px;padding:3px 9px;border-radius:7px;font-size:10px;border:1px solid currentColor;font-variant-numeric:tabular-nums;opacity:.8}.dp-workspace .dp-status.is-error{border-color:#dc829f45;background:linear-gradient(120deg,#a2476522,#28182915);color:#e7a8ba}.dp-status.is-error .dp-status-icon{border-color:#dc829f45;background:#dc829f10}.dp-status.is-error strong{color:#f2cfda}.dp-workspace .dp-status[data-kind=cooldown]{border-color:#d8ad6d45;background:linear-gradient(120deg,#b8803320,#29201615);color:#dabb8c}.dp-status[data-kind=cooldown] .dp-status-icon{border-color:#d8ad6d45;background:#d8ad6d0c}.dp-status[data-kind=cooldown] strong{color:#f1dfc2}.dp-workspace .dp-status[data-kind=working]{border-color:#78bedd40;background:linear-gradient(120deg,#3d7a9e20,#17283815);color:#9bc6df}.dp-status[data-kind=working] strong{color:#cce7fa}.dp-status[data-kind=working] .dp-status-icon{border-color:#78bedd40;background:#78bedd10}.dp-status[data-kind=working] svg{animation:dp-feedback-spin 2s linear infinite}@keyframes dp-feedback-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes dp-feedback-spin{to{transform:rotate(360deg)}}@media(max-width:460px){.dp-workspace .dp-status{gap:10px;padding:14px 12px}.dp-status-icon{width:30px;height:30px}.dp-status-content strong{font-size:11px}.dp-status-content p{font-size:10px}}