*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:#24272c;background:#fff;margin:0;font:14px/1.5 Arial,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button,a,label.button{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled,.disabled{opacity:.5;cursor:wait}:is(button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible){outline-offset:3px;outline:2px solid #507095}button{color:inherit}svg{flex-shrink:0}h1,h2,p{margin:0}h1{letter-spacing:-.6px;font-size:27px;font-weight:600}h2{font-size:19px;font-weight:600;line-height:1.4}p{line-height:1.7}.sidebar{background:#f8f9fa;border-right:1px solid #e7e9ec;flex-direction:column;width:234px;padding:33px 20px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{padding:0 13px 30px;display:block}.brand-mark{letter-spacing:-2px;font-size:36px;font-weight:800;line-height:1}.brand-mark>span{color:#ba7652}.brand-sub{letter-spacing:1.4px;color:#535d68;margin-top:10px;font-size:10px;font-weight:600;line-height:1.5;display:block}.workspace-label{text-transform:uppercase;letter-spacing:1.2px;color:#87909b;margin:14px 13px 16px;font-size:10px}nav{gap:5px;display:grid}nav button{text-align:left;color:#67707a;background:0 0;border:0;border-radius:5px;align-items:center;gap:13px;padding:13px 14px;font-size:13px;display:flex}nav button.active{color:#242b34;background:#e9edf1;font-weight:600}nav button:hover{background:#eff1f4}nav b{background:#fff;border-radius:3px;margin-left:auto;padding:2px 5px;font-size:10px}.sidebar-bottom{margin-top:auto}.switch-view{color:#535f6b;background:0 0;border:1px solid #dfe4e9;border-radius:4px;align-items:center;gap:9px;width:100%;margin-bottom:20px;padding:11px;font-size:11px;display:flex}.switch-view svg:last-child{margin-left:auto}.account-button{text-align:left;background:0 0;border:0;border-top:1px solid #e4e7eb;align-items:center;gap:11px;width:100%;padding:20px 5px 0;display:flex}.initials{background:#e8ecf0;border-radius:50%;place-items:center;width:33px;height:33px;font-size:12px;display:grid}.account-button strong{text-overflow:ellipsis;max-width:130px;font-size:12px;font-weight:500;display:block;overflow:hidden}.account-button small{color:#87909b;margin-top:2px;font-size:10px;display:block}main{flex-direction:column;min-height:100vh;margin-left:234px;display:flex}.topbar{border-bottom:1px solid #e7e9ec;justify-content:space-between;align-items:center;height:77px;padding:0 45px;display:flex}.breadcrumb{color:#89919a;align-items:center;gap:14px;font-size:11px;display:flex}.breadcrumb strong{color:#515b66;font-weight:400}.top-controls{align-items:center;gap:25px;display:flex}.language{color:#626d7a;align-items:center;gap:8px;display:flex}.language select{background:0 0;border:0;max-width:125px;padding:5px 0;font-size:11px}.top-account{color:#58616b;background:0 0;border:0;align-items:center;gap:7px;font-size:11px;display:flex}.content{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:40px 45px 60px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.page-heading p{color:#7c838d;margin-top:9px;font-size:12px}.button{cursor:pointer;background:#fff;border:1px solid #dce0e5;border-radius:4px;justify-content:center;align-items:center;gap:9px;padding:11px 16px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.button:hover{background:#f5f6f8}.button.primary{color:#fff;background:#293b4f;border-color:#293b4f}.button.primary:hover{background:#1d2e41}.button.small{padding:8px 11px;font-size:11px}.button.full{width:100%;margin-top:12px}.flow-strip{color:#6b737e;background:#f7f8fa;border:1px solid #eef0f2;border-radius:4px;align-items:center;gap:20px;margin-bottom:30px;padding:16px 20px;font-size:11px;display:flex}.flow-marker{letter-spacing:1px;color:#a8795e;white-space:nowrap;border-right:1px solid #dce1e5;padding-right:20px;font-size:10px}.gallery-tools{border-bottom:1px solid #e8eaed;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.tabs{gap:25px;display:flex}.tabs button{color:#8a919a;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:14px 0;font-size:12px}.tabs button.active{color:#303e4c;border-color:#303e4c;font-weight:600}.search{color:#a0a6ad;align-items:center;gap:8px;display:flex}.search input{outline-offset:0;border:0;max-width:170px;padding:9px 0;font-size:11px}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.album .cover{color:#9ea8b1;background:#f0f2f4;border:0;border-radius:3px;place-items:center;width:100%;height:300px;padding:0;display:grid;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.cover:hover img{transform:scale(1.025)}.gallery-number{color:#fff;text-shadow:0 1px 4px #000;letter-spacing:1px;font-size:10px;position:absolute;bottom:15px;left:15px}.private-badge{background:#fffdf7e8;border-radius:3px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;display:flex;position:absolute;top:10px;right:10px}.album-meta{color:#9299a1;justify-content:space-between;margin:18px 0 8px;font-size:10px;display:flex}.album-meta span:first-child{text-transform:uppercase;letter-spacing:1px}.album-name{text-align:left;color:#343b44;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:18px;font-weight:500;display:flex}.album-name svg{color:#6f7a87}.album-footer{color:#969da5;border-top:1px solid #e8ebee;justify-content:space-between;margin-top:16px;padding:12px 0;font-size:10px;display:flex}.sample-note{color:#a0a5ac;margin-top:35px;font-size:10px}.text-button{color:#496078;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:11px;display:inline-flex}.text-button.back{margin:0 0 25px;font-size:11px}.selection-options{border:1px solid #e4e7eb;border-radius:4px;justify-content:space-between;align-items:center;gap:25px;margin:22px 0;padding:18px 20px;display:flex}.selection-options label{color:#969da5;margin-bottom:6px;font-size:10px;display:block}.selection-options select{color:#3d4d5e;background:#fff;border:0;width:100%;max-width:340px;padding:3px 0;font-size:12px;font-weight:600}.selection-options p{color:#9198a1;max-width:300px;font-size:10px}.photo-toolbar{color:#7d8792;justify-content:space-between;margin:22px 0 18px;font-size:11px;display:flex}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.photo{text-align:left;background:#fff;border:1px solid #e4e7eb;border-radius:4px;padding:0;overflow:hidden}.photo.selected{border-color:#334c68;box-shadow:0 0 0 1px #334c68}.photo-image{background:#f3f4f6;height:300px;position:relative;overflow:hidden}.photo-image img{object-fit:cover;width:100%;height:100%}.photo-check{color:#fff;background:#ffffffdc;border:1px solid #c9cdd2;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:12px;right:12px}.selected .photo-check{background:#334c68;border-color:#334c68}.sample-watermark{color:#ffffffa3;text-align:center;letter-spacing:2px;text-shadow:0 1px 2px #0003;font-size:clamp(10px,1.1vw,20px);position:absolute;top:50%;left:0;right:0;transform:rotate(-20deg)}.photo-label{color:#727e8b;white-space:nowrap;text-overflow:ellipsis;padding:12px;font-size:10px;display:block;overflow:hidden}.selection-bar{z-index:3;background:#fff;border:1px solid #dfe4e9;border-radius:5px;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding:18px 22px;display:flex;position:sticky;bottom:18px;box-shadow:0 4px 25px #1222310a}.selection-bar>div>strong{font-size:12px;font-weight:500;display:block}.selection-bar>div>span{color:#87919b;margin-top:4px;font-size:10px;display:block}.selection-total{align-items:center;gap:25px;display:flex}.selection-total strong{font-size:21px;font-weight:500;display:block}.selection-total small{color:#929aa2;font-size:9px}.order-tabs{border-bottom:1px solid #e5e8ec;margin-bottom:24px}.table-wrap{border:1px solid #e5e8ec;border-radius:4px;overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}th{text-align:left;color:#8b939b;background:#fafbfc;padding:16px 20px;font-size:10px;font-weight:400}td{color:#525f6b;border-top:1px solid #eceef1;padding:22px 20px}td strong{font-size:11px;font-weight:500}td small{color:#8a949e;margin-top:6px;font-size:10px;display:block}.status{white-space:nowrap;border-radius:3px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;display:inline-flex}.status.pending{color:#9b7948;background:#faf2e6}.status.ready{color:#477457;background:#edf4ee}.status-dot{background:currentColor;border-radius:50%;width:4px;height:4px}.empty{text-align:center;color:#9ba4ae;border:1px dashed #e0e4e9;border-radius:5px;padding:75px 20px}.empty>svg{margin:0 auto 15px}.empty h2{color:#485665;margin-bottom:10px;font-size:17px}.empty p{color:#8c96a1;margin-bottom:22px;font-size:12px}.loading{text-align:center;color:#8e98a2;padding:70px;font-size:12px}.download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.download-card{border:1px solid #e2e6eb;border-radius:5px;padding:24px}.download-head{color:#6c7e91;justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.download-card h2{font-size:17px}.download-card p{color:#8b96a1;margin:8px 0 12px;font-size:10px}.login-panel,.account-card{border:1px solid #e2e6eb;border-radius:5px;max-width:590px;padding:40px}.login-panel>svg{color:#687e95;margin-bottom:20px}.login-panel p{color:#83909d;max-width:400px;margin:12px 0 24px;font-size:12px}.account-avatar{color:#65788c;background:#f0f3f6;border-radius:50%;place-items:center;width:64px;height:64px;margin-bottom:20px;display:grid}.account-card h2{font-size:18px}.account-card p{color:#83909d;margin:8px 0 14px;font-size:12px}.account-explanation{color:#83909d;border-top:1px solid #eceff2;margin-top:15px;padding:24px 0;font-size:12px;line-height:1.9}.account-actions{flex-wrap:wrap;gap:12px;display:flex}.settings-card{border:1px solid #e3e7ec;border-radius:5px;gap:24px;max-width:620px;padding:30px;display:grid}.form{gap:20px;margin-top:25px;display:grid}.form label,.settings-card label{color:#697683;gap:9px;font-size:11px;display:grid}.form input,.form select,.settings-card input{color:#293b4f;background:#fff;border:1px solid #dce2e8;border-radius:4px;width:100%;padding:12px;font-size:12px}.settings-card .check-label{align-items:center;gap:9px;display:flex}.check-label input{accent-color:#334c68;width:15px;height:15px}.form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-note{color:#7b8897;background:#f6f8fa;border:1px solid #edf0f3;border-radius:3px;margin:18px 0;padding:14px;font-size:11px;line-height:1.8}.settings-card .form-note{margin:0}.settings-card .button{justify-self:start}.muted{color:#85919e;margin:12px 0;font-size:12px}.small-text{font-size:10px}.error{color:#a75444;background:#fff4f2;border:1px solid #f1d6d0;border-radius:3px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:13px 16px;font-size:12px;display:flex}.error button{color:inherit;background:0 0;border:0;padding:0}.toast{color:#43614c;z-index:20;background:#f3f8f3;border:1px solid #dbe4dc;border-radius:5px;align-items:center;gap:10px;max-width:90vw;padding:15px 22px;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0001}footer{color:#a3a9b1;letter-spacing:.6px;border-top:1px solid #e9edf1;justify-content:space-between;margin:0 45px;padding:25px 0;font-size:9px;display:flex}dialog{color:#33404e;border:1px solid #e1e5ea;border-radius:7px;width:510px;max-width:calc(100vw - 32px);max-height:90vh;padding:35px}dialog::backdrop{background:#17223070}.dialog-close{color:#95a0ac;background:0 0;border:0;padding:4px;position:absolute;top:14px;right:14px}.modal-icon{color:#6e8298;margin-bottom:20px}.summary{border:1px solid #e5e9ed;border-radius:4px;margin:22px 0}.summary>div{border-bottom:1px solid #edf0f3;justify-content:space-between;gap:20px;padding:13px 15px;font-size:11px;display:flex}.summary>div:last-child{border:0}.summary span{color:#8c98a5;white-space:nowrap}.summary strong{overflow-wrap:anywhere;text-align:right;font-weight:500}.summary-total{background:#f8fafb}.summary-total strong{color:#344d66;font-size:17px}.modal-order-title h2{letter-spacing:.5px;margin-bottom:12px;font-size:21px}.confirm-amount{letter-spacing:-.7px;padding:20px 0;font-size:35px}.file-list>div{border-bottom:1px solid #eef0f3;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.file-list>div>span{overflow-wrap:anywhere;align-items:center;gap:10px;min-width:0;font-size:11px;display:flex}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (min-width:1600px){.cover{height:360px!important}.photo-image{height:360px}}@media (max-width:1150px){.sidebar{width:205px;padding:30px 15px 20px}main{margin-left:205px}.content{padding:32px}.topbar{padding:0 32px}.album-grid{gap:18px}.album .cover{height:240px}.tabs{gap:18px}.download-grid{grid-template-columns:repeat(2,1fr)}.photo-image{height:250px}.photo-grid{gap:14px}.selection-total{gap:16px}.selection-bar{padding:16px}}@media (max-width:850px){.sidebar{border-bottom:1px solid #e7e9ec;border-right:0;width:100%;padding:19px 22px;position:relative}.brand{align-items:center;gap:15px;padding:0 0 20px;display:flex}.brand-mark{font-size:30px}.brand-sub{letter-spacing:1px;margin:0;font-size:8px;line-height:1.4}.workspace-label{display:none}nav{flex-wrap:wrap;gap:6px;display:flex}nav button{gap:7px;padding:10px 12px;font-size:11px}nav button svg{width:15px}.sidebar-bottom{position:absolute;top:25px;right:22px}.account-button{display:none}.switch-view{border:0;margin:0;padding:5px;font-size:10px}.switch-view svg:first-child{display:none}main{margin:0}.topbar{height:60px;padding:0 22px}.breadcrumb{gap:7px;font-size:10px}.breadcrumb>strong{white-space:nowrap;text-overflow:ellipsis;max-width:110px;overflow:hidden}.content{padding:30px 22px 45px}.top-controls{gap:14px}.top-account span{display:none}.language select{max-width:110px;font-size:10px}h1{font-size:24px}.page-heading p{font-size:11px}.album .cover{height:280px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.album-name{font-size:16px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-image{height:280px}.selection-bar{bottom:10px}.selection-bar>div>span{max-width:180px}.selection-total{gap:15px}.selection-total .button{padding:11px;font-size:11px}.selection-total strong{font-size:18px}footer{margin:0 22px}.sample-watermark{font-size:13px}}@media (max-width:530px){.album-grid{grid-template-columns:1fr;gap:25px}.album .cover{height:340px}.gallery-tools{display:block}.tabs{gap:20px;overflow:auto}.tabs button{font-size:10px}.search{margin:10px 0}.search input{width:100%;max-width:100%}.flow-strip{gap:12px;padding:13px;font-size:10px}.flow-marker{padding-right:12px}.page-heading{align-items:flex-start;gap:12px}.page-heading .button{white-space:nowrap;padding:10px;font-size:10px}h1{font-size:23px}.page-heading p{max-width:250px}.topbar{padding:0 20px}.top-controls{gap:8px}.top-account{padding:0}.breadcrumb>strong{max-width:75px}.breadcrumb{gap:4px}.photo-image{height:225px}.photo-grid{gap:10px}.photo-label{padding:10px;font-size:9px}.sample-watermark{letter-spacing:1px;font-size:10px}.selection-options{padding:15px;display:block}.selection-options p{margin-top:12px;font-size:10px}.selection-options select{font-size:11px}.selection-bar{padding:14px;display:block}.selection-bar>div:first-child{justify-content:space-between;gap:10px;margin-bottom:12px;display:flex}.selection-bar>div>span{max-width:none;margin:0}.selection-total{justify-content:space-between}.selection-total>div small{display:none}.selection-total strong{font-size:21px}.download-grid{grid-template-columns:1fr}.login-panel,.account-card{padding:26px}.settings-card{padding:23px}.form-grid{gap:12px}.sidebar-bottom{right:17px}.switch-view{gap:3px;font-size:9px}.switch-view svg{width:10px}.brand-sub{font-size:7px}.brand{gap:10px}.brand-mark{font-size:29px}dialog{padding:30px 23px}.summary>div{padding:13px;font-size:10px}footer{letter-spacing:.3px;font-size:8px}}.auth-page{background:#fafbfc;min-height:100vh}.auth-header{background:#fff;border-bottom:1px solid #e7e9ec;justify-content:space-between;align-items:center;padding:28px 45px;display:flex}.auth-header .brand{align-items:center;gap:15px;padding:0;display:flex}.auth-header .brand-sub{margin:0;font-size:8px}.auth-header .brand-mark{font-size:30px}.auth-box{background:#fff;border:1px solid #e2e7ec;border-radius:5px;width:440px;max-width:calc(100% - 36px);margin:55px auto;padding:35px}.auth-box>svg{color:#7b8b9c;margin-bottom:22px}.auth-box h1{letter-spacing:-.4px;font-size:23px}.auth-box>p{color:#83909d;margin-top:12px;font-size:12px}.auth-note{color:#718092;background:#f4f7fa;border:1px solid #e7edf2;border-radius:3px;margin-top:22px;padding:13px;font-size:11px;line-height:1.8}.google-button{background:#fff;gap:15px;margin-top:25px!important}.google-button>span{color:#52657a;font-size:17px;font-weight:600}.auth-divider{color:#9ba4ae;align-items:center;gap:12px;margin:22px 0;font-size:10px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e8edf1;flex:1;height:1px}.auth-box .form,.auth-box .form .full{margin-top:0}.auth-privacy{gap:7px;display:flex;margin:24px 0!important;font-size:10px!important}.auth-links{justify-content:space-between;gap:15px;display:flex}.auth-footer{text-align:center;letter-spacing:1px;color:#9ca6b1;padding:20px;font-size:9px}@media (max-width:530px){.auth-header{padding:22px}.auth-header .brand-sub{font-size:7px}.auth-header .brand-mark{font-size:26px}.auth-header .brand{gap:10px}.auth-box{margin:30px auto;padding:27px}.auth-box h1{font-size:21px}}