:root{--bg: #eef1f6;--panel-bg: #ffffff;--ink: #1f2937;--muted: #6b7280;--line: #e5e7eb;--brand: #2563eb;--radius: 12px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:PingFang SC,Microsoft YaHei,Segoe UI,system-ui,sans-serif;font-size:14px}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:12px 20px;background:#0f172a;color:#fff;position:sticky;top:0;z-index:10}.brand{color:#fff;text-decoration:none;font-size:18px;font-weight:700}.topbar__tag{color:#9fb0c9;font-size:13px}.footer{text-align:center;color:var(--muted);padding:16px;font-size:12px}.builder{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px;padding:20px;align-items:start;flex:1}@media (max-width: 900px){.builder{grid-template-columns:1fr}}.panel{background:var(--panel-bg);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;position:sticky;top:68px;max-height:calc(100vh - 88px);overflow-y:auto}.panel__title{font-size:14px;margin:18px 0 10px;color:var(--brand)}.panel__title:first-child{margin-top:4px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;flex:1}.field__label{font-size:12px;color:var(--muted);font-weight:600}.field__hint{font-size:11px;color:var(--muted)}.field--check{flex-direction:row;align-items:center;gap:8px;margin-top:22px}.field--check span{font-size:13px}.row{display:flex;gap:12px}input[type=text],input[type=email],input[type=date],input:not([type]),select,textarea{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;color:var(--ink);background:#fff}input[type=color]{width:100%;height:38px;padding:2px;border:1px solid var(--line);border-radius:8px;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:0;border-color:var(--brand)}textarea{resize:vertical}.stage-wrap{display:flex;flex-direction:column;gap:16px}.stage{background:repeating-conic-gradient(#f3f4f6,#f3f4f6 25%,#e9ebef 0%,#e9ebef 50%) 50% / 24px 24px;border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;justify-content:center;overflow:auto}.stage--center{min-height:60vh;align-items:center}.stage__scaler{position:relative}.actions{background:var(--panel-bg);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:14px}.actions__group{display:flex;gap:10px;flex-wrap:wrap}.actions__group--col{flex-direction:column}.actions__row{display:flex;gap:10px;flex-wrap:wrap}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#f9fafb;color:var(--ink);padding:9px 16px;border-radius:8px;font:inherit;font-weight:600;cursor:pointer}.btn:hover{background:#f1f3f7}.btn:disabled{opacity:.6;cursor:default}.btn--primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn--primary:hover{background:#1d4ed8}.btn--ghost{background:transparent}.btn--sm{padding:6px 12px;font-size:12px;align-self:flex-start;margin-bottom:12px}.share{display:flex;flex-direction:column;gap:6px}.share__url{font-family:ui-monospace,Menlo,monospace;font-size:12px}.share__note{font-size:12px;color:var(--muted);margin:0}.email__to{flex:1;min-width:180px}.email__msg{width:100%}.viewer{flex:1;display:flex;flex-direction:column;gap:16px;padding:20px}.viewer__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.notice{text-align:center;padding:60px 20px}.notice h2{margin:0 0 8px}.notice a{margin-top:12px;display:inline-block}.cert{box-sizing:border-box;position:relative;overflow:hidden}.cert__border{position:absolute;top:26px;right:26px;bottom:26px;left:26px;border:2px solid var(--accent)}.cert__inner{position:absolute;top:60px;right:60px;bottom:60px;left:60px;display:flex;flex-direction:column;align-items:center;text-align:center}.cert__corner{position:absolute;width:34px;height:34px;border:3px solid var(--accent)}.cert__corner--tl{top:-3px;left:-3px;border-right:0;border-bottom:0}.cert__corner--tr{top:-3px;right:-3px;border-left:0;border-bottom:0}.cert__corner--bl{bottom:-3px;left:-3px;border-right:0;border-top:0}.cert__corner--br{bottom:-3px;right:-3px;border-left:0;border-top:0}.cert__logo{max-height:84px;max-width:240px;object-fit:contain;margin-bottom:14px}.cert__eyebrow{letter-spacing:6px;font-size:20px;font-weight:600;color:var(--accent);text-transform:uppercase}.cert__title{margin:4px 0 0;font-size:58px;line-height:1.05;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--cert-text)}.cert__rule{width:90px;height:3px;background:var(--accent);margin:20px 0 24px;border-radius:2px}.cert__presented{font-size:18px;color:var(--cert-text);opacity:.85}.cert__recipient{font-size:52px;margin:12px 0 6px;color:var(--accent);font-weight:600;font-style:italic}.cert__body{max-width:78%;font-size:18px;line-height:1.7;color:var(--cert-text);opacity:.9;margin:12px 0 0}.cert__footer{position:absolute;bottom:4px;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;padding:0 8px}.cert__footcol{display:flex;flex-direction:column;align-items:center;min-width:160px}.cert__footline{min-height:1.4em;font-size:18px;border-bottom:1.5px solid var(--cert-text);width:100%;padding-bottom:4px}.cert__footlabel{font-size:13px;color:var(--cert-text);opacity:.7;margin-top:6px;letter-spacing:1px}.cert__signame{font-size:22px;font-style:italic;margin-bottom:2px;min-height:1.2em}.cert__sigs{display:flex;gap:28px}.cert__seal-spacer{width:1px}.cert__seal{position:relative;width:96px;height:96px;display:flex;align-items:center;justify-content:center}.cert__seal-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px double var(--accent)}.cert__seal-star{color:var(--accent);font-size:34px;line-height:1}.cert__seal-text{position:absolute;bottom:12px;font-size:9px;letter-spacing:2px;color:var(--accent);font-weight:700}.cert--modern .cert__border{border-width:0}.cert--modern .cert__corner{display:none}.cert--modern:before{content:"";position:absolute;top:0;left:0;right:0;height:14px;background:var(--accent)}.cert--modern:after{content:"";position:absolute;bottom:0;left:0;right:0;height:14px;background:var(--accent)}.cert--modern .cert__title{letter-spacing:2px}.cert--modern .cert__recipient{font-style:normal;font-weight:700}.cert--modern .cert__seal-ring{border-style:solid}.cert--elegant .cert__border{top:22px;right:22px;bottom:22px;left:22px;border-width:1px;box-shadow:0 0 0 5px var(--accent) inset}.cert--elegant .cert__corner{display:none}.cert--dark .cert__border{border-color:var(--accent)}.cert--dark .cert__footline{border-color:var(--cert-text)}.cert--customroot{background:#fff}.cert__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.cert__bg--empty{display:flex;align-items:center;justify-content:center;color:#9aa2ad;font-size:20px;letter-spacing:2px;background:repeating-linear-gradient(45deg,#f4f5f7 0,#f4f5f7 12px,#eceef1 12px,#eceef1 24px);border:2px dashed #cfd4db}.cel{position:absolute;transform:translate(-50%,-50%);line-height:1.3}.cel--i{cursor:move;touch-action:none}.cel--i:hover{outline:1px dashed rgba(37,99,235,.6);outline-offset:4px}.cel--sel{outline:2px solid #2563eb!important;outline-offset:4px}.cel__eyebrow{letter-spacing:4px;text-transform:uppercase;font-weight:600}.cel__title{font-weight:700;letter-spacing:2px}.cel__recipient{font-weight:700}.cel__logo{display:block;object-fit:contain;max-width:420px}.cel__signame{font-weight:600}.cel__sigrole{opacity:.8;margin-top:2px}.cel__seal{position:relative;display:flex;align-items:center;justify-content:center}.cel__seal-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px double currentColor}.cel__seal-star{line-height:1}.cel__seal-text{position:absolute;bottom:12%;letter-spacing:2px;font-weight:700}.panel__hint{font-size:12px;color:var(--muted);margin:-4px 0 10px;line-height:1.5}.layoutlist{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.layoutrow{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:7px;cursor:pointer;border:1px solid transparent}.layoutrow:hover{background:#f4f6fa}.layoutrow--sel{background:#eaf1ff;border-color:#b9d0ff}.layoutrow__label{flex:1;font-size:13px}.layoutrow__badge{font-size:11px;color:#2563eb;font-weight:700}.fieldctl{background:#f7f9fc;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:12px}.fieldctl__title{font-size:13px;font-weight:700;margin-bottom:10px}.fieldctl input[type=range]{width:100%}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:20px}.modal__box{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;padding:20px 22px;box-shadow:0 20px 60px #0000004d}.modal__head{display:flex;align-items:center;justify-content:space-between}.modal__head h2{margin:0;font-size:18px}.modal__x{border:0;background:transparent;font-size:18px;cursor:pointer;color:var(--muted)}.modal__hint{font-size:13px;color:var(--muted);line-height:1.6}.modal__hint code{background:#f1f3f7;padding:1px 5px;border-radius:4px;font-size:12px}.modal__row{display:flex;align-items:center;gap:12px;margin:12px 0;flex-wrap:wrap}.modal__csv{cursor:pointer;margin:0}.modal__count{font-size:13px;color:var(--ink)}.modal__cols{color:var(--muted)}.modal__ta{width:100%;font:inherit;font-size:13px}.modal__preview{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.modal__chip{background:#eef2fb;color:#334;font-size:12px;padding:3px 9px;border-radius:20px}.modal__chip--more{background:#e6e9ef;color:var(--muted)}.modal__progress{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:13px;color:var(--muted)}.modal__bar{flex:1;height:8px;background:#e9ebf0;border-radius:5px;overflow:hidden}.modal__barfill{height:100%;background:var(--brand);transition:width .15s}.modal__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.modal__warn{font-size:12px;color:#b45309;margin:10px 0 0}