:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#1b2921;background:#f3f5f3;font-synthesis:none;--green:#07b75b;--dark-green:#008d45;--muted:#7f8982;--spring:linear(0,0.32 9%,0.76 20%,1.08 36%,1.025 54%,0.99 72%,1);--line:#e9eeea}
*{box-sizing:border-box}body{margin:0;min-height:100svh;overflow-x:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}.symbols{position:absolute;width:0;height:0;overflow:hidden}button:focus-visible,a:focus-visible{outline:3px solid #83dba9;outline-offset:4px}.ambient{position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(70px);opacity:.25}.ambient-a{width:440px;height:440px;background:#b2e8c4;top:5%;left:-200px}.ambient-b{width:480px;height:480px;background:#e2e8db;right:-200px;bottom:2%}.topbar{max-width:1136px;margin:auto;padding:30px 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:650}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:1.6px;color:#8a938c;margin-top:3px}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--green);color:white;box-shadow:0 5px 12px #07b75b26;transition:transform .5s var(--spring)}.brand-mark svg{width:30px;height:30px}.brand:hover .brand-mark{transform:rotate(-8deg) scale(1.08)}.quiet{border:0;background:transparent;color:#79857c;font-size:13px;padding:12px}.quiet span{margin-left:6px}.layout{max-width:1136px;margin:auto;padding:21px 28px 28px}.intro{margin-bottom:34px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.6px;color:#74877a;display:flex;align-items:center;gap:8px;margin:0 0 20px}.live-dot{height:6px;width:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #07b75b0c}h1{font-size:48px;line-height:1.24;letter-spacing:-1.7px;margin:0;font-weight:650}h1 span{color:#07a951}.lead{color:#859086;font-size:14px;line-height:1.85;margin:18px 0 0}.mobile-break{display:none}.share-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(325px,1fr);gap:24px;align-items:start}.preview-card,.pickup-card{background:#fff;border:1px solid #ffffff;border-radius:25px;box-shadow:0 8px 36px #273d3006,0 1px 2px #24463004}.preview-card{overflow:hidden}.section-top{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.section-top h2{font-size:14px;font-weight:600;margin:0}.badge{display:flex;gap:5px;align-items:center;background:#f2f5f2;border-radius:20px;padding:6px 9px;color:#8b978d;font-size:10px;white-space:nowrap}.badge svg{height:11px;width:11px}.badge.open{color:var(--dark-green);background:#eaf9ee}.preview-stage{margin:0 13px;border-radius:16px;min-height:348px;overflow:hidden;background:#e7eee8;position:relative}.locked-preview{position:relative;min-height:348px;isolation:isolate;overflow:hidden;background:linear-gradient(140deg,#d8eada,#e8ece4 45%,#cedbce)}.color-cloud{position:absolute;width:240px;height:240px;border-radius:50%;filter:blur(42px);opacity:.85;animation:float 9s ease-in-out infinite alternate}.cloud-one{left:-60px;top:-90px;background:#9ccd9f}.cloud-two{right:-65px;bottom:-140px;background:#abc5ac;animation-delay:-5s}.blur-image{position:absolute;width:112%;height:112%;top:-6%;left:-6%;object-fit:cover;filter:blur(22px) saturate(.8);opacity:.74}.locked-preview.has-image .paper{opacity:0}.paper{position:absolute;left:calc(50% - 74px);top:58px;width:148px;height:185px;border-radius:16px;background:linear-gradient(120deg,#f7fff5bb,#ffffff52);box-shadow:0 14px 28px #48735715;border:1px solid #fff8;transition:opacity .4s}.paper-back{transform:rotate(-15deg) translate(-21px,-3px);animation:paper-float 6s ease-in-out infinite alternate}.paper-front{transform:rotate(9deg) translate(24px,0);padding:24px;filter:blur(2px)}.paper-front svg{width:33px;height:33px;color:#70a67b;margin:8px 0 21px}.paper-front i{display:block;background:#a3c6a76e;height:5px;margin:10px 0;border-radius:5px}.paper-front i:last-child{width:60%}.frost-pane{position:absolute;left:25px;right:25px;top:88px;padding:28px 15px 23px;text-align:center;background:linear-gradient(120deg,#ffffffe0,#ffffff87);border:1px solid #ffffffd9;border-radius:23px;backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);box-shadow:0 14px 45px #2448300e,inset 0 1px 0 #fff;transition:transform .6s var(--spring)}.preview-card:hover .frost-pane{transform:translateY(-4px)}.lock-orb{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 17px;border-radius:16px;color:#528b60;background:linear-gradient(150deg,#ffffff,#f0f7f0);box-shadow:0 5px 12px #51835d12,inset 0 1px 1px white;transition:transform .65s var(--spring)}.preview-card:hover .lock-orb{transform:rotate(-7deg) scale(1.08)}.frost-pane h3{font-size:17px;margin:0;font-weight:600;letter-spacing:.4px}.frost-pane p{font-size:12px;color:#849187;margin:10px 0 0}.preview-label{position:absolute;bottom:18px;width:100%;left:0;text-align:center;color:#607c68;font-size:10px;letter-spacing:.5px}.preview-bottom{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;color:#929b94;font-size:10px}.small-check{color:var(--green);margin-right:4px}.pickup-card{padding:27px 25px 22px;animation-delay:.09s}.file-heading{display:flex;gap:13px;align-items:center;min-height:52px}.file-heading>div{min-width:0}.file-icon{display:grid;place-items:center;width:49px;height:55px;border-radius:14px;flex-shrink:0;background:#edf8f0;color:#54a46b}.file-icon svg{width:27px;height:27px}.file-type{font-size:10px;color:#97a19a;letter-spacing:1px}.file-heading h2{font-size:16px;font-weight:600;line-height:1.5;margin:4px 0 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.file-meta{font-size:11px;color:#89958c;display:flex;justify-content:space-between;gap:12px;margin:23px 0 0}.file-meta div:last-child{text-align:right}.file-meta dt{margin-bottom:7px;font-size:10px}.file-meta dd{margin:0;color:#59675c;font-variant-numeric:tabular-nums}.separator{height:1px;background:var(--line);margin:23px 0}.code-label{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600}.code-label span{font-size:10px;color:#a1aba3;font-weight:400}.code-box{position:relative;margin-top:14px;height:50px;border-radius:10px}.code-box input{position:absolute;inset:0;width:100%;border:0;background:transparent;color:transparent;caret-color:transparent;outline:0;opacity:1;font-size:16px}.code-box #code-digits{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;height:100%}.code-box #code-digits span{border:1px solid #e5ebe6;background:#f8faf8;border-radius:9px;display:grid;place-items:center;font-size:23px;font-weight:500;font-variant-numeric:tabular-nums;color:#264c34;transition:background .2s,border-color .2s,box-shadow .2s}.code-box:focus-within #code-digits span.current{border-color:#4dcc81;background:#f1fcf5;box-shadow:0 0 0 2px #07b75b0c}.code-box #code-digits span.filled{background:#f0f9f2;border-color:#d7eddf}.hint{font-size:10px;color:#9ca69e;line-height:1.7;margin:11px 0 20px}.error{font-size:11px;color:#d55b56;line-height:1.6;margin:0 0 13px}.primary{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:47px;border:0;border-radius:11px;background:var(--green);color:white;font-size:13px;font-weight:600;box-shadow:0 5px 12px #07b75b17;transition:transform .5s var(--spring),background .2s,box-shadow .2s}.primary svg{width:17px;height:17px}.primary:disabled{opacity:.48;box-shadow:none}.primary:not(:disabled):hover{transform:translateY(-2px);background:#05ae54;box-shadow:0 9px 22px #07b75b26}.primary:not(:disabled):active,.secondary:active{transform:translateY(1px) scale(.96)}.privacy-note{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:#a1aaa4;margin:20px 0 0}.privacy-note svg{width:11px;height:11px}.verified{display:flex;gap:10px;align-items:center;margin:0 0 20px}.verified>span{display:grid;place-items:center;border-radius:50%;width:36px;height:36px;background:#eafaef;color:var(--green)}.verified strong{font-size:13px;font-weight:600}.verified p{font-size:11px;color:#85918a;margin:5px 0 0}.secondary{background:#f2f7f3;color:#5b7463;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;width:100%;height:42px;margin-top:11px;font-size:11px;transition:transform .5s var(--spring)}.secondary svg{width:14px;height:14px}.text-button{display:block;margin:15px auto 0;color:#97a399;font-size:10px;background:transparent;border:0;padding:5px}.clear-preview{min-height:348px;display:grid;place-items:center;background:#f4f6f4;animation:unblur .75s var(--spring);overflow:hidden}.clear-preview img,.clear-preview video{max-width:100%;max-height:510px;width:100%;object-fit:contain;display:block}.clear-preview video{background:#102219}.clear-preview audio{max-width:90%;margin:20px}.clear-preview iframe{width:100%;height:490px;border:0}.clear-preview pre{align-self:stretch;justify-self:stretch;max-width:100%;margin:0;padding:24px;color:#385340;background:#f8fbf8;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;max-height:470px;overflow:auto;font:12px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace}.preview-message{padding:35px;text-align:center;color:#859389;font-size:12px;line-height:1.9}.preview-message svg{display:block;margin:0 auto 17px;width:44px;height:44px;color:#7aa388}.preview-message strong{display:block;color:#45614d;font-size:16px;margin-bottom:9px}.preview-caption{padding:8px 15px;font-size:10px;color:#95a298;grid-column:1/-1}.unavailable{padding:0 0 4px}.unavailable h3{font-size:15px}.unavailable p{font-size:12px;line-height:1.9;color:#829086}.guide{border:1px solid white;border-radius:24px;background:#ffffff9c;backdrop-filter:blur(16px);padding:25px;margin-top:24px}.guide h2{font-size:16px;margin:0 0 21px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.guide-grid p{margin:0;line-height:1.8}.guide-grid b{display:block;color:#a9c7b0;font-size:11px;letter-spacing:1px;margin-bottom:9px}.guide-grid strong{display:block;font-size:12px;font-weight:600;margin-bottom:4px}.guide-grid span{font-size:11px;color:#87968c;display:block}.guide code{color:#429160;font-size:11px}.command-note{font-size:11px;color:#89988f;margin:20px 0 0;border-top:1px solid #e7eee8;padding-top:18px}.footer{display:flex;justify-content:space-between;margin-top:29px;font-size:10px;color:#a1ada3;letter-spacing:.3px}.toast{position:fixed;z-index:5;bottom:35px;left:50%;transform:translateX(-50%);background:#203e2de8;color:white;padding:12px 20px;border-radius:14px;font-size:12px;box-shadow:0 8px 30px #13251920;backdrop-filter:blur(15px);animation:toast-in .5s var(--spring);max-width:90vw;text-align:center}.enter{animation:enter .9s var(--spring) both}.preview-card{animation-delay:.04s}.intro{animation-duration:.8s}.code-pop{animation:digit .5s var(--spring)}.shake{animation:shake .45s ease-in-out}.busy .button-label:before{content:"";display:inline-block;width:11px;height:11px;border-radius:50%;border:1.5px solid #fff6;border-top-color:white;animation:spin .7s linear infinite;vertical-align:-1px;margin-right:8px}
@keyframes enter{from{opacity:0;transform:translateY(25px) scale(.975)}to{opacity:1;transform:none}}@keyframes digit{from{transform:scale(.65) translateY(7px)}to{transform:scale(1)}}@keyframes float{to{transform:translate(30px,20px) scale(1.1)}}@keyframes paper-float{to{transform:rotate(-9deg) translate(-18px,5px)}}@keyframes shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes unblur{from{opacity:0;transform:scale(.95);filter:blur(7px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes toast-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(min-width:900px){.intro{position:relative}.lead{position:absolute;right:0;bottom:7px;max-width:280px;font-size:13px;margin:0}.intro h1 br{display:none}.intro h1 span{margin-left:5px}.layout{padding-top:37px}.share-grid{margin-top:42px}.preview-stage,.locked-preview,.clear-preview{min-height:379px}.frost-pane{top:100px;left:50px;right:50px}.paper{top:80px}.pickup-card{min-height:491px}}
@media(max-width:730px){.topbar{padding:21px 20px}.layout{padding:17px 17px 28px}.intro{margin:0 7px 25px}.eyebrow{font-size:10px;margin-bottom:15px}h1{font-size:35px;letter-spacing:-1px}.lead{font-size:12px;margin-top:12px}.mobile-break{display:none}.share-grid{grid-template-columns:minmax(0,1fr);gap:16px}.preview-card,.pickup-card{border-radius:22px}.section-top{height:58px;padding:0 20px}.preview-stage,.locked-preview,.clear-preview{min-height:265px}.frost-pane{top:53px;left:25px;right:25px;padding:20px 10px}.lock-orb{width:40px;height:40px;margin-bottom:12px;border-radius:13px}.lock-orb svg{height:19px;width:19px}.frost-pane h3{font-size:15px}.frost-pane p{font-size:11px;margin-top:8px}.paper{top:24px;width:123px;height:155px;left:calc(50% - 60px)}.preview-label{bottom:13px;font-size:9px}.preview-bottom{padding:15px 20px;font-size:9px}.pickup-card{padding:23px}.file-heading h2{font-size:15px}.file-meta{margin-top:20px}.separator{margin:20px 0}.hint{font-size:10px}.primary{min-height:48px}.code-box{height:52px}.guide{padding:22px}.guide-grid{grid-template-columns:1fr;gap:19px}.guide-grid p{padding-left:32px;position:relative}.guide-grid b{position:absolute;left:0;top:1px}.footer{margin:25px 5px 0;flex-direction:column;align-items:center;gap:9px;font-size:9px}.clear-preview img,.clear-preview video{max-height:470px}.privacy-note{margin-top:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Compact file utility: content and controls first. */
.topbar{max-width:1016px;padding:24px 28px}.layout{max-width:1016px;padding-top:12px}.share-grid{margin-top:0;gap:20px;align-items:stretch}.preview-card{padding-bottom:13px}.pickup-card{min-height:0}.preview-stage,.locked-preview,.clear-preview{min-height:350px}.frost-pane{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:max-content;max-width:85%;padding:24px 30px;border-radius:20px}.preview-card:hover .frost-pane{transform:translate(-50%,calc(-50% - 3px))}.frost-pane h3{font-size:14px;letter-spacing:0;color:#607568}.lock-orb{margin-bottom:13px}.guide p{font-size:12px;color:#738078;line-height:1.8;margin:8px 0}.guide h2{margin-bottom:12px}.guide code{font-size:12px}.verified{margin-bottom:20px}.quiet{font-size:12px}.hint{color:#8a958d}.file-meta dt{font-size:11px}.brand small{letter-spacing:1px}.badge{font-size:11px}
@media(max-width:730px){.topbar{padding:18px 20px}.layout{padding:6px 16px 24px}.share-grid{gap:14px}.preview-stage,.locked-preview,.clear-preview{min-height:205px}.preview-card,.pickup-card{border-radius:20px}.section-top{height:50px}.frost-pane{top:50%;left:50%;right:auto;padding:20px 27px;max-width:85%}.frost-pane h3{font-size:13px}.pickup-card{padding:22px}.guide{padding:20px}.lock-orb{margin-bottom:12px}.file-meta{margin-top:18px}.separator{margin:18px 0}.code-box{height:48px}}
.upload-layout{max-width:536px;margin:12px auto 40px;padding:0 20px}.upload-card{padding:28px}.upload-title{font-size:21px;letter-spacing:0;margin:0;font-weight:600}.upload-rule{color:#8b968e;font-size:12px;margin:10px 0 24px}.upload-top-label{color:#8b968e;font-size:12px}.drop-zone{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:200px;padding:24px;border:1px dashed #cbdcd0;border-radius:16px;background:#f6faf7;margin-bottom:20px;text-align:center;transition:background .2s,transform .45s var(--spring);cursor:pointer}.drop-zone.drag-over{background:#e9f8ee;transform:scale(1.025)}.drop-zone:focus-within{outline:2px solid #65cb91;outline-offset:3px}.drop-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-zone strong{font-size:14px;font-weight:500;overflow-wrap:anywhere;max-width:100%}.drop-zone>span:last-of-type{font-size:11px;color:#8a9a8f}.upload-symbol{font-size:28px;color:#73ac86;background:#e5f2e9;width:46px;height:46px;display:grid;place-items:center;border-radius:13px}.upload-progress{margin-top:20px}.upload-progress progress{appearance:none;width:100%;height:6px;border:0;border-radius:4px;overflow:hidden}.upload-progress progress::-webkit-progress-bar{background:#ebf2ed}.upload-progress progress::-webkit-progress-value{background:var(--green);transition:width .2s}.upload-progress>div{display:flex;align-items:center;justify-content:space-between;color:#829489;font-size:11px}.upload-progress .text-button{margin:8px 0;padding:5px 0}.upload-filename{font-size:14px;overflow-wrap:anywhere;margin:12px 0 22px}.result-code{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-radius:13px;background:#eef8f1;color:#6b8e78}.result-code>span{font-size:12px}.result-code strong{font:600 27px ui-monospace,SFMono-Regular,monospace;letter-spacing:5px;color:#16884e}.upload-card .file-meta{margin:22px 0}.upload-card .hint{margin-bottom:0}.upload-card .verified{margin-top:22px}.upload-layout .primary{margin-top:16px}.upload-card .error{margin:18px 0;overflow-wrap:anywhere}@media(max-width:730px){.upload-layout{margin-top:6px;padding:0 16px}.upload-card{padding:23px}.drop-zone{min-height:180px}}