.sig-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}@media (max-width: 1100px){.sig-grid{grid-template-columns:1fr}}.sig-stage{background:var(--surface);border:1px solid var(--border);border-radius:var(--r4);box-shadow:var(--sh2);overflow:hidden}.sig-stage-hd{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--border);background:var(--hover)}.sig-stage-hd i{color:var(--accent);font-size:17px}.sig-stage-hd h3{font-size:.86rem;font-weight:700;color:var(--t1)}.sig-stage-hd .hint{margin-left:auto;font-size:.7rem;color:var(--t3);display:flex;align-items:center;gap:5px}.sig-stage-hd .hint i{font-size:14px;color:var(--t3)}.mailframe{padding:26px 26px 30px;background:#fff;color:#222}.mailfrom{display:flex;align-items:center;gap:9px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid #eef1f5}.mailfrom .av{width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;flex-shrink:0}.mailfrom .mf-t{font-size:.76rem;font-weight:700;color:#0d2b45}.mailfrom .mf-s{font-size:.68rem;color:#6b7c8d}.mailbody{font:13px/1.5 Arial,sans-serif;color:#222;margin-bottom:20px}[data-k]{outline:none;border-radius:3px;cursor:text;transition:background .12s,box-shadow .12s}[data-k]:hover{background:#3b8fe81a;box-shadow:0 0 0 3px #3b8fe81a}[data-k]:focus{background:#3b8fe824;box-shadow:0 0 0 3px #3b8fe838}[data-k].is-empty:before{content:attr(data-ph);color:#9fb2c6;font-style:italic}.rail{display:flex;flex-direction:column;gap:14px;position:sticky;top:12px}.rcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r4);box-shadow:var(--sh1);overflow:hidden}.rcard-hd{padding:11px 14px;border-bottom:1px solid var(--border);font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--t3)}.rcard-bd{padding:13px 14px}.styles{display:flex;flex-direction:column;gap:9px}.stylecard{border:2px solid var(--border);border-radius:var(--r3);padding:8px;cursor:pointer;background:var(--hover);transition:border-color var(--trans),box-shadow var(--trans)}.stylecard:hover{border-color:var(--accent-dark)}.stylecard.on{border-color:var(--accent);box-shadow:0 0 0 3px #3b8fe826}.stylecard .thumb{height:44px;border-radius:var(--r1);overflow:hidden;background:var(--navy-800);padding:0 6px;display:flex;align-items:center;justify-content:center}.stylecard .thumb img{width:100%;height:100%;object-fit:cover;object-position:left center}.stylecard .lbl{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:.74rem;font-weight:700;color:var(--t1)}.stylecard .lbl .tick{margin-left:auto;color:var(--accent);font-size:15px;opacity:0}.stylecard.on .lbl .tick{opacity:1}.stylecard .sub{font-size:.66rem;color:var(--t3);margin-top:2px;line-height:1.35}.tog{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:.76rem;color:var(--t1);cursor:pointer;font-weight:500}.tog+.tog{border-top:1px solid var(--border)}.sw{width:34px;height:19px;border-radius:999px;background:#cbd5e1;position:relative;flex-shrink:0;transition:background var(--trans)}.sw:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform var(--trans)}.tog.on .sw{background:var(--accent)}.tog.on .sw:after{transform:translate(15px)}.tog .tg-x{margin-left:auto;font-size:.66rem;color:var(--t3);font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:transparent;font-size:.71rem;font-weight:600;color:var(--t3);cursor:pointer;transition:all var(--trans)}.chip:hover{border-color:var(--accent);color:var(--t1)}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 14px;border-radius:var(--r2);font-size:.8rem;font-weight:700;transition:all var(--trans)}.btn i{font-size:17px}.btn[hidden]{display:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px #3b8fe852}.btn-primary:hover{background:var(--accent-dark)}.btn-primary.done{background:var(--green);box-shadow:none}.btn-ghost{background:transparent;color:var(--t1);border:1px solid var(--border);margin-top:8px}.btn-ghost:hover{background:var(--hover)}.steps{counter-reset:s}.step{display:flex;gap:11px;padding:10px 0;font-size:.75rem;color:var(--t3);line-height:1.5}.step+.step{border-top:1px solid var(--border)}.step .n{counter-increment:s;flex-shrink:0;width:21px;height:21px;border-radius:50%;background:var(--navy-700);color:#fff;font-size:.66rem;font-weight:800;display:flex;align-items:center;justify-content:center}.step .n:before{content:counter(s)}.step b{color:var(--t1);font-weight:700}.note{display:flex;gap:9px;padding:11px 13px;background:var(--orange-light);border-left:3px solid var(--orange);border-radius:0 var(--r2) var(--r2) 0;font-size:.72rem;color:var(--t1);line-height:1.5}.note i{color:var(--orange);font-size:15px;flex-shrink:0;margin-top:1px}.sig-bar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:14px 16px;margin-bottom:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.sig-bar-sp{flex:1;min-width:0}.sig-pick{display:flex;flex-direction:column;gap:5px;min-width:210px}.sig-pick>span{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}.sig-pick .sig-req{color:var(--sig-err-c);font-weight:800}:root{--sig-err-c: #b3261e}body.dark{--sig-err-c: #ff8a80}.sig-bar .sig-err{flex-basis:100%;display:flex;align-items:center;gap:7px;margin:2px 0 0;font-size:.8rem;font-weight:600;color:var(--sig-err-c)}.sig-bar .sig-err i,.sig-bar .sig-err span{color:inherit}.sig-bar .sig-err[hidden]{display:none}.sig-bar .sig-select.is-invalid{border-color:var(--sig-err-c);box-shadow:0 0 0 2px #b3261e29}body.dark .sig-bar .sig-select.is-invalid{box-shadow:0 0 0 2px #ff8a802e}.sig-select{height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--t1);font-size:.88rem;font-family:inherit;cursor:pointer}.sig-select:focus{outline:none;border-color:var(--accent)}.sig-select:disabled{opacity:.55;cursor:not-allowed}#btnCustomize.is-on{background:var(--accent);color:#fff;border-color:var(--accent)}.sig-custom{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:14px}.sig-custom-hd{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);margin-bottom:12px}.sig-togs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}.sig-tog{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;cursor:pointer;text-align:left;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--t1);font-size:.87rem;font-family:inherit}.sig-tog:hover{border-color:var(--t3)}.sig-tog .sw{width:32px;height:18px;border-radius:999px;flex-shrink:0;background:var(--border);position:relative;transition:background .18s}.sig-tog .sw:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .18s}.sig-tog.on .sw{background:var(--accent)}.sig-tog.on .sw:after{transform:translate(14px)}.sig-tog-l{flex:1;min-width:0}.sig-tog .sig-tog-x{font-size:.74rem;font-weight:700;color:var(--t3)}.sig-tog.on .sig-tog-x{color:var(--accent)}.sig-apply{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px;margin-top:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.btn-lg{height:42px;padding:0 20px;font-size:.92rem}.sig-apply .sig-apply-note{flex-basis:100%;margin:2px 0 0;font-size:.8rem;color:var(--t3)}.sig-manual{margin-top:14px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.sig-bar .btn,.sig-apply .btn{width:auto;margin-top:0}.btn-customize{background:var(--accent);color:#fff;border:1px solid var(--accent);font-weight:700}.btn-customize:hover,.btn-customize.is-on{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.sig-cz-count{min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#ffffff47;color:#fff;font-size:.7rem;font-weight:700;line-height:19px;text-align:center}.sig-done-lead{font-size:.88rem;line-height:1.65;color:var(--t1);margin:0 0 14px}.sig-path{display:flex;align-items:center;flex-wrap:wrap;gap:4px 2px;padding:10px 12px;margin:0 0 14px;background:var(--bg);border:1px solid var(--border);border-radius:9px}.sig-path span{font-size:.78rem;font-weight:600;color:var(--t1);white-space:nowrap}.sig-path i{font-size:.8rem;color:var(--t3)}.sig-path span:last-child{color:var(--accent)}.sig-kv{display:inline-block;padding:1px 6px;margin:0 1px;border-radius:5px;background:var(--hover);border:1px solid var(--border);font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.72rem;font-weight:700;color:var(--t1);white-space:nowrap}.modal-bd .sig-done-steps{margin:0 0 14px;padding-left:22px;list-style:decimal;font-size:.85rem;line-height:1.75;color:var(--t2)}.modal-bd .sig-done-steps li{margin:0 0 6px}.modal-bd .sig-done-steps b{color:var(--t1)}.sig-done-why{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;margin:0 0 16px;border:1px solid var(--orange);border-radius:9px;background:#f47b2017;font-size:.8rem;line-height:1.6}.sig-done-why i{color:var(--orange);font-size:1rem;line-height:1.35}.sig-done-why div,.sig-done-why b{color:var(--t1)}.sig-done-act{display:flex;gap:9px;flex-wrap:wrap}.sig-done-act .btn{width:auto;margin-top:0}.sig-back{flex-basis:100%;display:flex;align-items:flex-start;gap:9px;padding:10px 12px;margin:0 0 4px;background:var(--accent-light);border:1px solid var(--accent);border-radius:9px;font-size:.84rem;line-height:1.5;color:var(--navy-700)}.sig-back[hidden]{display:none}body.dark .sig-back{background:#3b8fe824;color:var(--t1)}.sig-back i{color:var(--accent);font-size:1.05rem;line-height:1.35}.sig-row-t{display:flex;flex-direction:column;gap:8px;padding:11px 12px;border:1px solid var(--border);border-radius:9px;background:var(--bg)}.sig-row-t.on{border-color:var(--accent)}.sig-row-t .sig-tog{border:none;background:none;padding:0}.sig-row-t .sig-tog:hover{border:none}.sig-val{width:100%;box-sizing:border-box;padding:7px 9px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--t1);font-family:inherit;font-size:.84rem;line-height:1.5;resize:vertical}.sig-val:focus{outline:none;border-color:var(--accent)}.sig-row-t:not(.on) .sig-val{opacity:.5}.sig-manual{margin-top:14px}#sigMount img{max-width:none!important}.mailframe{overflow-x:auto}