.ht.to-storage{max-width:1240px;padding:26px;margin:26px auto;background:#f3f6fb;border:1px solid #e4eaf3;border-radius:22px;color:#21334f;line-height:1.9;font-size:13px}.to-storage svg{width:22px;height:22px;flex-shrink:0}.ht.to-storage p{margin:0;line-height:1.95}.ht.to-storage h2,.ht.to-storage h3{color:#1e304c;margin:0;line-height:1.7}.ht.to-storage code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;direction:ltr;unicode-bidi:isolate;background:none;color:#536987;padding:0;overflow-wrap:anywhere}
.ht.to-storage .ts-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 38px;margin:0;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 8% 20%,#27568870,transparent 55%),linear-gradient(125deg,#101e35,#193253);color:#fff;min-height:256px}.ts-hero-copy{position:relative;z-index:1;max-width:640px}.ht.to-storage .ts-eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;color:#a7c6ed;letter-spacing:0}.ts-eyebrow i{width:4px;height:4px;border-radius:50%;background:#5d8ebc}.ht.to-storage .ts-hero h1{font-size:29px;line-height:1.65;color:#fff;margin:12px 0 9px;font-weight:750;letter-spacing:-.5px}.ts-hero h1 em{font-style:normal;color:#a8ceff}.ht.to-storage .ts-hero p{font-size:12px;color:#adbed6;max-width:510px}.ts-hero-tags{display:flex;gap:17px;margin-top:20px}.ht.to-storage .ts-hero-tags span{display:flex;align-items:center;gap:6px;color:#d9e9fc;font-size:10px;letter-spacing:0}.ts-hero-tags svg{width:16px;height:16px;color:#78b5ff}.ts-hero-art{position:relative;flex:0 0 235px;height:205px;display:grid;place-items:center}.ts-orbit{position:absolute;border:1px solid #9bc4f323;border-radius:50%;width:190px;height:190px}.ts-orbit-two{width:245px;height:245px;border-style:dashed;opacity:.7}.ts-cloud{width:108px;height:108px;border-radius:28px;border:1px solid #8cbaff60;background:linear-gradient(145deg,#386eaa,#213e68);display:grid;place-items:center;box-shadow:0 18px 45px #07142660;transform:rotate(-8deg)}.ts-cloud svg{width:64px;height:64px;color:#d8edff;transform:rotate(8deg)}.ht.to-storage .ts-float{position:absolute;width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#d9eaff;color:#3478d5;box-shadow:0 6px 20px #081a3630}.ts-float-file{right:7px;top:25px;transform:rotate(10deg)}.ts-float-shield{left:12px;bottom:37px;transform:rotate(-10deg)}.ts-art-label{position:absolute;bottom:-3px;left:0;right:0;text-align:center;font-size:10px;color:#c0d3ed}.ht.to-storage .ts-art-label span{display:block;font-size:8px;letter-spacing:2px;color:#769abb}
.ts-overview{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 3px}.ts-status{display:inline-flex;align-items:center;gap:7px;color:#7b6b43;background:#fff7e5;border:1px solid #f1e5c6;border-radius:50px;padding:5px 12px;font-size:10px}.ts-status>i{width:6px;height:6px;border-radius:50%;background:#cea44e;box-shadow:0 0 0 3px #eabf5a20}.ts-status.is-saved{color:#2f7e69;background:#edf8f4;border-color:#d3eae1}.ts-status.is-saved>i{background:#35a480;box-shadow:0 0 0 3px #35a48018}.ts-steps{display:flex;align-items:center;gap:12px;color:#7f8da2;font-size:10px}.ts-steps span{display:flex;align-items:center;gap:6px}.ts-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;color:#557eae;background:#e5edf8;font-size:10px}.ts-steps>i{width:22px;height:1px;background:#d7e0ee}
.ts-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px;align-items:start}.ts-main,.ts-sidebar{display:grid;gap:20px;min-width:0}.ht.to-storage .ts-card{background:white;border:1px solid #e0e7f1;border-radius:16px;padding:23px;min-width:0;box-shadow:0 4px 18px #1e447303}.ts-card-heading{display:flex;align-items:center;gap:11px}.ts-heading-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;color:#1769ff;background:#edf4ff}.ht.to-storage .ts-card-heading small{display:block;font-size:9px;color:#8e9cb0;margin-bottom:1px}.ht.to-storage .ts-card-heading h2{font-size:16px;font-weight:700}.ts-pill{font-size:9px;color:#8091aa;padding:3px 9px;border:1px solid #e5ebf4;border-radius:30px;margin-inline-start:auto;white-space:nowrap}.ht.to-storage .ts-intro{font-size:11px;color:#8290a5;margin-top:12px}.ts-downloads{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:19px 0}.ts-download-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:17px 15px;border:1px solid #e1e8f4;border-radius:13px;background:linear-gradient(155deg,#f9fbff,#fff);min-width:0}.ts-file-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eaf2ff;color:#397ae4}.ts-file-secure{background:#eaf6f1;color:#3b9a7a}.ht.to-storage .ts-download-card h3{font-size:12px}.ht.to-storage .ts-download-card p{font-size:10px;color:#8b9aaf;margin:2px 0 7px}.ht.to-storage .ts-download-card code{font-size:10px;display:block}.ht.to-storage .ts-button{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;border-radius:9px!important;border:1px solid transparent!important;box-shadow:none!important;padding:9px 14px!important;font:inherit!important;font-size:11px!important;line-height:1.8!important;margin:0!important;text-decoration:none!important;cursor:pointer;transition:background .18s,transform .18s;min-height:39px;white-space:normal;text-align:center}.ts-button svg{width:17px;height:17px}.ht.to-storage .ts-button:hover{transform:translateY(-1px)}.ht.to-storage .ts-button:focus-visible{outline:3px solid #96bbff;outline-offset:3px}.ht.to-storage .ts-button-soft{background:#eaf2ff!important;color:#286fda!important;border-color:#dbe8ff!important}.ht.to-storage .ts-button-soft:hover{background:#dceaff!important}.ht.to-storage .ts-button-dark{background:#243c5d!important;color:#fff!important}.ht.to-storage .ts-button-primary{background:#1769ff!important;color:#fff!important;box-shadow:0 4px 12px #1769ff22!important}.ht.to-storage .ts-button-outline{color:#57708e!important;background:#fff!important;border-color:#dce4f0!important}.ts-download-card .ts-button{width:100%;margin-top:auto!important}.ts-awaiting{font-size:10px;color:#94a1b4;border:1px dashed #dbe3f0;border-radius:8px;padding:8px 10px;width:100%;text-align:center;margin-top:auto;min-height:39px}
.ts-key-form{border-top:1px solid #edf0f6;padding-top:14px}.ts-advanced summary{font-size:10px!important;font-weight:500!important;color:#7d8da5}.ts-advanced summary span{font-size:9px;color:#a2adbc;margin-inline-start:5px}.ht.to-storage .ts-advanced label{font-size:10px;margin:12px 0 5px}.ht.to-storage input:not([type=hidden]){font-size:11px;border:1px solid #dce5f2;background:#fafdff;border-radius:9px;padding:11px 12px;box-shadow:none;line-height:1.7}.ht.to-storage input:focus{border-color:#7eaaff;outline:3px solid #1769ff0c}.ht.to-storage .ts-advanced p{color:#91a0b5;font-size:10px}.ts-key-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.ts-key-action>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#8a99ae}.ts-key-action svg{width:15px;height:15px}.ht.to-storage .ts-key-action button{font-size:10px!important;flex-shrink:0}
.ht.to-storage .ts-url-label{display:flex;justify-content:space-between;margin:19px 0 7px;font-size:11px;font-weight:600}.ts-url-label span{font-size:9px;font-weight:400;color:#a2adbd;letter-spacing:1px}.ts-url-wrap{position:relative;direction:ltr}.ts-url-wrap>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;color:#91a4be;pointer-events:none}.ts-url-wrap>span svg{width:17px;height:17px}.ht.to-storage .ts-url-wrap input{margin:0;padding-left:39px;font-size:11px;height:46px;min-width:0;width:100%}.ts-submit-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:19px}.ht.to-storage .ts-submit-row p{display:flex;align-items:center;gap:6px;font-size:10px;color:#95a2b5}.ts-submit-row p svg{width:15px;height:15px}
.ht.to-storage .ts-guide-label{font-size:9px;color:#8a9db8;letter-spacing:.3px}.ht.to-storage .ts-guide h2{font-size:21px;font-weight:700;line-height:1.7;margin:8px 0}.ht.to-storage .ts-sidebar p{font-size:11px;color:#8391a5}.ts-folder{margin:17px 0;border:1px solid #e0e8f5;border-radius:11px;overflow:hidden;direction:ltr;background:#fcfdff}.ts-folder-title{display:flex;align-items:center;gap:7px;padding:11px;border-bottom:1px solid #e7edf6;background:#f3f7fd;font-size:11px;color:#5d7b9f}.ts-folder-title svg{width:18px;height:18px;color:#6f9bd4}.ts-folder-file{display:flex;align-items:center;gap:8px;padding:10px 11px}.ts-folder-file+ .ts-folder-file{border-top:1px dashed #e6edf6}.ts-folder-file>svg{width:18px;height:18px;color:#7497c5}.ht.to-storage .ts-folder-file code{font-size:10px}.ht.to-storage .ts-folder-file small{display:block;font-size:9px;direction:rtl;text-align:left;color:#9aa8bb;margin-top:2px}.ts-tip{display:flex;gap:8px;padding-top:2px}.ts-tip>svg{width:17px;height:17px;color:#80a695;margin-top:2px}.ht.to-storage .ts-tip p{font-size:10px;color:#8b9baf}.ht.to-storage .ts-example h3{font-size:13px;margin:6px 0 12px}.ht.to-storage .ts-code{display:block;padding:10px 11px;background:#f5f8fd;border:1px solid #e6edf7;border-radius:8px;font-size:10px;line-height:1.9;margin:9px 0;text-align:left;overflow-wrap:anywhere;word-break:break-word}.ht.to-storage .ts-code-url{color:#3175d4;background:#f0f6ff;border-color:#e0eafb}.ht.to-storage .ts-example-note{font-size:10px;margin-top:12px}.ht.to-storage .ts-example-note strong{font-size:10px;color:#5f7799;font-weight:500}.ts-notice{display:flex;align-items:center;gap:10px;padding:13px 17px;background:#edf4ff;border:1px solid #d9e7ff;border-radius:11px;font-size:12px;margin-top:18px;color:#3e618f}.ts-notice>svg{width:19px;height:19px}.ht.to-storage .ts-footer{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#94a1b3;padding-top:23px}.ts-footer svg{width:15px;height:15px}
@media(max-width:1100px){.ts-grid{grid-template-columns:minmax(0,1fr) 280px}.ht.to-storage .ts-card{padding:19px}.ts-pill{display:none}.ts-submit-row{align-items:flex-start;flex-direction:column}.ts-submit-row .ts-button{width:100%}.ts-key-action{align-items:flex-start;flex-direction:column}}
@media(max-width:900px){.ts-grid{grid-template-columns:1fr}.ts-sidebar{grid-template-columns:1fr 1fr}.ts-key-action{align-items:center;flex-direction:row}.ts-submit-row{align-items:center;flex-direction:row}.ts-submit-row .ts-button{width:auto}.ts-hero-art{flex-basis:195px;transform:scale(.85)}.ht.to-storage .ts-hero{padding:28px}.ht.to-storage .ts-hero h1{font-size:25px}.ts-steps{gap:7px}.ts-steps>i{width:10px}}
@media(max-width:600px){.ht.to-storage{padding:13px;margin:12px 0;border-radius:16px}.ht.to-storage .ts-hero{padding:24px 21px;min-height:0}.ts-hero-art{display:none}.ht.to-storage .ts-hero h1{font-size:23px}.ts-hero-tags{gap:13px;flex-wrap:wrap}.ts-overview{align-items:flex-start;gap:13px;flex-direction:column;padding:17px 2px}.ts-steps{flex-wrap:wrap}.ts-grid,.ts-main,.ts-sidebar{gap:13px}.ts-sidebar{grid-template-columns:1fr}.ts-downloads{gap:9px}.ts-download-card{padding:13px 10px}.ht.to-storage .ts-download-card h3{font-size:11px}.ht.to-storage .ts-download-card code{font-size:9px}.ht.to-storage .ts-button{padding:9px 10px!important;font-size:10px!important;gap:5px}.ts-key-action,.ts-submit-row{align-items:stretch;flex-direction:column;gap:12px}.ts-key-action button,.ts-submit-row .ts-button{width:100%}.ht.to-storage .ts-card{padding:18px 15px}.ht.to-storage .ts-footer{font-size:9px;text-align:center;align-items:flex-start}.ts-url-wrap input::placeholder{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ht.to-storage .ts-button{transition:none}}