@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap";:root{color:#20211f;font-synthesis:none;background:#f6f4ef;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#f6f4ef;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{background:#f6f4ef;min-height:100vh}.topbar{color:#f5f1e9;background:#171817;justify-content:space-between;align-items:center;height:76px;padding:0 40px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#f5f1e9;border:1px solid #75655a;place-items:center;width:38px;height:38px;font-family:Noto Serif SC,serif;font-size:20px;display:grid}.brand-name{letter-spacing:.3px;font-size:16px;font-weight:600}.brand-caption{color:#958f85;letter-spacing:1.5px;margin-top:3px;font-size:11px}.top-actions{color:#aaa49b;align-items:center;gap:16px;font-size:12px;display:flex}.status-dot{background:#79b79b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #79b79b29}.icon-button{color:#cbc4b9;background:0 0;border:1px solid #4d4b45;width:30px;height:30px;font-size:19px}.download-button,.primary-action{color:#fffaf4;letter-spacing:.2px;background:#b9342e;border:0;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:600;display:inline-flex}.download-button:hover,.primary-action:hover{background:#a72d28}.workspace{grid-template-columns:360px 1fr;min-height:calc(100vh - 76px);display:grid}.sidebar{background:#ebe8e1;border-right:1px solid #d6d1c8;flex-direction:column;padding:33px 28px 22px;display:flex}.sidebar-heading,.preview-head{justify-content:space-between;align-items:flex-start;display:flex}.eyebrow{color:#9b9589;letter-spacing:1.6px;font-family:DM Mono,monospace;font-size:10px}h1,h2{margin:0;font-weight:600}.sidebar-heading h1{letter-spacing:1px;margin-top:8px;font-family:Noto Serif SC,serif;font-size:26px}.version{color:#a29d93;margin-top:7px;font-family:DM Mono,monospace;font-size:10px}.tabs{background:#dfdbd3;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:27px;padding:4px;display:grid}.tab{color:#777268;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:58px;font-size:11px;display:flex}.tab span{font-size:17px;line-height:1}.tab.active{color:#a9302b;background:#f7f3ec;box-shadow:0 1px 2px #281c1214}.control-section{border-top:1px solid #d8d3ca;margin-top:29px;padding-top:20px}.section-title{align-items:center;gap:10px;margin-bottom:16px;display:flex}.section-title>span{color:#b9342e;font:500 10px DM Mono,monospace}.section-title h2{letter-spacing:.5px;font-size:13px}label{color:#5c5851;margin-top:14px;font-size:11px;font-weight:500;display:block}.hint{float:right;color:#aaa49a;font-size:10px;font-weight:400}input[type=text],input:not([type]){color:#292825;background:#f8f5ef;border:1px solid #cbc5ba;outline:0;width:100%;height:36px;margin-top:7px;padding:0 10px;font-size:12px}input:focus{border-color:#b9342e;box-shadow:0 0 0 2px #b9342e17}.center-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.company-style-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.company-style-option{color:#726b61;background:#f8f5ef;border:1px solid #d0cbc2;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:106px;display:flex}.company-style-option.selected{color:#1467dc;background:#fbfdff;border-color:#1870ff}.company-style-option small{white-space:nowrap;font-size:10px}.company-sample{color:#ee2832;border:2px solid #ee2832;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;position:relative}.company-sample b{z-index:1;font:20px serif;position:relative}.company-sample.ellipse{border-radius:50%;width:72px;height:45px}.company-sample.ellipse i{z-index:1;background:#ee2832;width:24px;height:2px;display:block;position:relative}.company-size-options{gap:20px}.company-style-pills{margin-top:18px}.bottom-style-row{color:#6b655c;justify-content:space-between;align-items:center;margin-top:15px;font-size:10px;display:flex}.bottom-style-options{gap:5px;display:flex}.bottom-style-option{color:#756e65;background:#f8f5ef;border:1px solid #cec8bf;min-width:48px;padding:6px 8px;font-size:10px}.bottom-style-option.selected{color:#a62f2b;background:#fffaf4;border-color:#b9342e}.center-option{color:#665f56;background:#f8f5ef;border:1px solid #d0cbc2;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:65px;display:flex}.center-option b{font-family:Noto Serif SC,serif;font-size:20px;font-weight:600}.center-option small{font-size:10px}.center-option.selected{color:#a62f2b;background:#fffaf4;border-color:#b9342e}.signature-style-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.signature-style-option{color:#726b61;background:#f8f5ef;border:1px solid #d0cbc2;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:94px;display:flex}.signature-style-option.selected{color:#1467dc;background:#fbfdff;border-color:#1870ff}.signature-style-option small{color:#756e64;white-space:nowrap;font-size:10px}.signature-style-option.selected small{color:#1467dc}.signature-sample{color:#ee2832;letter-spacing:4px;border:0 solid #ee2832;place-items:center;min-width:58px;min-height:31px;font:700 18px/1.04 Noto Serif SC,Songti SC,serif;display:grid}.signature-sample.frame{border-width:2px}.signature-sample.square{letter-spacing:0;min-width:42px;min-height:51px;line-height:.86}.signature-sample.square.frame{border-width:2px}.signature-sample.right{text-align:right}.signature-subtitle{color:#5c5851;margin-top:23px;font-size:11px;font-weight:500}.hand-entry-section p{color:#91897e;margin:-4px 0 13px;font-size:10px;line-height:1.5}.hand-entry-button{text-align:left;color:#5d574e;background:#f8f5ef;border:1px solid #cfc8bd;align-items:center;gap:10px;width:100%;padding:11px 12px;display:flex}.hand-entry-button:hover{background:#fffaf4;border-color:#b9342e}.hand-entry-icon{color:#b9342e;border:1px solid #d7aaa6;place-items:center;width:26px;height:26px;font-size:17px;display:grid}.hand-entry-button strong,.hand-entry-button small{display:block}.hand-entry-button strong{font-size:11px;font-weight:600}.hand-entry-button small{color:#9a9287;margin-top:3px;font-size:9px}.hand-entry-arrow{color:#a69e92;margin-left:auto;font-size:16px}.radio-group{gap:25px;margin-top:12px;display:flex}.radio-option{color:#69635a;align-items:center;gap:7px;margin:0;font-size:12px;font-weight:400;display:flex}.radio-option input{accent-color:#2f6dff;width:14px;height:14px;margin:0}.radio-option input:checked+span{color:#1768df}.content-options{gap:18px}.signature-color-row{margin-top:22px}.checkbox-row{align-items:center;gap:8px;margin-top:13px;display:flex}.checkbox-row input{accent-color:#b9342e}.style-row{gap:5px;display:flex}.style-pill{color:#686158;background:#f8f5ef;border:1px solid #cec8bf;flex:1;padding:9px 3px;font-size:10px}.style-pill.selected{color:#a62f2b;background:#fffaf4;border-color:#b9342e}.color-row{color:#5c5851;justify-content:space-between;align-items:center;margin-top:19px;font-size:11px;display:flex}.swatches{gap:8px;display:flex}.swatch{border:2px solid #0000;outline:1px solid #0000;width:18px;height:18px;padding:0}.swatch.selected{outline-offset:2px;outline-color:#20211f}.range-label{margin-top:19px}.range-label strong{float:right;color:#3e3a34;font:500 10px DM Mono,monospace}input[type=range]{accent-color:#b9342e;width:100%;height:3px;margin-top:12px;display:block}.sidebar-foot{color:#989187;align-items:center;gap:7px;margin-top:auto;padding-top:24px;font-size:10px;display:flex}.lock{color:#789281;font-size:16px}.preview-area{background:#f6f4ef;flex-direction:column;min-width:0;padding:42px 7.5%;display:flex}.preview-head h2{letter-spacing:1px;align-items:center;gap:9px;margin-top:8px;font-family:Noto Serif SC,serif;font-size:23px;display:flex}.live-tag{color:#9c3a35;letter-spacing:.6px;border:1px solid #d8aaa6;padding:3px 6px;font:500 9px DM Mono,monospace}.preview-meta{gap:8px;padding-top:8px;display:flex}.meta-chip{color:#8c857a;border:1px solid #d8d2c8;padding:6px 9px;font:10px DM Mono,monospace}.canvas-stage{aspect-ratio:1;background:#fbfaf7;border:1px solid #ddd7cd;place-items:center;width:min(68vw,700px);margin:35px auto 0;display:grid;position:relative;overflow:hidden}.checkerboard{opacity:.52;background-image:linear-gradient(45deg,#f0ede7 25%,#0000 25%),linear-gradient(-45deg,#f0ede7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f0ede7 75%),linear-gradient(-45deg,#0000 75%,#f0ede7 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px;position:absolute;inset:0}canvas{width:91%;max-width:860px;height:91%;position:relative}.stage-note{color:#a39c91;font:10px DM Mono,monospace;position:absolute;bottom:13px;right:15px}.preview-foot{justify-content:space-between;align-items:center;gap:24px;width:min(68vw,700px);margin:25px auto 0;display:flex}.tip{color:#969087;align-items:center;gap:9px;font-size:11px;line-height:1.5;display:flex}.tip-mark{color:#8d867a;border:1px solid #bbb4a8;flex:none;place-items:center;width:17px;height:17px;font:11px serif;display:grid}.primary-action{white-space:nowrap;padding:12px 16px}.toast{color:#fffaf4;background:#252521;padding:11px 17px;font-size:12px;position:fixed;bottom:27px;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #00000029}.toast-enter-active,.toast-leave-active{transition:opacity .2s,transform .2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,8px)}.modal-backdrop{z-index:10;background:#17181794;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.qr-modal{text-align:center;background:#f8f5ef;width:min(360px,100%);padding:34px 32px 29px;position:relative;box-shadow:0 18px 50px #00000038}.modal-close{color:#81796e;background:0 0;border:0;width:27px;height:27px;font-size:24px;line-height:1;position:absolute;top:10px;right:13px}.qr-modal h2{margin-top:9px;font-family:Noto Serif SC,serif;font-size:20px}.qr-modal p{color:#928a7e;margin:10px 0 16px;font-size:11px}.qr-canvas{margin:2px auto 14px;display:block;width:190px!important;height:190px!important}.qr-url{color:#9a9286;text-overflow:ellipsis;white-space:nowrap;font:9px DM Mono,monospace;overflow:hidden}.hand-page{color:#22221f;background:#f6f4ef;min-height:100vh}.hand-topbar{color:#f5f1e9;background:#171817;justify-content:space-between;align-items:center;height:68px;padding:0 24px;display:flex}.hand-private{color:#9f9a90;font-size:11px}.hand-main{width:min(900px,100% - 32px);margin:0 auto;padding:42px 0 34px}.hand-intro{text-align:center}.hand-intro h1{letter-spacing:1px;margin-top:9px;font-family:Noto Serif SC,serif;font-size:29px}.hand-intro p{color:#969087;margin:11px auto 0;font-size:12px}.hand-board-wrap{aspect-ratio:900/520;touch-action:none;background:#fbfaf7;border:1px solid #d9d3c9;width:100%;margin-top:31px;position:relative;overflow:hidden}.hand-checker{opacity:.57;background-image:linear-gradient(45deg,#f0ede7 25%,#0000 25%),linear-gradient(-45deg,#f0ede7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f0ede7 75%),linear-gradient(-45deg,#0000 75%,#f0ede7 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;position:absolute;inset:0}.hand-canvas{z-index:1;cursor:crosshair;width:100%;height:100%;display:block;position:relative}.hand-board-hint{z-index:2;pointer-events:none;color:#b7b0a4;place-items:center;font:15px Noto Serif SC,serif;display:grid;position:absolute;inset:0}.hand-tools{border-top:1px solid #ddd7cd;border-bottom:1px solid #ddd7cd;align-items:center;gap:15px;margin-top:17px;padding:15px 0;display:flex}.hand-colors{color:#6d665d;align-items:center;gap:10px;font-size:11px;display:flex}.hand-width{color:#6d665d;align-items:center;gap:9px;width:128px;margin:0;font-size:11px;display:flex}.hand-width input[type=range]{margin:0}.ghost-action{color:#635d54;background:#f8f5ef;border:1px solid #cbc5ba;padding:10px 12px;font-size:11px}.ghost-action:hover{color:#a62f2b;border-color:#b9342e}.hand-tools .primary-action{margin-left:auto}.hand-tip{color:#9a9286;justify-content:center;align-items:center;gap:8px;margin-top:19px;font-size:11px;display:flex}@media (width<=860px){.topbar{padding:0 18px}.top-actions>span:not(.status-dot),.icon-button{display:none}.workspace{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #d6d1c8;border-right:0;padding:24px 20px 18px}.sidebar-foot{display:none}.preview-area{padding:31px 20px 40px}.canvas-stage,.preview-foot{width:min(92vw,620px)}.control-section{margin-top:23px}}@media (width<=640px){.hand-topbar{height:62px;padding:0 16px}.hand-private{display:none}.hand-main{width:calc(100% - 24px);padding-top:30px}.hand-intro h1{font-size:25px}.hand-intro p{max-width:300px;line-height:1.6}.hand-board-wrap{aspect-ratio:1.45;margin-top:25px}.hand-tools{flex-wrap:wrap;gap:11px}.hand-width{width:118px}.hand-tools .primary-action{order:3;justify-content:center;width:100%;margin-left:0}}@media (width<=480px){.brand-caption{display:none}.download-button{padding:10px 11px}.preview-head{display:block}.preview-meta{padding-top:14px}.canvas-stage{margin-top:22px}.preview-foot{display:block}.tip{margin-bottom:18px}.primary-action{justify-content:center;width:100%}}