:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#253229;--muted:#606d63;--screen:#25312a;--screen-ink:#f4f6ee;--screen-muted:#b8c7bb;--screen-control:#38483e;--mint:#bae5d0;--paper:#fbfcf6}*{box-sizing:border-box}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fdfdfb radial-gradient(circle,#d9ded5 1px,#0000 1.6px) 8px 8px/32px 32px;margin:0;font:16px/1.5 Inter,system-ui,PingFang SC,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,a{color:inherit}h2,p{margin:0}:focus-visible,.file-input:focus-visible+label{outline-offset:3px;outline:2px solid #518968}.format-option:has(:focus-visible){outline-offset:3px;outline:2px solid #518968}.screen :focus-visible{outline-color:var(--mint)}.format-option:has(:focus-visible){outline-color:var(--mint)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{align-content:center;width:min(100%,1510px);margin-inline:auto;padding:clamp(16px,2vw,30px) clamp(10px,1.7vw,25px);display:grid}.workspace{container-type:inline-size}.account-trigger,.account-submit{background:var(--paper);cursor:pointer;border:1px solid #c8d3c7;border-radius:12px;min-height:44px;padding:8px 16px;font-size:14px;font-weight:650}.account-trigger:hover{background:#e9f1e7}.account-dialog{background:var(--paper);width:min(420px,100vw - 28px);max-height:calc(100dvh - 32px);color:var(--ink);border:1px solid #cdd6c9;border-radius:22px;padding:clamp(16px,4vw,28px)}.account-dialog::backdrop{background:#17231ccc}.account-dialog-header,.credit-history li{justify-content:space-between;align-items:center;gap:12px;display:flex}.account-dialog-header{margin-bottom:16px}.account-dialog-header h2{font-size:22px}.account-form,.account-summary{gap:14px;display:grid}.account-form label{gap:6px;display:grid}.account-form input{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #b4c4b5;border-radius:8px;padding:8px 10px}.registration-code-field{grid-template-columns:minmax(0,1fr) minmax(7.25rem,auto);align-items:end;gap:8px;display:grid}.registration-code-field .account-trigger{font-variant-numeric:tabular-nums;padding-inline:10px}.registration-code-field .account-trigger:disabled{opacity:.65;cursor:default}.account-submit{background:var(--mint);border-color:#9dc7af}.account-submit:disabled{opacity:.65;cursor:wait}.account-note{color:var(--muted);font-size:13px}.account-error{color:#982f18;font-size:14px}.account-email{overflow-wrap:anywhere}.account-balances{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.account-balances div{background:#e9f1e7;border-radius:10px;padding:10px 12px}.account-balances dt{color:var(--muted);font-size:13px}.account-balances dd{margin:0;font-size:22px;font-weight:700}.credit-history h3{margin:0 0 6px;font-size:15px}.credit-history ul{max-height:240px;margin:0;padding:0;list-style:none;overflow-y:auto}.credit-history li{border-bottom:1px solid #e0e7de;padding-block:8px;font-size:14px}.credit-history time{color:var(--muted);font-size:12px;display:block}.printer{--case-width:40%;--lane-width:30.5%;--belt-height:clamp(104px, 19.4cqw, 284px);--tread:clamp(18px, 4.38cqw, 64px);--travel:calc(6 * var(--tread));--feed-time:1.14s;--feed-curve:cubic-bezier(.34, .04, .41, 1);--eject-time:3.24s;--eject-curve:cubic-bezier(.15, .72, .24, 1);--screen-gap:clamp(14px, 2.15cqw, 32px);isolation:isolate;padding-block:clamp(8px,1.55cqw,23px);position:relative}.conveyor{top:50%;height:var(--belt-height);background:#676f64;border:clamp(4px,.67cqw,10px) solid #d9ddd1;border-radius:clamp(13px,2.1cqw,31px);position:absolute;inset-inline:.65%;overflow:hidden;translate:0 -50%;box-shadow:0 5px 12px #28362a15,inset 0 3px 14px #27342b36}.conveyor:before,.conveyor:after{content:"";background:linear-gradient(90deg, #c1c8b74a 0 2px, transparent 2px) 0 / var(--tread) 100% repeat-x;position:absolute;inset:0}.conveyor:after{visibility:hidden}.printer[data-task=true] .conveyor:before{animation:advance-belt var(--feed-time) var(--feed-curve) both}.printer[data-output=true] .conveyor:before{visibility:hidden}.printer[data-output=true] .conveyor:after{visibility:visible;animation:advance-belt var(--eject-time) var(--eject-curve) both}@keyframes advance-belt{0%{background-position-x:0}to{background-position-x:var(--travel)}}.paper-lane{width:var(--lane-width);height:var(--belt-height);place-items:center;display:grid;position:absolute;top:50%;overflow:hidden;translate:0 -50%}.source-lane,.source-label{left:.35%}.result-lane,.result-label{right:.35%}.lane-label{top:calc(50% + var(--belt-height) / 2 + clamp(3px, 2cqw, 26px));width:var(--lane-width);min-height:44px;color:var(--muted);place-items:center;font-size:clamp(12px,1.45cqw,21px);display:grid;position:absolute}.film{aspect-ratio:1.15;background:var(--paper);color:#47594c;text-align:center;cursor:pointer;border:0;border-radius:clamp(4px,.48cqw,7px);grid-template-rows:minmax(0,1fr) auto;gap:clamp(3px,.75cqw,11px);width:min(19.2cqw,84%);min-width:0;margin:0;padding:clamp(4px,.82cqw,12px);display:grid;box-shadow:0 4px 13px #21312237,inset 0 1px #fff}.film-image{background:#edf1e8;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.film-image :is(img,video){object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.film-caption{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(11px,1.36cqw,20px);font-weight:520;line-height:1.35;overflow:hidden}.source-film{transition:transform var(--feed-time) var(--feed-curve), box-shadow .16s ease}.source-film[data-selected=false] .film-image{background:#edf2e8;border:1px dashed #aebead}.source-film[data-dragging=true] .film-image,.file-input:not(:disabled)+.source-film:hover .film-image{background:#e1eddf}.file-input:disabled+.source-film{cursor:default}.printer[data-task=true] .source-film{transform:translateX(var(--travel));pointer-events:none}.upload-mark{aspect-ratio:1;color:#446651;background:#dae8d9;border-radius:50%;width:clamp(20px,4.1cqw,58px);display:block;position:relative}.upload-mark:before,.upload-mark:after{content:"";background:currentColor;border-radius:2px;width:39%;height:2px;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.upload-mark:after{rotate:90deg}.output-placeholder{color:#f6f8f1;text-shadow:0 1px 3px #23302761;font-size:clamp(12px,1.48cqw,22px)}.result-film{animation:eject-film var(--eject-time) var(--eject-curve) both}.result-film .film-image :is(img,video){animation:reveal-film .9s ease var(--eject-time) both}@keyframes eject-film{0%{transform:translateX(calc(-1 * var(--travel)))}to{transform:translate(0)}}@keyframes reveal-film{0%{opacity:0}to{opacity:1}}.printer-case{width:var(--case-width);background:linear-gradient(152deg,#f4f4ed,#e8e9df 75%,#eeeee5);border:2px solid #d0d4c8;border-radius:clamp(24px,5.65cqw,83px);min-height:clamp(360px,47.1cqw,688px);margin-inline:auto;padding:clamp(11px,3.1cqw,46px);display:flex;position:relative;box-shadow:inset 0 4px #ffffffbd,inset 0 -4px 10px #7d897021,0 4px 8px #34433224,0 20px 45px #27372917}.printer-case:before{content:"";border-radius:inherit;pointer-events:none;border:2px solid #ffffffd4;position:absolute;inset:clamp(5px,.9cqw,13px)}.screen{gap:var(--screen-gap);background:var(--screen);min-width:0;color:var(--screen-ink);border:2px solid #5a6c60;border-radius:clamp(15px,2.9cqw,43px);flex-direction:column;flex:1;padding:clamp(13px,2.12cqw,31px);display:flex;position:relative;box-shadow:0 0 0 clamp(3px,.52cqw,8px) #ced2c6,inset 0 2px 5px #141f1a39}.screen-header{justify-content:space-between;align-items:center;gap:6px 10px;display:flex}.screen-header h2{font-size:clamp(16px,1.86cqw,27px);font-weight:680;line-height:1.3}.screen-status{color:var(--screen-muted);white-space:nowrap;align-items:center;gap:clamp(4px,.66cqw,9px);font-size:clamp(11px,1.34cqw,19px);display:inline-flex}.screen-status i{aspect-ratio:1;background:var(--mint);border-radius:50%;width:clamp(5px,.67cqw,10px);display:inline-block}.screen-status[data-status=待上传] i{background:#a2b2a5}.screen-status[data-status=未完成] i{background:#efbb9b}.screen-form,.screen-task{gap:var(--screen-gap);flex-direction:column;flex:1;min-width:0;display:flex}.format-field{border:0;min-width:0;margin:0;padding:0}.format-field legend,.style-field>label{color:var(--screen-muted);padding:0;font-size:clamp(13px,1.54cqw,22px)}.format-field legend{margin-bottom:clamp(5px,.95cqw,14px)}.format-options{background:var(--screen-control);border-radius:clamp(11px,1.42cqw,21px);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:clamp(3px,.42cqw,6px);display:grid}.format-option{min-height:clamp(44px,5.9cqw,86px);color:var(--screen-ink);cursor:pointer;border-radius:clamp(8px,.97cqw,15px);place-items:center;font-size:clamp(14px,1.67cqw,24px);font-weight:630;display:grid;position:relative}.format-option[data-selected=true]{color:#2f4739;background:#edf2e6}.format-option[data-selected=false]:hover{background:#46584c}.format-field:disabled .format-option{cursor:default}.style-field{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(8px,2cqw,30px);display:grid}.style-select{position:relative}.style-select:after{content:"";aspect-ratio:1;border-right:2px solid var(--screen-muted);border-bottom:2px solid var(--screen-muted);pointer-events:none;width:clamp(7px,.87cqw,13px);position:absolute;top:50%;right:clamp(10px,1.5cqw,22px);translate:0 -72%;rotate:45deg}.style-select select{appearance:none;background:var(--screen-control);width:100%;min-height:clamp(44px,6.7cqw,98px);color:var(--screen-ink);cursor:pointer;border:2px solid #54685a;border-radius:clamp(9px,1.2cqw,18px);padding:0 clamp(25px,3cqw,44px) 0 clamp(8px,1.25cqw,18px);font-size:clamp(14px,1.75cqw,25px)}.style-select option{background:var(--screen);color:var(--screen-ink)}.screen-actions{gap:clamp(6px,1cqw,15px);margin-top:auto;display:grid}.screen-secondary-actions{flex-wrap:wrap;justify-content:center;gap:0 clamp(4px,1cqw,14px);display:flex}.screen-secondary-actions a{align-items:center;text-decoration:none;display:inline-flex}.screen-button{background:var(--mint);color:#264b39;text-align:center;cursor:pointer;border:0;border-radius:clamp(10px,1.4cqw,21px);justify-content:center;align-items:center;gap:.55em;width:100%;min-height:clamp(46px,6cqw,88px);padding:6px;font-size:clamp(14px,1.76cqw,26px);font-weight:720;text-decoration:none;display:flex;box-shadow:inset 0 2px #f4fff8}.screen-button:not(:disabled):hover{background:#cbefdc}.screen-button:disabled{color:#304b3c;cursor:default;background:#a1bca9;box-shadow:inset 0 2px #bdcec2}.screen-note,.form-error{color:var(--screen-muted);text-align:center;overflow-wrap:anywhere;font-size:clamp(11px,1.23cqw,18px);line-height:1.45}.form-error{color:#ffd3bb}.progress-bars{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(3px,.54cqw,8px);display:grid}.progress-bars span{background:#506157;border-radius:99px;height:clamp(5px,.55cqw,8px)}.progress-bars span[data-state=done]{background:#8abda4}.progress-bars span[data-state=current]{background:#c4ecd7;box-shadow:0 0 10px #bae5d06b}.task-message{overflow-wrap:anywhere;flex:1;align-content:center;gap:clamp(5px,.9cqw,13px);display:grid}.task-message strong{text-wrap:balance;font-size:clamp(17px,2.65cqw,38px);font-weight:680;line-height:1.28}.task-message p{color:var(--screen-muted);font-size:clamp(12px,1.47cqw,21px)}.text-button{min-height:44px;font-size:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:4px 6px}.text-button:hover{text-decoration:underline}.screen .text-button{color:var(--screen-muted);font-size:clamp(12px,1.43cqw,20px)}.retention{color:var(--muted);text-align:center;margin:0 auto;font-size:clamp(11px,1.05cqw,14px)}.preview-dialog{background:var(--paper);width:min(920px,100% - 24px);max-height:calc(100dvh - 24px);color:var(--ink);border:1px solid #d4dbd0;border-radius:22px;padding:clamp(12px,2vw,24px);overflow:auto}.preview-dialog::backdrop{background:#1e2b24b8}.preview-dialog header{justify-content:space-between;align-items:center;gap:10px;display:flex}.preview-dialog h2{font-size:18px}.preview-dialog :is(img,video){object-fit:contain;width:100%;max-height:calc(100dvh - 110px);display:block}@container (max-width:660px){.printer{--case-width:54%;--lane-width:23.5%}.printer-case{min-height:325px}.film{aspect-ratio:.95}.style-field{grid-template-columns:minmax(0,1fr);gap:4px}}@container (max-width:380px){.screen{padding-inline:10px}.screen-header{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.source-film{transition:none}.printer .conveyor:before,.printer .conveyor:after,.result-film,.result-film .film-image :is(img,video){animation:none}}