:root{color-scheme:light;--ink:#172342;--muted:#727d94;--line:#e8ebf2;--primary:#4f46e5;--primary-dark:#4338ca;--soft:#f2f1ff;--danger:#c43c46;--radius:18px;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#fbfcff;color:var(--ink);font-size:14px;line-height:1.6}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b8b2ff;outline-offset:3px}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}h2{font-size:17px;line-height:1.45}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}[hidden]{display:none!important}.site-header{height:80px;background:#fff;border-bottom:1px solid var(--line)}.header-inner{max-width:1120px;padding:0 28px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;font-size:22px;font-weight:750;letter-spacing:1px}.brand-mark{width:42px;height:42px;border-radius:13px;background:var(--primary);color:#fff;display:grid;place-items:center}.brand-mark svg{width:27px;height:27px}.brand-caption{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:1px;margin-left:13px}.header-note{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px;background:#7ba895;border-radius:50%}.page{max-width:1080px;margin:auto;padding:0 28px}.home{max-width:850px;display:grid;grid-template-columns:1fr 1fr;gap:28px 38px;padding-top:72px}.home-hero{padding-top:22px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;color:var(--primary)}.home-hero h1{font-size:53px;line-height:1.2;letter-spacing:-1px;font-weight:750;margin:19px 0 23px}.hero-description{font-size:14px;line-height:1.9;color:var(--muted)}.original-badge{display:flex;align-items:center;gap:7px;margin-top:24px;font-size:12px;color:#69738c}.original-badge svg{width:15px;height:15px;color:var(--primary)}.create-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 8px 35px #17234205}.section-heading{display:flex;gap:12px;align-items:center;margin-bottom:27px}.section-icon{width:43px;height:43px;border-radius:12px;color:var(--primary);background:var(--soft);display:grid;place-items:center}.section-heading p{color:var(--muted);font-size:12px;margin-top:4px}form label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}input[type=text],input[type=url]{width:100%;border:1px solid #dfe3ed;border-radius:11px;padding:13px 14px;min-height:48px;background:#fff;color:var(--ink);font-size:15px;appearance:none}input::placeholder{color:#9ca4b5}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border-radius:11px;padding:11px 18px;line-height:1.4;font-weight:600;font-size:14px;transition:background .15s,transform .15s;white-space:nowrap}.button:active{transform:translateY(1px)}.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-dark)}.button-secondary{background:#fff;border-color:var(--line);color:var(--ink)}.button-secondary:hover{background:#f7f8fc}.create-card .button{width:100%;margin-top:16px}.create-card .button svg{width:18px;height:18px}.privacy-note{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:#8a93a6;margin-top:17px}.privacy-note svg{width:14px;height:14px}.recent-section{grid-column:1/-1;padding-top:27px;border-top:1px solid var(--line);margin-top:20px}.subheading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.subheading h2{font-size:14px}.subheading>span{font-size:11px;color:#929bb0}.recent-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recent-item{background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:12px;padding:14px 16px;min-height:76px}.recent-item:hover{border-color:#c7c2f5}.recent-icon{color:var(--primary);width:38px;height:38px;display:grid;place-items:center;background:var(--soft);border-radius:10px}.recent-text{min-width:0;flex:1}.recent-text strong{font-size:13px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.recent-text span{color:var(--muted);font-size:11px;display:block;margin-top:3px}.recent-arrow{color:#a6aec0;width:17px;height:17px}.home-footer{grid-column:1/-1;text-align:center;font-size:11px;color:#a0a8ba;padding:30px 0 35px}.form-error{font-size:12px;color:var(--danger);background:#fff4f4;padding:10px 12px;border-radius:8px;margin-top:12px;overflow-wrap:anywhere}
.album{padding-top:27px;padding-bottom:115px}.back-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted);min-height:32px;margin-bottom:20px}.back-link svg{width:15px;height:15px}.album-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:28px}.album-title{min-width:0}.album-title h1{font-size:33px;line-height:1.4;letter-spacing:-.5px;margin:7px 0 9px;overflow-wrap:anywhere}.album-title .eyebrow{font-size:11px}.album-meta{display:flex;gap:9px;color:var(--muted);font-size:12px;flex-wrap:wrap}.meta-separator{color:#c8cedb}.upload-strip{padding:23px 24px;background:var(--soft);border:1px solid #e6e3ff;border-radius:var(--radius);display:flex;gap:18px;align-items:center;justify-content:space-between}.upload-strip h2{font-size:16px}.upload-strip p{font-size:12px;color:#807b9d;margin-top:5px}.upload-panel{background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:16px;padding:18px 20px}.upload-panel .subheading{margin-bottom:9px}.job-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #f0f2f7}.job-icon{color:#939caf;width:20px;height:20px}.job-content{flex:1;min-width:0}.job-name{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.job-status{font-size:11px;color:var(--muted);margin-top:2px}.job-status.failed{color:var(--danger)}.job-status.done{color:#4c8972}.job-progress{display:block;width:100%;height:3px;overflow:hidden;appearance:none;border:0;border-radius:5px;background:#eceaf9;margin-top:7px}.job-progress::-webkit-progress-bar{background:#eceaf9}.job-progress::-webkit-progress-value{background:var(--primary);border-radius:5px}.job-progress::-moz-progress-bar{background:var(--primary)}.text-button{background:transparent;border:0;color:var(--primary);font-size:12px;padding:8px 3px;min-height:36px;white-space:nowrap}.icon-button{border:0;background:transparent;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:inherit;padding:8px}.icon-button:hover{background:#f1f2f8}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;margin:27px 0 16px;gap:16px}.gallery-toolbar h2{display:flex;align-items:center;gap:9px;font-size:15px}.number-badge{font-size:11px;background:#eef0f6;padding:1px 7px;border-radius:6px;color:var(--muted);font-weight:500}.gallery-actions{display:flex;align-items:center;gap:12px}.gallery-actions .icon-button{color:#909aaf;width:34px;height:34px}.gallery-actions .icon-button svg{width:17px;height:17px}.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.photo-card{position:relative;min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .15s,box-shadow .15s}.photo-card.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.photo-preview{display:flex;width:100%;aspect-ratio:1;align-items:center;justify-content:center;background:#f0f2f7;border:0;padding:0;overflow:hidden;position:relative;color:#939caf}.photo-preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.photo-preview:hover img{transform:scale(1.025)}.file-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;font-size:12px;width:100%;height:100%;padding:20px;background:#eef0f7;color:#919bb0}.file-placeholder svg{width:35px;height:35px;stroke-width:1.2}.file-placeholder small{font-size:10px;color:#a1aabc;text-align:center}.select-photo{position:absolute;right:9px;top:9px;width:33px;height:33px;border:0;border-radius:50%;background:#14213d30;display:grid;place-items:center;padding:0;z-index:1}.select-photo::before{content:"";width:20px;height:20px;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #1113;background:#ffffff20}.select-photo svg{display:none;position:absolute;width:15px;height:15px;color:#fff;stroke-width:2.8}.select-photo[aria-pressed=true]{background:transparent}.select-photo[aria-pressed=true]::before{background:var(--primary);border-color:#fff}.select-photo[aria-pressed=true] svg{display:block}.photo-info{padding:11px 12px 9px;display:flex;align-items:center;gap:7px}.photo-info-text{flex:1;min-width:0}.photo-filename{font-weight:550;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-size{font-size:10px;color:#9ba3b5;margin-top:3px}.photo-download{width:30px;height:32px;border-radius:7px;color:#858fa6}.photo-download svg{width:17px;height:17px}.gallery-footnote{font-size:11px;line-height:1.8;color:#a0a8b9;margin-top:27px;text-align:center}.empty-gallery{min-height:295px;border:1px dashed #dde2ed;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;padding:35px 22px}.empty-icon{width:66px;height:66px;border-radius:20px;background:#f1f2fa;color:#9a9abf;display:grid;place-items:center;margin-bottom:15px}.empty-icon svg{width:31px;height:31px;stroke-width:1.3}.empty-gallery h2{font-size:16px}.empty-gallery p{font-size:12px;line-height:1.9;color:var(--muted);margin:7px 0 17px}.empty-gallery .button{font-size:12px;min-height:40px}.loading-card{display:flex;align-items:center;justify-content:center;gap:12px;padding:100px 20px;color:var(--muted)}.spinner{width:21px;height:21px;border-radius:50%;border:2px solid #dddaf7;border-top-color:var(--primary);display:inline-block;animation:spin .8s linear infinite}.error-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 20px}.error-card h1{font-size:22px}.error-card p{color:var(--muted);margin:12px 0 20px}.selection-bar{position:fixed;left:0;right:0;bottom:0;z-index:10;background:#fffffff2;border-top:1px solid var(--line);backdrop-filter:blur(14px);padding:13px 24px max(13px,env(safe-area-inset-bottom))}.selection-inner{max-width:1024px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:15px}.selection-inner>div{display:flex;align-items:center;gap:17px}.selection-inner strong{font-size:13px}.selection-inner .text-button{color:var(--muted);font-size:11px}.selection-inner .button{font-size:13px}
dialog{border:0;color:var(--ink);padding:0}dialog::backdrop{background:#17234265;backdrop-filter:blur(4px)}.share-dialog{width:400px;max-width:calc(100% - 32px);border-radius:22px;padding:30px;box-shadow:0 15px 100px #1114}.dialog-close{position:absolute;top:12px;right:12px;color:#919aaf}.share-dialog h2{font-size:20px;margin-top:17px}.share-dialog>p{color:var(--muted);font-size:12px;margin:9px 0 17px}.share-dialog input{font-size:12px;background:#f6f7fc;min-height:44px}.share-dialog>.button{width:100%;margin-top:13px}.share-dialog>.share-note{font-size:11px;text-align:center;margin:17px 0 0;color:#969fb2}.viewer{width:100vw;max-width:none;height:100dvh;max-height:none;background:#111623;color:#fff;margin:0;overflow:hidden}.viewer::backdrop{background:#111623}.viewer[open]{display:flex;flex-direction:column}.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;flex:none;background:#141926;z-index:2}.viewer-header>div{display:flex;align-items:center;gap:17px;min-width:0}.viewer-header span{font-size:12px;white-space:nowrap}.viewer-header #viewer-counter{color:#a6afc0;flex:none}.viewer-header #viewer-filename{overflow:hidden;text-overflow:ellipsis}.viewer .icon-button:hover{background:#ffffff12}.viewer-stage{display:flex;align-items:center;justify-content:space-between;position:relative;min-height:0;flex:1;padding:15px 20px;touch-action:pan-y pinch-zoom}.viewer-media{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.viewer-media img{max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.viewer-media .file-placeholder{height:auto;background:transparent;color:#bcc3d1;gap:16px;max-width:300px;text-align:center}.viewer-media .file-placeholder svg{width:60px;height:60px}.viewer-media .file-placeholder small{font-size:12px;line-height:1.8}.viewer-nav{flex:none;background:#ffffff0a;color:#fff;margin:0 10px;width:42px;height:48px}.viewer-nav:disabled{opacity:.18}.viewer-footer{padding:18px 24px max(18px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;background:#141926;flex:none}.viewer-footer>span{color:#a6afc0;font-size:11px}.viewer-footer .button{font-size:13px}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(95px + env(safe-area-inset-bottom));z-index:100;background:#24304def;color:#fff;font-size:12px;border-radius:12px;padding:12px 18px;max-width:calc(100% - 40px);width:max-content;box-shadow:0 5px 25px #0002;text-align:center}.toast.dialog-toast{top:24px;bottom:auto}.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}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1400px){.home{padding-top:110px}.home-hero h1{font-size:60px}.create-card{margin-top:18px}}
@media(max-width:850px){.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home{gap:28px}.home-hero h1{font-size:45px}.create-card{padding:23px}.brand-caption{display:none}}
@media(max-width:600px){.site-header{height:66px}.header-inner{padding:0 22px}.brand{font-size:20px;gap:9px}.brand-mark{width:35px;height:35px;border-radius:11px}.brand-mark svg{width:23px;height:23px}.brand-caption{display:inline;font-size:10px;margin-left:9px}.header-note{font-size:10px;gap:5px}.page{padding-left:20px;padding-right:20px}.home{display:block;padding-top:34px}.home-hero{padding-top:0}.home-hero .eyebrow{font-size:11px;letter-spacing:2px}.home-hero h1{font-size:44px;margin:15px 0 17px;line-height:1.2}.hero-description{font-size:13px;line-height:1.85}.original-badge{margin-top:19px;font-size:11px}.create-card{margin-top:30px;padding:23px;border-radius:19px}.section-heading{margin-bottom:23px}.section-heading h2{font-size:16px}.section-heading p{font-size:11px}.create-card .button{min-height:48px}.privacy-note{font-size:10px}.recent-section{margin-top:28px;padding-top:22px}.recent-list{grid-template-columns:1fr;gap:10px}.recent-item{min-height:70px}.home-footer{padding:32px 0 28px;font-size:10px}.album{padding-top:16px;padding-bottom:115px}.back-link{margin-bottom:17px;font-size:11px}.album-heading{gap:10px;padding-bottom:22px;align-items:flex-start}.album-title h1{font-size:27px;margin:6px 0 8px;line-height:1.4}.album-title .eyebrow{font-size:10px;letter-spacing:1.5px}.album-meta{font-size:10px;gap:6px}.album-heading>.button{font-size:11px;min-height:37px;padding:8px 11px;margin-top:25px;gap:5px}.album-heading>.button svg{width:15px;height:15px}.upload-strip{display:block;padding:20px;border-radius:15px}.upload-strip h2{font-size:15px}.upload-strip p{font-size:10px;margin-top:5px}.upload-strip>.button{width:100%;margin-top:16px;min-height:44px;font-size:13px}.upload-panel{padding:15px 16px}.upload-panel .subheading h2{font-size:12px}.job-status{font-size:10px}.gallery-toolbar{margin:23px 0 13px}.gallery-toolbar h2{font-size:14px}.gallery-actions{gap:7px}.gallery-actions .text-button{font-size:11px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-card{border-radius:12px}.photo-info{padding:9px 9px 8px;gap:3px}.photo-filename{font-size:10px}.photo-size{font-size:9px}.photo-download{width:27px;padding:5px}.select-photo{width:34px;height:34px;top:5px;right:5px}.gallery-footnote{font-size:9px;margin-top:23px;line-height:1.9}.empty-gallery{min-height:290px}.empty-gallery h2{font-size:15px}.empty-gallery p{font-size:11px}.selection-bar{padding:11px 20px max(11px,env(safe-area-inset-bottom))}.selection-inner>div{display:block}.selection-inner strong{display:block;font-size:12px}.selection-inner .text-button{padding:0;min-height:25px;font-size:10px}.selection-inner .button{min-height:43px;font-size:12px;padding:11px 14px}.share-dialog{padding:28px 24px}.share-dialog h2{font-size:19px}.viewer-header{padding:14px 13px}.viewer-header>div{gap:13px}.viewer-header span{font-size:11px}.viewer-stage{padding:0}.viewer-nav{position:absolute;z-index:1;margin:0;width:34px;height:42px;background:#0004}.viewer-nav:first-child{left:8px}.viewer-nav:last-child{right:8px}.viewer-nav svg{width:18px;height:18px}.viewer-footer{padding:15px 16px max(15px,env(safe-area-inset-bottom))}.viewer-footer>span{font-size:10px;max-width:50%}.viewer-footer .button{font-size:12px;padding:11px 14px;min-height:43px}.toast{font-size:11px;bottom:calc(91px + env(safe-area-inset-bottom))}}
.job-thumbnail{width:48px;height:48px;border-radius:9px;background:#f0f2f7;overflow:hidden;flex:none;display:grid;place-items:center;color:#939caf}.job-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.job-thumbnail svg{width:23px;height:23px;stroke-width:1.4}
@media(max-width:600px){.job-thumbnail{width:45px;height:45px;border-radius:8px}.job-row{gap:10px}}
.album{padding-top:36px}.album-heading{padding-bottom:22px;align-items:center}.album-title h1{font-size:30px;margin:0 0 7px;line-height:1.3}.album-heading>.button{font-size:12px;min-height:40px;padding:9px 13px;margin-top:0}.gallery-toolbar{display:block;margin:0 0 14px}.gallery-main-row,.gallery-detail-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.gallery-main-row{min-height:44px}.gallery-toolbar h2{font-size:15px;white-space:nowrap}.gallery-actions{gap:8px}.gallery-actions>.button{min-height:44px;max-height:44px;font-size:12px;padding:10px 13px;gap:6px}.gallery-actions>.button svg{width:16px;height:16px}.gallery-hint{font-size:11px;color:var(--muted)}.gallery-detail-row{margin-top:6px}.gallery-tools{display:flex;align-items:center;gap:10px}.gallery-tools .icon-button{width:32px;height:32px;color:#909aaf}.gallery-tools .icon-button svg{width:16px;height:16px}.gallery-tools .text-button{min-height:32px}.photo-info{padding:11px 12px 8px}.photo-download{margin:0 10px 10px;min-height:44px;height:44px;width:calc(100% - 20px);padding:10px;font-size:12px;border-color:#e5e2fa;background:#f8f7ff;color:var(--primary);border-radius:9px}.photo-download:hover{background:#f0edff}.photo-download svg{width:17px;height:17px}.upload-panel{margin-top:25px}.gallery-footnote{margin-top:22px}
@media(max-width:600px){.album{padding-top:24px}.album-heading{padding-bottom:22px;gap:12px}.album-title h1{font-size:25px;line-height:1.3;margin:0 0 7px}.album-heading>.button{font-size:11px;min-height:38px;padding:8px 11px;margin-top:0}.album-meta{font-size:10px}.gallery-toolbar{margin:0 0 12px}.gallery-toolbar h2{font-size:14px;gap:7px}.gallery-main-row{gap:8px}.gallery-actions{gap:6px}.gallery-actions>.button{min-height:44px;max-height:44px;font-size:11px;padding:10px 11px;gap:5px}.gallery-actions>.button svg{width:15px;height:15px}.gallery-hint{font-size:10px}.gallery-tools{gap:7px}.gallery-tools .text-button{font-size:11px}.gallery-detail-row{gap:6px;margin-top:3px}.photo-info{padding:10px 10px 7px}.photo-filename{font-size:10px}.photo-size{font-size:9px}.photo-download{margin:0 8px 8px;width:calc(100% - 16px);min-height:44px;height:44px;padding:10px;font-size:11px;gap:5px;border-radius:8px}.photo-download svg{width:15px;height:15px}.upload-panel{margin-top:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}