.sg-keep-file{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:16px 0 6px;padding:18px 20px;font-size:16px;line-height:1.5;color:var(--color-text-main);background:var(--bg-item);border:1px solid var(--color-border-light);border-radius:12px}.sg-keep-file .sg-keep-name{word-break:break-all;font-size:16px}.sg-keep-file .sg-keep-btn{flex:0 0 auto;padding:9px 26px;font-size:15px;font-weight:600;color:#fff;background:var(--color-gradient, linear-gradient(135deg, #3b82f6, #8b5cf6));border:none;border-radius:999px;cursor:pointer;box-shadow:0 4px 10px -3px #7c3aed66;transition:var(--transition, .3s)}.sg-keep-file .sg-keep-btn:hover{filter:brightness(1.05)}.sg-layout{display:flex;flex-direction:row-reverse;align-items:flex-start;gap:18px;padding:0 16px 40px;max-width:1500px;margin:0 auto;--sg-purple: #7c3aed;--sg-purple-strong: #6d28d9;--sg-purple-soft: rgba(124, 58, 237, .1);--sg-purple-soft-hover: rgba(124, 58, 237, .19);--sg-purple-border: rgba(124, 58, 237, .26);--sg-add-bg: rgba(124, 58, 237, .26);--sg-add-bg-hover: rgba(124, 58, 237, .36)}body.dark .sg-layout{--sg-purple: #c4b5fd;--sg-purple-strong: #ddd6fe;--sg-purple-soft: rgba(139, 92, 246, .18);--sg-purple-soft-hover: rgba(139, 92, 246, .3);--sg-purple-border: rgba(167, 139, 250, .4);--sg-add-bg: rgba(139, 92, 246, .38);--sg-add-bg-hover: rgba(139, 92, 246, .5)}.sg-aside{flex:0 0 336px;max-width:336px;background:var(--color-card-bg);border:1px solid var(--color-border-light);border-radius:14px;box-shadow:var(--shadow-sm);padding:14px 16px 18px;position:sticky;top:10px;max-height:calc(100vh - 24px);overflow-y:auto}.sg-main{flex:1 1 auto;min-width:0;background:var(--color-card-bg);border:1px solid var(--color-border-light);border-radius:14px;box-shadow:var(--shadow-sm);padding:14px;position:sticky;top:10px;max-height:calc(100vh - 24px);display:flex;flex-direction:column}.sg-section{border-top:none;padding:10px 10px 11px;margin-bottom:10px;border-radius:11px;background:var(--sg-sec-bg, transparent)}.sg-section:first-child{padding-top:10px}.sg-section>h3{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--color-text-main);display:flex;align-items:center;gap:6px}.sg-add-tip{margin-left:20px;font-size:12px;font-weight:400;line-height:1.5;color:var(--color-text-sub)}.sg-add-tip .sg-add-hint-arrow{width:14px;height:14px;margin:0 2px;vertical-align:-3px;color:var(--sg-purple);animation:none}.sg-section.sg-sec-file{--sg-sec-bg: #f6f8fc}.sg-section.sg-sec-add{--sg-sec-bg: #f7f7fc}.sg-section.sg-sec-sign{--sg-sec-bg: #f5f3ff}.sg-section.sg-sec-text{--sg-sec-bg: #eef7ff}.sg-section.sg-sec-mark{--sg-sec-bg: #fff8ec}.sg-section.sg-sec-cover{--sg-sec-bg: #eefaf4}.sg-section.sg-sec-elements{--sg-sec-bg: #fdf2f8}.sg-section.sg-sec-selected{--sg-sec-bg: #eef2ff}body.dark .sg-section.sg-sec-file{--sg-sec-bg: rgba(148, 163, 184, .1)}body.dark .sg-section.sg-sec-add{--sg-sec-bg: rgba(139, 92, 246, .09)}body.dark .sg-section.sg-sec-sign{--sg-sec-bg: rgba(139, 92, 246, .12)}body.dark .sg-section.sg-sec-text{--sg-sec-bg: rgba( 56, 189, 248, .1)}body.dark .sg-section.sg-sec-mark{--sg-sec-bg: rgba(245, 158, 11, .1)}body.dark .sg-section.sg-sec-cover{--sg-sec-bg: rgba( 16, 185, 129, .1)}body.dark .sg-section.sg-sec-elements{--sg-sec-bg: rgba(244, 114, 182, .1)}body.dark .sg-section.sg-sec-selected{--sg-sec-bg: rgba( 99, 102, 241, .12)}.sg-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:11px}.sg-tabs button{flex:1 1 auto;max-width:96px;padding:6px 9px;font-size:12px;line-height:1.2;white-space:nowrap;text-align:center;cursor:pointer;border:1px solid var(--color-border-light);border-radius:7px;background:var(--color-card-bg);color:var(--color-text-sub);transition:var(--transition)}.sg-tabs button:hover{border-color:var(--color-primary);color:var(--color-primary)}.sg-tabs button.selected{background:var(--sg-purple-soft);border-color:var(--sg-purple-border);color:var(--sg-purple);font-weight:600;box-shadow:none}.sg-tabs button.selected:hover{background:var(--sg-purple-soft-hover);border-color:var(--sg-purple)}.sg-pane{min-height:40px}.sg-field{display:flex;align-items:center;gap:8px;margin-bottom:9px;font-size:13px;color:var(--color-text-sub)}.sg-field>label{flex:0 0 74px;text-align:right;white-space:nowrap}.sg-field input[type=text],.sg-field input[type=number],.sg-field input[type=date],.sg-field select,.sg-field textarea{flex:1 1 auto;min-width:0;padding:6px 8px;font-size:13px;border:1px solid var(--color-border-light);border-radius:8px;background:var(--color-card-bg);color:var(--color-text-main)}.sg-field textarea{min-height:58px;resize:vertical;font-family:inherit}.sg-field input[type=color]{flex:0 0 44px;height:30px;padding:0;border:1px solid var(--color-border-light);border-radius:8px;background:none}.sg-field input[type=range]{flex:1 1 auto;min-width:0}.sg-field .sg-num{flex:0 0 64px;text-align:center}.sg-hint{display:block;margin:-4px 0 10px 82px;font-size:12px;line-height:1.6;color:var(--color-text-sub)}.sg-file-name{flex:1 1 auto;min-width:0;font-size:12px;font-weight:600;color:var(--color-text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-seg{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 auto}.sg-seg button{padding:5px 12px;font-size:12px;border-radius:999px;cursor:pointer;border:1px solid var(--color-border-light);background:var(--color-card-bg);color:var(--color-text-sub);transition:var(--transition)}.sg-seg button:hover{border-color:var(--color-primary);color:var(--color-primary)}.sg-seg button.selected{background:var(--sg-purple-soft);border-color:var(--sg-purple-border);color:var(--sg-purple);font-weight:600;box-shadow:none}.sg-seg button.selected:hover{background:var(--sg-purple-soft-hover);border-color:var(--sg-purple)}.sg-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;border-radius:9px;border:1px solid var(--color-border-light);background:var(--color-card-bg);color:var(--color-text-sub);transition:var(--transition)}.sg-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.sg-btn.primary{width:100%;padding:10px 16px;font-size:14px;color:#fff;border:none;background:var(--color-gradient-strong);box-shadow:var(--shadow-button)}.sg-btn.primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.sg-btn.wide{width:100%}.sg-btn.add{width:100%;padding:9px 14px;justify-content:flex-start;text-align:left;font-weight:600;border:1px solid var(--sg-purple-border);background:var(--sg-add-bg);color:var(--sg-purple);box-shadow:none}.sg-btn.add .sg-add-arrow{flex:0 0 15px;width:15px;height:15px;animation:sg-add-arrow-nudge 2s ease-in-out infinite}@keyframes sg-add-arrow-nudge{0%,12%{transform:translate(4px)}52%,64%{transform:translate(0)}to{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.sg-btn.add .sg-add-arrow{animation:sg-add-arrow-nudge 2s ease-in-out infinite!important}}.sg-btn.add:hover{background:var(--sg-add-bg-hover);border-color:var(--sg-purple);color:var(--sg-purple-strong)}.sg-btn.add:active{background:var(--sg-add-bg-hover)}.sg-sign-preview{margin:8px 0 10px;padding:8px;min-height:74px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px dashed var(--color-border-light);background:var(--bg-item)}.sg-sign-preview img{max-width:100%;max-height:88px;display:block}.sg-sign-preview .sg-sign-empty{font-size:12px;color:var(--color-text-sub)}.sg-elements{display:flex;flex-direction:column;gap:6px;max-height:210px;overflow-y:auto}.sg-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:9px;border:1px solid var(--color-border-light);background:var(--color-card-bg);cursor:pointer;transition:var(--transition)}.sg-item:hover{border-color:var(--color-primary)}.sg-item.selected{border-color:var(--color-primary);background:var(--bg-item-hover)}.sg-item .sg-item-type{flex:0 0 auto;padding:2px 6px;font-size:11px;border-radius:6px;background:var(--color-gradient);color:#fff;white-space:nowrap}.sg-item .sg-item-text{flex:1 1 auto;min-width:0;font-size:12px;color:var(--color-text-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-item .sg-item-page{flex:0 0 auto;font-size:11px;color:var(--color-text-sub)}.sg-item .sg-item-del{flex:0 0 auto;width:20px;height:20px;line-height:1;font-size:13px;border-radius:50%;cursor:pointer;border:none;background:#e5484d1f;color:#e5484d}.sg-item .sg-item-del:hover{background:#e5484d;color:#fff}.sg-empty{padding:14px 8px;font-size:12px;line-height:1.7;text-align:center;color:var(--color-text-sub)}.sg-actions{display:flex;flex-direction:column;gap:6px;padding:12px;margin-bottom:10px;border-radius:11px;background:#f5f3ff;border:1px solid var(--color-border-light)}body.dark .sg-actions{background:#8b5cf61f}.sg-actions .sg-status{margin-top:0}.sg-status{margin-top:10px;font-size:13px;line-height:1.7;color:var(--color-text-sub);min-height:18px;word-break:break-all}.sg-status.error{color:#e5484d}.sg-preview-head{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px;font-size:13px;color:var(--color-text-sub)}.sg-preview-head .sg-file-line{display:flex;align-items:center;gap:8px;min-width:0}.sg-preview-head .sg-file-name{font-weight:600;color:var(--color-text-main);word-break:break-all;overflow:visible;white-space:normal}.sg-preview{flex:1 1 auto;min-height:260px;overflow:auto;padding:8px;border-radius:10px;background:var(--color-page-bg)}.sg-page{position:relative;width:100%;max-width:900px;margin:0 auto 14px;line-height:0;box-shadow:var(--shadow-md);background:#fff;border-radius:4px}.sg-page>img.sg-page-bg{display:block;width:100%;height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none}.sg-layer{position:absolute;inset:0;cursor:default}.sg-placeholder{padding:40px 16px;text-align:center;font-size:13px;color:var(--color-text-sub)}.sg-preview-drop{min-height:clamp(320px,calc(100vh - 280px),660px);display:flex;align-items:center;justify-content:center}.sg-preview-drop #operation{width:100%}.sg-preview-drop .for_upload{padding:26px 12px}.sg-preview-drop .for_upload_icons{padding-bottom:8px}.sg-preview-drop .for_upload_bottom{padding-top:12px}.sg-preview-drop .upload-note-above{margin-bottom:16px;font-size:13.5px;line-height:1.6}.sg-preview-drop .for_upload_button{padding:14px 44px;font-size:17px}.sg-box{position:absolute;box-sizing:border-box;transform-origin:center center;cursor:move;touch-action:none}.sg-box .sg-body{width:100%;height:100%;box-sizing:border-box;border:1px dashed rgba(37,99,235,.55);pointer-events:none;overflow:hidden}.sg-box.sg-dragging{will-change:transform;contain:layout}.sg-box.selected .sg-body{border:1px solid #2563eb;box-shadow:0 0 0 1px #2563eb59}@keyframes sgFlash{0%,to{box-shadow:0 0 #7c3aed00}30%,70%{box-shadow:0 0 0 4px #7c3aed80}}.sg-box.sg-flash{animation:sgFlash 1.5s ease-out 1;border-radius:2px}@media(prefers-reduced-motion:reduce){.sg-box.sg-flash{animation:none;box-shadow:0 0 0 4px #7c3aed80}}.sg-box img{width:100%;height:100%;display:block;pointer-events:none;-webkit-user-drag:none}.sg-box .sg-text{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;white-space:pre;overflow:visible;line-height:1.25}.sg-box.sg-kind-text .sg-body{overflow:visible}.sg-handle{position:absolute;box-sizing:border-box;background:#fff;border:2px solid #2563eb;border-radius:50%;display:none}.sg-box.selected .sg-handle{display:block}.sg-handle.size{right:-7px;bottom:-7px;width:14px;height:14px;cursor:nwse-resize}.sg-handle.rotate{left:50%;top:-26px;width:14px;height:14px;margin-left:-7px;cursor:grab}.sg-handle.rotate:after{content:"";position:absolute;left:50%;top:14px;width:1px;height:12px;margin-left:-.5px;background:#2563eb}.sg-del{position:absolute;right:-11px;top:-11px;width:20px;height:20px;padding:0;line-height:18px;text-align:center;font-size:13px;border:1px solid #fff;border-radius:50%;cursor:pointer;background:#e5484d;color:#fff;display:none}.sg-box.selected .sg-del{display:block}.sg-modal{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;padding:16px;background:#0b122080}.sg-modal[hidden]{display:none}.sg-pad{width:min(700px,96vw);max-height:92vh;overflow:auto;padding:16px 18px 18px;border-radius:14px;background:var(--color-card-bg);box-shadow:0 22px 60px -12px #0b122073}.sg-pad h3{margin:0 0 12px;font-size:15px;color:var(--color-text-main)}.sg-pad-stage{position:relative;border-radius:10px;border:1px dashed var(--color-border-light);background:#fff;overflow:hidden}.sg-pad canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.sg-pad-baseline{position:absolute;left:6%;right:6%;bottom:26%;border-top:1px dashed #d5dbe3;pointer-events:none}.sg-pad-tip{margin:10px 0 0;font-size:12px;color:var(--color-text-sub)}.sg-pad-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.sg-pad-actions .sg-spacer{flex:1 1 auto}#operationResult{padding:0 16px}@media(max-width:1000px){.sg-layout{flex-direction:column-reverse}.sg-aside{flex:1 1 auto;max-width:none;width:100%;position:static;max-height:none}.sg-main{width:100%;position:static;max-height:none}.sg-preview-drop{min-height:320px}.sg-field>label{flex:0 0 62px}}#sgUploadStep{max-width:1080px;margin:0 auto;padding:0 16px}.sg-body.sg-shape-wrap{border-color:transparent}.sg-body.sg-shape-wrap svg{display:block;width:100%;height:100%}.sg-box.sg-kind-cover .sg-body{box-shadow:none}