:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#eef1f5;--paper:#fff;--paper-soft:#f7f8fa;--paper-strong:#e6eaf0;--ink:#1f2328;--ink-soft:#4b5563;--muted:#77808d;--line:#d7dde6;--line-strong:#b9c1cf;--seal:#b52323;--seal-dark:#8d1e1e;--seal-soft:#fff0ee;--brass:#b7852f;--blue:#2d67c7;--green:#147f62;--shadow:0 26px 70px #1f23281f;--radius:8px}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{min-width:320px;color:var(--ink);letter-spacing:0;background:linear-gradient(90deg,#1f232809 1px,#0000 1px) 0 0/34px 34px,linear-gradient(#1f232808 1px,#0000 1px) 0 0/34px 34px,linear-gradient(#f8f9fb 0%,#eef2f6 100%);margin:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}img{max-width:100%;display:block}.seal-app{min-height:100vh;padding:18px 18px 12px}.tool-bar{border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffdb;justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:12px 14px 12px 18px;display:flex;box-shadow:0 4px 8px #1f23280f}.brand-lockup,.toolbar-actions,.panel-title,.section-label,.preview-header,.preview-footer,.status-chip,.toggle-row,.export-card,.tab-switcher,.color-row{align-items:center;display:flex}.brand-lockup{gap:12px;min-width:0}.brand-mark{border:2px solid var(--seal);width:46px;height:46px;color:var(--seal);flex:none;place-items:center;font-size:1.32rem;font-weight:900;line-height:1;display:grid}.brand-lockup h1,.panel-title h2,.preview-header h2{color:var(--ink);margin:0}.brand-lockup h1{font-size:clamp(1.1rem,2vw,1.42rem);line-height:1.15}.brand-lockup p,.panel-title p,.preview-header p,.export-card span,.toggle-row small{color:var(--muted);margin:0;line-height:1.45}.brand-lockup p{margin-top:4px;font-size:.82rem}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.ghost-button,.primary-button,.shape-options button{border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:40px;transition:transform .16s,border-color .16s,background .16s,color .16s;display:inline-flex}.ghost-button{border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);padding:0 12px}.ghost-button:hover,.ghost-button.is-active{background:var(--seal-soft);color:var(--seal);border-color:#b523236b}.primary-button{background:var(--seal);color:#fff;padding:0 16px;box-shadow:0 14px 26px #b5232338}.primary-button:hover{background:var(--seal-dark)}.unlock-button.is-active{color:var(--green);background:#147f6214;border-color:#147f6247}.ghost-button:active,.primary-button:active,.shape-options button:active{transform:translateY(1px)scale(.99)}.workspace{grid-template-columns:minmax(460px,620px) minmax(300px,350px) minmax(360px,460px);justify-content:center;align-items:start;gap:14px;min-height:auto;margin-top:14px;display:grid}.side-panel,.preview-stage,.advanced-dock{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffe6;min-width:0;box-shadow:0 4px 8px #1f23280f}.side-panel{flex-direction:column;gap:16px;padding:16px;display:flex}.inspector-panel{scrollbar-gutter:stable;max-height:calc(100vh - 120px);overflow-y:auto}.inspector-panel::-webkit-scrollbar{width:8px}.advanced-dock::-webkit-scrollbar{width:8px}.inspector-panel::-webkit-scrollbar-track{background:0 0}.advanced-dock::-webkit-scrollbar-track{background:0 0}.inspector-panel::-webkit-scrollbar-thumb{background:#77808d6b;border:2px solid #ffffffe6;border-radius:999px}.advanced-dock::-webkit-scrollbar-thumb{background:#77808d6b;border:2px solid #ffffffe6;border-radius:999px}.panel-title{gap:10px}.panel-title svg{color:var(--seal);flex:none}.panel-title h2,.preview-header h2{font-size:1rem;line-height:1.18}.panel-title p,.preview-header p{margin-top:4px;font-size:.78rem}.section-label{color:var(--muted);justify-content:space-between;gap:12px;font-size:.76rem}.section-label span:first-child{color:var(--ink-soft);font-weight:800}.section-label span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.settings-section{border:1px solid var(--line);background:#f7f8fad1;border-radius:6px;gap:10px;padding:12px;display:grid}.settings-section:not([open]){gap:0;padding-bottom:10px}.section-toggle{min-height:30px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid #d7dde6bd;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding-bottom:4px;list-style:none;display:grid}.section-toggle::-webkit-details-marker{display:none}.section-toggle:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:7px;height:7px;transition:transform .16s;transform:rotate(45deg)translateY(-2px)}.settings-section[open]>.section-toggle:after{transform:rotate(225deg)translateY(-2px)}.section-title{min-width:0;color:var(--ink-soft);font-size:.8rem;font-weight:900}.section-meta{max-width:12em;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.section-heading{border-bottom:1px solid #d7dde6bd;min-height:26px;padding-bottom:2px}.text-settings{background:linear-gradient(135deg,#b523230e,#0000 58%),#f7f8fae6}.control-grid,.text-detail-grid{gap:10px;display:grid}.tab-switcher{border:1px solid var(--line);background:#fff;border-radius:6px;min-height:40px;padding:3px}.tab-switcher button{min-width:0;min-height:32px;color:var(--ink-soft);background:0 0;border-radius:4px;flex:1;font-size:.84rem;font-weight:800}.tab-switcher button.is-selected{color:#fff;background:#67707c}.text-field{border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:70px minmax(0,1fr);align-items:center;min-height:38px;display:grid;overflow:hidden}.text-field span{border-right:1px solid var(--line);color:var(--ink);background:#f6f7f9;align-self:stretch;align-items:center;padding:0 10px;font-size:.82rem;font-weight:800;display:flex}.text-field input,.text-field select{width:100%;min-width:0;height:100%;color:var(--ink);background:#fff;border:0;outline:0;padding:0 10px}.text-field select{cursor:pointer}.preview-stage{grid-template-rows:auto auto auto;align-content:start;gap:12px;padding:16px;display:grid}.preview-header{justify-content:space-between;gap:16px}.status-chip{min-height:38px;color:var(--green);background:#147f6214;border:1px solid #147f6233;border-radius:6px;flex:none;gap:10px;padding:0 12px;font-size:.78rem}.status-chip strong{color:var(--ink);font-size:.95rem}.canvas-shell{border:1px solid var(--line-strong);border-radius:var(--radius);background-color:#f9fafc;background-image:linear-gradient(45deg,#dfe4eb 25%,#0000 25%),linear-gradient(-45deg,#dfe4eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dfe4eb 75%),linear-gradient(-45deg,#0000 75%,#dfe4eb 75%),none;background-position:0 0,0 14px,14px -14px,-14px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;place-items:center;width:100%;min-height:0;padding:18px;display:grid;position:relative;overflow:hidden}.canvas-shell:before,.canvas-shell:after{content:"";background:var(--brass);opacity:.58;position:absolute}.canvas-shell:before{height:1px;top:22px;left:22px;right:22px}.canvas-shell:after{width:1px;top:22px;bottom:22px;left:22px}.canvas-shell canvas{z-index:1;aspect-ratio:1;filter:drop-shadow(0 18px 34px #b5232314);background:0 0;border:1px solid #b523232e;width:min(100%,58vh,560px);position:relative}.measure{z-index:2;min-height:24px;color:var(--brass);background:#ffffffd1;border:1px solid #b7852f59;border-radius:4px;align-items:center;padding:0 7px;font-size:.72rem;font-weight:800;display:inline-flex;position:absolute}.measure-top{top:10px;left:50%;transform:translate(-50%)}.measure-side{top:50%;left:8px;transform:translateY(-50%)rotate(-90deg)}.preview-footer{color:var(--muted);justify-content:space-between;gap:10px;font-size:.78rem}.control-slider{border:1px solid var(--line);background:var(--paper-soft);border-radius:6px;gap:9px;padding:12px;display:grid}.control-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.control-meta strong,.toggle-row strong,.export-card strong{color:var(--ink);font-size:.86rem}.control-meta em{color:var(--seal);font-size:.82rem;font-style:normal;font-weight:900}.control-slider input[type=range]{width:100%;accent-color:var(--seal)}.toggle-row{border:1px solid var(--line);background:var(--paper-soft);border-radius:6px;justify-content:space-between;gap:14px;padding:12px}.toggle-row span{gap:4px;display:grid}.toggle-row input{width:44px;height:24px;accent-color:var(--seal)}.shape-group{gap:10px;display:grid}.advanced-text-group{background:linear-gradient(135deg, #b523230d, transparent 54%), var(--paper-soft);border:1px solid #b523232e;border-radius:6px;gap:10px;padding:10px;display:grid}.settings-section .control-slider,.advanced-text-group .control-slider{background:#fff}.mini-toggle-row{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;font-size:.84rem;font-weight:800;display:flex}.mini-toggle-row input{width:22px;height:22px;accent-color:var(--seal)}.shape-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.shape-options button{border:1px solid var(--line);background:var(--paper-soft);min-width:0;color:var(--ink-soft);padding:0 8px;font-size:.82rem}.shape-options button.is-selected{background:var(--seal-soft);color:var(--seal);border-color:#b5232380;font-weight:900}.export-card{color:var(--blue);background:#2d67c712;border:1px solid #2d67c733;border-radius:6px;gap:10px;margin-top:auto;padding:12px}.watermark-card{background:linear-gradient(135deg,#b5232314,#0000 58%),#fff;border:1px solid #b5232333;border-radius:6px;gap:10px;padding:10px;display:grid}.watermark-card-header{color:var(--seal);align-items:center;gap:10px;display:flex}.watermark-card-header svg{flex:none}.watermark-card-header div{gap:3px;display:grid}.watermark-card-header strong{color:var(--ink);font-size:.86rem}.watermark-card-header span{color:var(--muted);font-size:.76rem;line-height:1.45}.unlock-cta,.secondary-action{border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;font-size:.84rem;font-weight:900;display:inline-flex}.unlock-cta{background:var(--seal);color:#fff;box-shadow:0 12px 22px #b523232e}.unlock-cta:hover{background:var(--seal-dark)}.secondary-action{color:var(--green);background:#147f6214;border:1px solid #147f623d}.payment-overlay{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f23286b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.payment-dialog{border:1px solid var(--line);border-radius:var(--radius);width:min(100%,460px);box-shadow:var(--shadow);background:#fff;gap:16px;padding:20px;display:grid;position:relative}.dialog-close{border:1px solid var(--line);background:var(--paper-soft);width:34px;height:34px;color:var(--ink-soft);border-radius:6px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.payment-dialog-header{align-items:center;gap:12px;padding-right:38px;display:flex}.payment-icon{background:var(--seal-soft);width:50px;height:50px;color:var(--seal);border:1px solid #b5232333;border-radius:8px;flex:none;place-items:center;display:grid}.payment-dialog h2{color:var(--ink);margin:0;font-size:1.08rem;line-height:1.2}.payment-dialog p{color:var(--muted);margin:5px 0 0;font-size:.82rem;line-height:1.55}.payment-summary{border:1px solid var(--line);background:var(--paper-soft);border-radius:6px;grid-template-columns:auto minmax(0,1fr);gap:10px 14px;padding:12px;display:grid}.payment-summary span{color:var(--muted);font-size:.78rem}.payment-summary strong{min-width:0;color:var(--ink);text-align:right;font-size:.86rem}.qr-placeholder{background:linear-gradient(135deg, #b523230f, transparent 62%), var(--paper-soft);min-height:190px;color:var(--seal);text-align:center;border:1px dashed #b5232359;border-radius:6px;place-items:center;gap:8px;padding:18px;display:grid}.qr-placeholder strong{color:var(--ink);font-size:.92rem}.qr-placeholder span{max-width:280px;color:var(--muted);font-size:.78rem;line-height:1.5}.payment-actions{grid-template-columns:1fr 1.5fr;gap:10px;display:grid}.color-control,.border-mode-group{gap:10px;display:grid}.color-row{border:1px solid var(--line);background:var(--paper-soft);border-radius:6px;gap:10px;min-height:42px;padding:6px}.color-row input{background:0 0;border:0;flex:0 0 48px;width:48px;height:30px;padding:0}.color-row span{border-radius:4px;flex:1;height:28px;box-shadow:inset 0 0 0 1px #1f23281f}.export-card div{gap:4px;display:grid}.export-card span{font-size:.76rem}.advanced-dock{scrollbar-gutter:stable;gap:12px;max-height:calc(100vh - 120px);padding:16px;display:grid;overflow-y:auto}.dock-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.advanced-dock-grid{grid-template-columns:1fr;align-items:start;gap:12px;display:grid}.advanced-dock .settings-section{height:auto}.advanced-dock .control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.advanced-dock .text-detail-grid{grid-template-columns:1fr}.advanced-dock .control-slider{gap:6px;padding:10px}.advanced-dock .toggle-row,.advanced-dock .export-card{padding:10px}@media (width<=1120px){.workspace{grid-template-columns:1fr}.inspector-panel{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;max-height:none;display:grid;overflow:visible}.advanced-dock{max-height:none;overflow:visible}.inspector-panel>.panel-title,.inspector-panel>.text-settings,.inspector-panel>.text-detail-section{grid-column:1/-1}.control-grid,.text-detail-grid,.advanced-dock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.seal-app{padding:10px}.tool-bar{flex-direction:column;align-items:stretch}.toolbar-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.primary-button{grid-column:1/-1}.workspace,.inspector-panel,.control-grid,.text-detail-grid,.advanced-dock-grid{grid-template-columns:1fr}.workspace{min-height:auto}.preview-header,.preview-footer{flex-direction:column;align-items:flex-start}.status-chip{justify-content:space-between;width:100%}.canvas-shell{padding:16px}.canvas-shell canvas{width:min(100%,430px)}}@media (width<=430px){.brand-lockup{align-items:flex-start}.brand-mark{width:40px;height:40px}.toolbar-actions{grid-template-columns:1fr}.ghost-button,.primary-button{width:100%}.payment-dialog{padding:18px}.payment-actions,.shape-options{grid-template-columns:1fr}.measure-side{display:none}}