.seal-page{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;color:#333;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:2rem;display:flex}.seal-container{position:relative}.control-group{background:#f5f5f5;border-radius:8px;gap:2px;padding:4px;display:flex}.control-btn{cursor:pointer;color:#888;touch-action:manipulation;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}@media (max-width:640px){.control-btn{width:44px;height:44px;padding:10px}}.control-btn:hover{color:#333;background:#0000000d}.control-btn.active{color:#333;background:#fff;transform:scale(1.05);box-shadow:0 1px 2px #0000001a}.noise-slider{appearance:none;background:linear-gradient(90deg,#e0e0e0 0%,#999 100%);border-radius:2px;outline:none;width:80px;height:4px}@media (max-width:640px){.noise-slider::-webkit-slider-thumb{width:20px;height:20px}.noise-slider::-moz-range-thumb{width:20px;height:20px}}.noise-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:50%;width:12px;height:12px;transition:all .2s;box-shadow:0 1px 2px #0000001a}.noise-slider::-webkit-slider-thumb:hover{border-color:#999;transform:scale(1.2)}.noise-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:50%;width:12px;height:12px;transition:all .2s;box-shadow:0 1px 2px #0000001a}.seal-canvas{width:200px;height:200px;font-family:var(--font-xiaozhuanti);transition:all .3s;display:block}.input-section{flex-direction:column;align-items:center;gap:.75rem;display:flex}.common-text{white-space:pre-wrap;word-break:break-word;font-variant-east-asian:full-width;font-feature-settings:"fwid";letter-spacing:.05em;min-height:32px;line-height:32px;font-family:var(--font-pen);background:0 0;border:none;outline:none}.input-container{box-sizing:border-box;padding:0;position:relative}.input-container:before{content:"";pointer-events:none;z-index:0;border-left:1px solid #5757574d;border-right:1px solid #3131314d;border-radius:8px;position:absolute;inset:0}.input-mirror{isolation:isolate;pointer-events:none;color:#000;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;z-index:1;font-size:32px;line-height:32px;position:relative}.mirror-char{vertical-align:top;text-align:center;width:1em;display:inline-block}.mirror-char--selected{background:#00e5ff33}.custom-caret--hidden{display:none}.input-area,.input-area::selection,.input-area::placeholder{resize:none;letter-spacing:0;overflow-wrap:normal;white-space:nowrap;box-sizing:border-box;z-index:2;color:#0000;caret-color:#0000;background:0 0;border:none;outline:none;height:100%;padding:0;font-size:32px;position:absolute;top:0;left:0}textarea.input-area::-webkit-scrollbar{display:none}.input-mirror__text{z-index:1;display:inline-block;position:relative}.custom-caret{pointer-events:none;z-index:2;width:2px;transform:translate(calc(var(--caret-i,0) * 1em - 1px), 4px);background:#00e5ff;height:calc(1em - 8px);transition:transform 70ms cubic-bezier(.2,.8,.2,1);animation:1s step-end infinite blink;display:block;position:absolute;top:0}.custom-caret--moving{animation:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.seal-stage{justify-content:center;align-items:center;gap:clamp(3rem,9vw,8rem);width:100%;display:flex}.seal-panel{flex-direction:column;align-items:center;width:400px;max-width:100%;display:flex}@media (max-width:760px){.seal-stage{gap:1.25rem}}.brush-section{flex-direction:column;align-items:center;gap:.875rem;display:flex}.brush-paper{aspect-ratio:2/5;background-color:#f2ecdd;border-radius:2px;height:min(560px,76vh);position:relative;box-shadow:0 1px 2px #3c280a14,0 18px 36px -18px #3c280a59}@media (max-width:760px){.brush-paper{height:min(400px,62vh)}.seal-page{padding:1.5rem 1rem}}.brush-texture,.brush-canvas,.brush-overlay{width:100%;height:100%;display:block;position:absolute;inset:0}.brush-canvas{touch-action:none;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M28 4 L14 18' stroke='white' stroke-width='4.6' stroke-linecap='round'/%3E%3Cpath d='M13.4 17.4 C 9.4 19.6 5.4 24.6 2.6 29.4 C 7.4 26.8 12.4 22.8 14.6 18.6 Z' fill='white' stroke='white' stroke-width='2.2' stroke-linejoin='round'/%3E%3Cpath d='M28 4 L15.5 16.5' stroke='%238b6a3e' stroke-width='2.4' stroke-linecap='round'/%3E%3Cpath d='M22.4 9.6 L21.2 10.8' stroke='%23e8d3a8' stroke-width='2.4'/%3E%3Cpath d='M16.2 15.8 L13.6 18.4' stroke='%232a2420' stroke-width='3.2' stroke-linecap='round'/%3E%3Cpath d='M13.4 17.4 C 9.4 19.6 5.4 24.6 2.6 29.4 C 7.4 26.8 12.4 22.8 14.6 18.6 Z' fill='%2316130f'/%3E%3C/svg%3E") 3 29,crosshair}.brush-texture,.brush-overlay{pointer-events:none}.brush-canvas,.brush-overlay{mix-blend-mode:multiply}.brush-paper--press{animation:.28s cubic-bezier(.3,.7,.4,1) paper-press}@keyframes paper-press{0%{transform:scale(1)}35%{transform:scale(.992)translateY(1px)}to{transform:scale(1)}}.brush-row{align-items:flex-end;gap:10px;display:flex}.ink-meter{--ink:1;cursor:pointer;background:0 0;border:0;border-radius:6px;margin:-6px -5px;padding:6px 5px;transition:background .2s;display:block}.ink-meter:hover{background:#16130f0a}.ink-meter__stroke{--meter-h:min(130px, 22vh);border-radius:3px;width:6px;height:6px;transition:height .4s cubic-bezier(.3,.7,.4,1);display:block;position:relative;overflow:hidden}.ink-meter__stroke:after{content:"";opacity:calc(.2 + .8 * var(--ink));background:#16130f;border-radius:50%;transition:opacity .25s;position:absolute;inset:0}.ink-meter:hover .ink-meter__stroke,.ink-meter:focus-visible .ink-meter__stroke,.ink-meter--open .ink-meter__stroke{height:var(--meter-h);border-radius:1px 1px 3px 3px}.ink-meter:hover .ink-meter__stroke:after,.ink-meter:focus-visible .ink-meter__stroke:after,.ink-meter--open .ink-meter__stroke:after{opacity:0}.ink-meter--dip .ink-meter__stroke{animation:.45s cubic-bezier(.3,.7,.4,1) ink-dip}@keyframes ink-dip{0%{transform:translateY(0)}40%{transform:translateY(4px)}to{transform:translateY(0)}}.ink-meter__ghost,.ink-meter__fill{width:100%;height:var(--meter-h);display:block;position:absolute;bottom:0;left:0}.ink-meter__ghost{opacity:.1}.ink-meter__fill{clip-path:inset(calc((1 - var(--ink)) * 100%) 0 0 0);transition:clip-path .25s ease-out}.seal-stage{gap:clamp(2.5rem,6vw,4.5rem)}.seal-panel{width:auto}.seal-preview-slot{--slot:260;--preview-zoom:.6;--seal-scale:1;--seal-w:200;--seal-h:200;--z:min(calc(var(--preview-zoom) * var(--seal-scale)), calc(var(--slot) / var(--seal-w)));touch-action:none;width:calc(var(--slot) * 1px);height:calc(var(--slot) * 1px);justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;position:relative}.seal-panel .seal-container{zoom:var(--z)}.seal-preview-slot--active .seal-canvas{outline:calc(1.5px / var(--z)) dashed #c8102e73;outline-offset:calc(8px / var(--z))}.seal-actual-size{left:calc(50% - var(--seal-w) * var(--z) * .5px);top:calc(50% + var(--seal-h) * var(--z) * .5px + 14px);pointer-events:none;background:#c8102e;border-radius:1.5px;animation:.2s ease-out actual-size-in;position:absolute}@keyframes actual-size-in{0%{opacity:0;transform:translateY(-3px)}}.seal-panel .seal-canvas{cursor:grab;touch-action:none;transform:scaleX(-1)}.seal-panel .seal-canvas:hover{filter:drop-shadow(0 6px 10px #780a142e)}.seal-drag-ghost{z-index:1000;pointer-events:none;opacity:.7;filter:drop-shadow(0 8px 12px #0000002e);transition:opacity .15s;position:fixed;top:0;left:0}.seal-drag-ghost--over{opacity:.95}body.is-dragging-seal,body.is-dragging-seal *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.brush-paper--drop{outline-offset:6px;outline:1px dashed #c8102e59}.seal-toolbar{z-index:10;background:#ffffffe6;border:1px solid #eee;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:10px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%);box-shadow:0 6px 20px -10px #00000026}.toolbar-divider{background:#eee;width:100%;height:1px}.toolbar-sliders{flex-direction:column;gap:10px;padding:4px 6px;display:flex}.toolbar-slider{color:#999;flex-direction:row;align-items:center;gap:8px;display:flex}.seal-toolbar .noise-slider{width:76px;height:4px}.input-row{justify-content:center;display:flex;position:relative}.input-row .input-area{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;width:calc(100% + 1em);overflow:hidden}.shuffle-btn{z-index:3;margin-left:6px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}@media (max-width:760px){.seal-toolbar{flex-flow:wrap;justify-content:center;max-width:100%;margin-top:2rem;padding:6px 10px;position:static;transform:none}.toolbar-divider{width:1px;height:22px}.seal-toolbar .noise-slider{width:70px}.seal-preview-slot{--slot:150;--preview-zoom:.42;margin-bottom:1rem}}@media (min-width:761px) and (max-width:1180px){.seal-page{padding-right:calc(2rem + 160px)}.seal-stage{gap:1.25rem}.seal-preview-slot{--slot:220}}.paper-hint{text-align:center;letter-spacing:.04em;color:#463a2c99;pointer-events:none;opacity:0;font-size:11px;transition:opacity .4s,transform .4s;position:absolute;bottom:14px;left:0;right:0;transform:translateY(4px)}.paper-hint--on{opacity:1;transform:none}