.dl-page{background:var(--paper);min-height:100vh;color:var(--ink);flex-direction:column;align-items:center;padding:28px 16px 64px;display:flex;position:relative}.dl-close{border:1px solid var(--hairline);background:var(--white);width:40px;height:40px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;transition:background .15s;display:inline-flex;position:absolute;top:20px;right:20px}.dl-close:hover{background:var(--sky)}.dl-body{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:760px;margin-top:12vh;display:flex}.dl-pill{color:#2f7a45;background:#e3f2e7;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 9px;font-size:.8125rem;font-weight:600;display:inline-flex}.dl-pill svg{color:#3f9e5a;flex-shrink:0}.dl-title{letter-spacing:-.02em;margin:18px 0 0;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:1.15}.dl-lede{color:var(--muted-text);margin:14px 0 0;font-size:.95rem}.dl-lede a,.dl-help a{color:var(--ink);text-underline-offset:2px;text-decoration:underline}.dl-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;margin:44px 0 0;padding:0;list-style:none;display:grid}.dl-step{flex-direction:column;align-items:center;gap:12px;display:flex}.dl-step p{color:var(--muted-text);margin:0;font-size:.9rem}.dl-step strong{color:var(--ink);font-weight:700}.dl-number{background:var(--green);width:28px;height:28px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;line-height:1;display:inline-flex}.dl-help{color:var(--muted-text);margin:40px 0 0;font-size:.85rem}.dl-art{aspect-ratio:3/2;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.dl-art-green{background:linear-gradient(160deg,#87ea5c 0%,#3f9e5a 100%)}.dl-art-paper{background:var(--sky);border:1px solid var(--hairline)}.dl-tip{background:#ffffffeb;border-radius:8px;margin-bottom:14px;padding:6px 14px;font-size:1.05rem;font-weight:700;position:relative}.dl-tip:after{content:"";border:6px solid #0000;border-top-color:#ffffffeb;border-bottom:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.dl-dock{background:#ffffff59;border-radius:16px;align-items:center;gap:14px;padding:12px 18px;display:flex}.dl-tile{background:#dde8ee;border:2px solid #ffffffe6;border-radius:11px;width:46px;height:46px}.dl-divider{background:#0e0f0d2e;width:1px;height:46px}.dl-file{background:var(--white);border-radius:4px;width:40px;height:50px;position:relative;box-shadow:0 2px 6px #0000001f}.dl-file-fold{background:linear-gradient(225deg, var(--paper) 50%, #d8d6cf 50%);border-bottom-left-radius:3px;width:12px;height:12px;position:absolute;top:0;right:0}.dl-file-disk{background:#4a4c45;border-radius:3px;height:16px;position:absolute;bottom:9px;left:9px;right:9px}.dl-bin{background:linear-gradient(#f6f6f4,#cfd2cc);border:1px solid #fffc;border-radius:4px 4px 9px 9px;width:34px;height:44px}.dl-pointer{position:absolute}.dl-pointer-file{top:calc(50% + 34px);left:calc(50% + 14px)}.dl-window{background:var(--white);border:1px solid var(--hairline);border-radius:8px;flex-direction:column;width:78%;height:72%;display:flex;position:relative;box-shadow:0 2px 8px #0000000f}.dl-dots{border-bottom:1px solid var(--hairline);gap:5px;padding:8px 10px;display:flex}.dl-dots i{background:var(--hairline-strong);border-radius:999px;width:7px;height:7px}.dl-window-body{flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.dl-app{flex-direction:column;align-items:center;gap:6px;display:flex}.dl-app img{border-radius:11px}.dl-app small{color:var(--muted-text);font-size:.8rem}.dl-arrow{color:var(--stone);margin-bottom:18px;font-size:1.4rem}.dl-folder{background:linear-gradient(#8cc4f2,#5aa3e6);border-radius:4px 6px 6px;width:48px;height:38px;margin-top:6px;position:relative}.dl-folder:before{content:"";background:#8cc4f2;border-radius:4px 4px 0 0;width:20px;height:8px;position:absolute;top:-6px;left:0}.dl-pointer-app{top:calc(50% - 2px);left:calc(50% - 64px)}@media (max-width:640px){.dl-body{margin-top:6vh}.dl-steps{grid-template-columns:1fr}}