:root{color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--size-x: 0;--size-y: 0;--center-x: 0;--center-y: 0;--rate: 1;--font-size-rate-delta: 0}::selection{background-color:#3daac240}@font-face{font-family:"Source Han Serif";src:local("Source Han Serif CN"),local("Source Han Serif SC"),url(/fonts/SourceHanSerifCN-VF.ttf.woff2) format("woff2")}body{margin:0;padding:0;font-size:16px;max-width:100vw;overflow:hidden}.progress{display:block;position:fixed;top:0;left:0;z-index:200;width:0%;height:2px;background:#ff7979;transform:translateY(-100%);transition:all .25s ease-in-out}.progress.show{transform:translateY(0)}.tip-box{position:fixed;top:0;left:0;right:0;z-index:100;width:100%;display:flex;box-sizing:border-box;align-items:flex-start;justify-content:center;margin-top:1em;pointer-events:none}.tip-box .tip{display:none;opacity:0;margin:1em 0;padding:.55em 1em;text-align:center;font-size:14px;color:#000;background:#fff;border-radius:4px;box-shadow:0 0 16px #0003;transition:opacity .5s ease;pointer-events:initial}.tip-box .tip.fading{display:block;opacity:0}.tip-box .tip.active{display:block;opacity:1}.tip-box .tip-btn{color:#555;border:1px solid;border-color:#ccc;margin-left:.75em;padding:.1em .25em;border-radius:4px;cursor:pointer;transition:all .2s ease;-moz-user-select:none;-webkit-user-select:none;user-select:none}.tip-box .tip-btn:hover{color:#333;border-color:#aaa}.operate{display:block;position:absolute;z-index:90;top:0;right:0;margin-top:.5em;padding:.5em;display:flex;font-size:14px;opacity:0;transition:opacity .3s ease}.operate.active{opacity:1}.operate .operate-btn{display:block;margin:0 1em;padding:.25em .55em;text-align:center;font-size:14px;color:#000;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease;-moz-user-select:none;-webkit-user-select:none;user-select:none;color:#555;border:1px solid;border-color:#ccc;box-shadow:0 0 10px #0000000d}.operate .operate-btn:hover{color:#333;border-color:#ccc;box-shadow:0 0 10px #00000026}.img-box{max-width:100%;width:max-content;--real-w: calc(var(--size-x) * var(--rate));--dx: calc(50vw - var(--real-w) * .5);transform:translate(var(--dx))}.img-box canvas{max-width:100%;max-height:100vh}.img-box .type-box{position:absolute;z-index:10;--width: calc((var(--size-x) - var(--center-x)) * 2);--height: calc(var(--size-y) * .2);width:calc(var(--width) * var(--rate));height:calc(var(--height) * var(--rate));--top: calc(var(--center-y) - var(--height) * .5);--left: calc(var(--center-x) - var(--width) * .5);top:calc(var(--top) * var(--rate));left:calc(var(--left) * var(--rate));display:grid;place-items:center;cursor:text;overflow:overlay}.img-box .type-box .type-area{max-height:100%;max-width:calc(var(--width) * var(--rate));text-align:center;display:block;position:relative;z-index:15;box-sizing:border-box;background:transparent;border:none;outline:none;color:#000;font-family:"Source Han Serif",Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;padding-right:calc(40px * var(--rate));line-height:1.1;font-size:max(400px * (var(--rate) + var(--font-size-rate-delta)),16px);font-weight:lighter;overflow-wrap:break-word}.img-box .type-box .type-area[data-placeholder]{position:absolute;z-index:14;left:50%;top:50%;transform:translate(-50%,-50%)}.img-box .type-box .type-area[data-placeholder].is-empty:before{content:"CTFer";color:#aaa}.img-box .type-box::-webkit-scrollbar{display:none}