:root{--panel-radius: 14px;color:#20232a;background:#e8edf0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}.site-frame{min-height:100vh;height:100vh;display:grid;grid-template-rows:64px minmax(0,1fr);gap:16px;padding:24px;background:linear-gradient(90deg,rgba(22,35,44,.04) 1px,transparent 1px),linear-gradient(0deg,rgba(22,35,44,.035) 1px,transparent 1px),linear-gradient(135deg,#e6ecef,#f4efe7);background-size:24px 24px,24px 24px,auto}.frontier-bar{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(22px,7vw,84px);overflow:hidden;border:1px solid rgba(71,77,82,.24);border-radius:var(--panel-radius);background:linear-gradient(180deg,#c5c5c5,#aaa);box-shadow:inset 0 1px #ffffff61,0 10px 26px #0f172a1c}.frontier-brand{min-width:0;display:inline-flex;align-items:center;color:#fff;text-decoration:none;text-shadow:0 1px 2px rgba(15,23,42,.34);font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:27px;font-weight:500;line-height:1;letter-spacing:0;white-space:nowrap}.frontier-brand-mark{width:32px;height:32px;display:inline-grid;place-items:center;margin:0 1px;border:2px solid rgba(180,18,28,.92);background:linear-gradient(135deg,#1c1e22e0,#1c1e228a),#c51d2b;color:#ef1f2d;font-size:19px;font-weight:900;text-shadow:none;transform:rotate(-2deg)}.frontier-nav{flex:0 0 auto;display:inline-flex;overflow:hidden;border:1px solid rgba(92,96,100,.32);border-radius:6px;background:#f1f1f1e0;box-shadow:0 2px 8px #0f172a29}.frontier-nav a,.frontier-nav button{min-width:82px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-left:1px solid rgba(92,96,100,.22);color:#2f3439;text-decoration:none;font-size:16px;font-weight:700;white-space:nowrap}.frontier-nav button{background:transparent}.frontier-nav a:first-child,.frontier-nav button:first-child{border-left:0}.frontier-nav a:hover,.frontier-nav button:hover{background:#fff}.frontier-nav .nav-user{max-width:128px;color:#0b5f59;overflow:hidden;text-overflow:ellipsis}.app-shell{min-height:0;display:grid;grid-template-columns:minmax(360px,520px) minmax(0,1fr);gap:22px;overflow:hidden}.editor-panel{min-height:0;overflow:hidden;background:#f8faf9;border:1px solid #d7dee0;border-radius:var(--panel-radius);box-shadow:0 18px 38px #2330381f}.editor-panel-scroll{height:100%;min-height:0;overflow:auto;padding:28px;border-radius:inherit;scrollbar-color:rgba(112,120,125,.58) transparent;scrollbar-width:thin}.editor-panel-scroll::-webkit-scrollbar,.preview-panel-scroll::-webkit-scrollbar{width:14px;height:14px}.editor-panel-scroll::-webkit-scrollbar-track,.preview-panel-scroll::-webkit-scrollbar-track{background:transparent}.editor-panel-scroll::-webkit-scrollbar-thumb,.preview-panel-scroll::-webkit-scrollbar-thumb{border:4px solid transparent;border-radius:999px;background:#70787d94;background-clip:content-box}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.app-header svg{flex:0 0 auto;width:32px;height:32px;color:#0d766e}.eyebrow{margin:0 0 5px;color:#69737a;font-size:12px;font-weight:700;letter-spacing:0;text-transform:uppercase}.app-header h1{margin:0;color:#172027;font-size:30px;line-height:1.12;letter-spacing:0}.status-strip,.control-band,.form-section{margin-bottom:18px;border:1px solid #dce3e4;border-radius:8px;background:#fff}.status-strip{display:grid;grid-template-columns:auto auto;gap:8px 12px;align-items:center;padding:14px}.status-strip span{color:#65717a;font-size:13px}.status-strip strong{justify-self:end;color:#0d766e;font-size:18px}.progress-track{grid-column:1 / -1;height:8px;overflow:hidden;border-radius:999px;background:#e8eef0}.progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#0d766e,#bd8b2f);transition:width .18s ease}.control-band{display:grid;grid-template-columns:86px 1fr;gap:10px;align-items:center;padding:12px}.control-title{display:flex;gap:7px;align-items:center;color:#334149;font-weight:700}.segmented{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:3px;border:1px solid #d6dee0;border-radius:7px;background:#eef3f4}.segmented button{min-height:34px;border-radius:5px;background:transparent;color:#55626b;font-size:14px;font-weight:700}.segmented button.active{background:#fff;color:#0b5f59;box-shadow:0 1px 6px #1018281f}.form-section{padding:16px}.form-section h2{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:#243039;font-size:16px;letter-spacing:0}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}label{display:grid;gap:6px}label.wide{grid-column:1 / -1}label span{color:#66727b;font-size:13px;font-weight:700}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.mini-toggle{display:inline-flex;align-items:center;gap:5px;color:#334149;font-size:12px;font-weight:700;white-space:nowrap}.mini-toggle input{width:15px;height:15px;accent-color:#0d766e}input,select,textarea{width:100%;border:1px solid #cfd9dc;border-radius:7px;background:#fbfcfc;color:#172027;outline:0;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input{height:40px;padding:0 11px}.field-grid>label{min-width:0}input[type=date]{box-sizing:border-box;min-width:0;max-width:100%;-webkit-appearance:none;appearance:none;text-align:left}input[type=date]::-webkit-date-and-time-value{min-width:0;text-align:left}input[type=date]::-webkit-datetime-edit{display:inline-flex;padding:0}textarea{min-height:94px;padding:10px 11px;resize:vertical;line-height:1.6}select{height:40px;padding:0 34px 0 11px;appearance:none;background:linear-gradient(45deg,transparent 50%,#6b757c 50%) right 15px top 17px / 6px 6px no-repeat,linear-gradient(135deg,#6b757c 50%,transparent 50%) right 10px top 17px / 6px 6px no-repeat,#fbfcfc}input:focus,select:focus,textarea:focus{border-color:#0d766e;background:#fff;box-shadow:0 0 0 3px #0d766e24}.seal-section{display:grid;gap:12px}.seal-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.seal-controls .wide{grid-column:1 / -1}.toggle-row{min-height:40px;display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid #d5dee1;border-radius:7px;background:#fbfcfc}.toggle-row input{width:18px;height:18px;accent-color:#0d766e}.toggle-row span{color:#334149}input[type=range]{padding:0;accent-color:#0d766e}.color-input{display:grid;grid-template-columns:1fr 48px;gap:8px;align-items:center}.color-input input[type=color]{height:40px;padding:4px}.template-textarea{min-height:180px}.placeholder-help{margin:12px 0 0;color:#69737a;font-size:12px;line-height:1.7}.action-bar{position:sticky;bottom:-28px;display:grid;grid-template-columns:auto 1fr 1fr;gap:10px;margin:20px -28px -28px;padding:16px 28px 20px;border-top:1px solid #d7dee0;background:#f8faf9f5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.action-bar button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;font-weight:800;white-space:nowrap}.ghost{width:44px;padding:0;border:1px solid #d1dcde;background:#fff;color:#596770;overflow:hidden}.secondary{border:1px solid #bac8cb;background:#fff;color:#203039}.primary{background:#0d766e;color:#fff}.auth-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;overflow-y:auto;background:#0000008c}.auth-dialog{position:relative;width:min(100%,460px);max-height:calc(100dvh - 48px);overflow-y:auto;padding:32px;border-radius:12px;background:#fff;box-shadow:0 22px 70px #0000006b}.auth-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:inline-grid;place-items:center;border-radius:50%;background:transparent;color:#7a7f85;font-size:30px;line-height:1}.auth-close:hover{background:#f0f2f4;color:#20242a}.auth-dialog h2{margin:0 24px 28px;color:#25282d;text-align:center;font-size:26px;line-height:1.3;letter-spacing:0}.auth-form{display:grid;gap:20px}.auth-form label{gap:8px}.auth-form label span{color:#70767d;font-size:14px;font-weight:500}.auth-form input{height:44px;min-width:0;padding:0 12px;border:1px solid #cfd9dc;border-radius:6px;background:#fff;font-size:16px}.auth-form input:focus{border-color:#2379d7;box-shadow:none}.auth-error{margin:0;padding:10px 14px;border:1px solid #f1b6b6;border-radius:6px;background:#fff5f5;color:#b42318;font-size:15px;font-weight:700}.auth-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:4px}.auth-actions button,.auth-quick,.vip-dialog>.auth-primary{min-height:44px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;font-size:16px;font-weight:600;letter-spacing:0;box-shadow:none}.auth-primary{background:#2379d7;color:#fff}.auth-register{background:#8420a6;color:#fff}.auth-quick{width:100%;border:1px solid #86b7ff;background:#fff;color:#2379d7;box-shadow:none}.preview-panel{min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(206,216,219,.9);border-radius:var(--panel-radius);background:linear-gradient(90deg,rgba(22,35,44,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(22,35,44,.03) 1px,transparent 1px),#faf8f3d1;background-size:24px 24px,24px 24px,auto;box-shadow:0 18px 38px #2330381a}.preview-panel-scroll{height:100%;min-height:0;overflow:auto;padding:28px clamp(18px,4vw,56px);border-radius:inherit;scrollbar-color:rgba(112,120,125,.58) transparent;scrollbar-width:thin}.preview-toolbar{max-width:980px;margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;color:#52616b}.preview-toolbar p{margin:0 0 3px;font-size:13px}.preview-toolbar strong{color:#162029;font-size:18px}.preview-toolbar span{min-width:44px;min-height:32px;display:inline-grid;place-items:center;border:1px solid #c8d3d6;border-radius:6px;background:#fff;color:#53616b;font-weight:800}.certificate-preview{position:relative;width:min(100%,var(--cert-width, 794px));min-height:var(--cert-height, 1123px);margin:0 auto;padding:var(--cert-top-padding, 80px) var(--cert-horizontal-padding, 80px) 92px;overflow:hidden;background:linear-gradient(90deg,rgba(20,33,42,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(20,33,42,.03) 1px,transparent 1px),linear-gradient(135deg,rgba(154,38,51,.04),transparent 42%),#fffdf8;background-size:34px 34px,34px 34px,auto,auto;border:0;box-shadow:inset 0 0 0 10px #8f1f2d,inset 0 0 0 12px #8f1f2d29,0 24px 60px #23303829;color:#24201c;font-family:Songti SC,SimSun,serif}.certificate-preview:before{content:"";position:absolute;inset:34px;border:1px solid rgba(143,31,45,.2);pointer-events:none}.certificate-preview:after{content:"CERTIFICATE";position:absolute;left:50%;top:51%;transform:translate(-50%,-50%) rotate(-18deg);color:#212d370a;font-family:Georgia,Times New Roman,serif;font-size:clamp(64px,10vw,118px);line-height:1;letter-spacing:0;pointer-events:none}.certificate-preview.theme-modern{background:linear-gradient(90deg,rgba(20,33,42,.03) 1px,transparent 1px),linear-gradient(0deg,rgba(20,33,42,.028) 1px,transparent 1px),linear-gradient(135deg,rgba(18,99,111,.06),transparent 42%),#f9fdfd;background-size:34px 34px,34px 34px,auto,auto;box-shadow:inset 0 0 0 10px #0f6670,inset 0 0 0 12px #0f667029,0 24px 60px #23303829}.certificate-preview.theme-modern:before{border-color:#12636f3d}.certificate-preview.theme-official{background:linear-gradient(90deg,rgba(20,33,42,.026) 1px,transparent 1px),linear-gradient(0deg,rgba(20,33,42,.024) 1px,transparent 1px),#fff;background-size:34px 34px;box-shadow:inset 0 0 0 10px #30343b,inset 0 0 0 12px #30343b29,0 24px 60px #23303829}.certificate-preview.theme-official:before{border-color:#30343b3d}.certificate-preview.theme-plain{background:#fff;box-shadow:none}.certificate-preview.theme-plain:before,.certificate-preview.theme-plain:after{display:none}.certificate-preview.theme-bigFactory1{padding:0;background:#fff;box-shadow:0 24px 60px #23303824;color:#000}.certificate-preview.theme-bigFactory1:before,.certificate-preview.theme-bigFactory1:after{display:none}.certificate-preview.theme-bigFactory1 h2{position:absolute;top:108px;right:0;left:0;z-index:2;margin:0;color:var(--title-color, #000000);font-family:var(--title-font-family, "Songti SC", "SimSun", serif);font-size:var(--title-font-size, 24px);font-weight:700;line-height:1.2}.certificate-preview.theme-bigFactory1 h2:after{display:none}.theme-bigFactory1 .bigFactory1-content{position:absolute;top:224px;left:92px;z-index:2;width:calc(var(--cert-width, 794px) - 184px);color:var(--content-color, #000000);font-family:var(--content-font-family, "Songti SC", "SimSun", serif);font-size:var(--content-font-size, 20px);line-height:var(--content-line-height, 44px)}.theme-bigFactory1 .bigFactory1-content p{margin:0;text-indent:0}.theme-bigFactory1 .bigFactory1-content p:nth-child(2){margin-top:28px;text-indent:2em}.theme-bigFactory1 .bigFactory1-content p:nth-child(3){margin-top:12px;padding-left:38px}.theme-bigFactory1 .bigFactory1-content strong,.theme-bigFactory1 .bigFactory1-meta strong{font-weight:700;text-decoration:none}.theme-bigFactory1 .bigFactory1-meta{position:absolute;top:486px;left:calc(var(--cert-width, 794px) - 447px);z-index:3;width:390px;margin:0;color:var(--content-color, #000000);font-family:var(--content-font-family, "Songti SC", "SimSun", serif);font-size:var(--content-font-size, 20px);font-weight:700;line-height:44px;text-align:center}.theme-bigFactory1 .bigFactory1-meta p{position:relative;z-index:2;margin:0 0 4px;text-indent:0}.theme-bigFactory1 .preview-seal{top:420px;right:auto;bottom:auto;left:calc(var(--cert-width, 794px) - 332px);width:160px;height:160px;z-index:2}.certificate-preview.theme-plain .preview-grain{display:none}.certificate-preview.theme-plain .preview-head{border-bottom:0}.certificate-preview.theme-plain h2:after{display:none}.preview-grain{position:absolute;inset:0;background:radial-gradient(circle at 24% 20%,rgba(255,255,255,.82),transparent 22%),radial-gradient(circle at 76% 82%,rgba(143,31,45,.04),transparent 24%);pointer-events:none}.preview-head{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding-bottom:clamp(16px,1.9vw,24px);border-bottom:1px solid rgba(32,42,50,.18);color:#27313a}.preview-head p{margin:0;font-size:clamp(15px,1.3vw,18px);font-weight:700;line-height:1.35}.preview-head span{flex:0 0 auto;color:#848f97;font-family:Arial,sans-serif;font-size:clamp(10px,.9vw,12px);line-height:1.2}.certificate-preview h2{position:relative;z-index:1;margin:clamp(42px,6vw,68px) 0 var(--title-bottom-margin, 50px);color:var(--title-color, #000000);font-family:var(--title-font-family, "Songti SC", "SimSun", serif);text-align:center;font-size:var(--title-font-size, 24px);line-height:1.1;letter-spacing:0}.certificate-preview h2:after{content:"";display:block;width:clamp(54px,7vw,86px);height:3px;margin:clamp(14px,1.8vw,20px) auto 0;background:currentColor;opacity:.2}.preview-content{position:relative;z-index:1;color:var(--content-color, #000000);font-family:var(--content-font-family, "Songti SC", "SimSun", serif);font-size:var(--content-font-size, 20px);line-height:var(--content-line-height, 38px);text-align:justify}.preview-content p{margin:0;text-indent:2em}.preview-content strong{font-weight:700;text-decoration:underline;text-decoration-thickness:.7px;text-underline-offset:5px}.preview-meta{position:relative;z-index:2;width:min(310px,calc(100% - 40px));margin:clamp(24px,4vw,46px) 0 0 auto;font-size:clamp(15px,1.3vw,18px);line-height:1.75}.preview-meta p{margin:0}.preview-seal{position:absolute;right:clamp(46px,6vw,76px);bottom:clamp(34px,4.5vw,64px);z-index:3;width:clamp(108px,11.4vw,146px);height:clamp(108px,11.4vw,146px);border-radius:50%;transform:rotate(var(--seal-rotation, -11deg));opacity:.94;color:#c5132a;font-family:Songti SC,SimSun,serif}.preview-seal-anchored{right:auto;bottom:auto;left:50%;top:calc(50% - 12px);transform:translate(-50%,-50%) rotate(var(--seal-rotation, -11deg))}.preview-footer{position:absolute;right:var(--cert-horizontal-padding, 80px);bottom:56px;left:var(--cert-horizontal-padding, 80px);z-index:4;display:flex;align-items:baseline;justify-content:space-between;gap:24px;color:#7e878e;pointer-events:none}.preview-footer span{min-width:0;color:#848f97;font-family:Arial,sans-serif;font-size:13px;line-height:1.2;overflow-wrap:anywhere}.preview-footer p{flex:0 0 auto;margin:0;color:#666d72;font-family:Songti SC,SimSun,serif;font-size:16px;line-height:1.2;white-space:nowrap}.preview-seal.seal-blue{color:#155da8}.preview-seal.seal-dark{color:#9a1f2a}.preview-seal svg{width:100%;height:100%;display:block;overflow:visible}.seal-outer{fill:none;stroke:currentColor;stroke-width:4.3;stroke-linecap:round;stroke-linejoin:round}.seal-arc-text{fill:currentColor;font-size:19px;font-weight:900;letter-spacing:2.4px;paint-order:stroke;stroke:currentColor;stroke-width:.22px}.seal-star{fill:currentColor}.seal-code{fill:currentColor;font-family:Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:1.1px}.seal-aged{opacity:.93;filter:contrast(1.08) saturate(1.18) hue-rotate(-2deg)}.seal-aged:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 52% 42% at 30% 26%,transparent 56%,rgba(255,255,255,.18) 92%),radial-gradient(ellipse 46% 38% at 76% 78%,transparent 62%,rgba(255,255,255,.14) 92%);-webkit-mask:radial-gradient(circle at center,#000 85%,transparent 91%);mask:radial-gradient(circle at center,#000 85%,transparent 91%);mix-blend-mode:screen;pointer-events:none}.seal-aged:after{content:"";position:absolute;inset:0;border-radius:inherit;-webkit-mask:radial-gradient(circle at center,#000 85%,transparent 91%);mask:radial-gradient(circle at center,#000 85%,transparent 91%);background:radial-gradient(ellipse 8% 5% at 22% 26%,rgba(255,255,255,.58),transparent 78%),radial-gradient(ellipse 5% 8% at 78% 22%,rgba(255,255,255,.54),transparent 78%),radial-gradient(ellipse 7% 5% at 50% 78%,rgba(255,255,255,.48),transparent 78%),radial-gradient(ellipse 4% 4% at 68% 60%,rgba(255,255,255,.44),transparent 78%),radial-gradient(ellipse 4% 6% at 14% 60%,rgba(255,255,255,.42),transparent 78%),radial-gradient(ellipse 5% 4% at 86% 72%,rgba(255,255,255,.46),transparent 78%),radial-gradient(circle at 35% 18%,rgba(255,255,255,.55) 0 1.1px,transparent 1.8px),radial-gradient(circle at 58% 30%,rgba(255,255,255,.46) 0 1px,transparent 1.6px),radial-gradient(circle at 28% 52%,rgba(255,255,255,.42) 0 .8px,transparent 1.4px),radial-gradient(circle at 72% 50%,rgba(255,255,255,.4) 0 .9px,transparent 1.5px),radial-gradient(circle at 50% 88%,rgba(255,255,255,.44) 0 .8px,transparent 1.4px),radial-gradient(circle at 18% 38%,rgba(255,255,255,.36) 0 .8px,transparent 1.3px),radial-gradient(circle at 82% 42%,rgba(255,255,255,.36) 0 .8px,transparent 1.3px),repeating-linear-gradient(106deg,transparent 0 4px,rgba(255,255,255,.08) 4.6px 5.4px),repeating-linear-gradient(-22deg,transparent 0 7px,rgba(255,255,255,.055) 7.5px 8.4px);mix-blend-mode:screen;pointer-events:none}@media(max-width:1080px){body{overflow:auto}.site-frame{height:auto;min-height:100vh;grid-template-rows:auto auto;padding:16px}.frontier-bar{position:sticky;top:16px;z-index:20}.app-shell{min-height:auto;grid-template-columns:1fr;gap:16px;overflow:visible}.editor-panel{min-height:auto}.preview-panel,.editor-panel-scroll,.preview-panel-scroll{height:auto}}@media(max-width:680px){.site-frame{gap:12px;padding:12px}.frontier-bar{height:auto;min-height:58px;flex-wrap:wrap;gap:10px;padding:12px 18px}.frontier-brand{font-size:24px}.frontier-brand-mark{width:29px;height:29px;font-size:17px}.frontier-nav{width:100%}.frontier-nav a,.frontier-nav button{flex:1 1 0;min-width:0;min-height:38px;padding:0 8px;font-size:14px}.editor-panel-scroll,.preview-panel-scroll{padding:18px}.app-header h1{font-size:25px}.control-band,.field-grid,.action-bar{grid-template-columns:1fr}.action-bar{position:static;margin:18px 0 0;padding:0;border-top:0;background:transparent}.ghost{width:auto}.certificate-preview{min-height:var(--cert-height, 760px);padding:var(--cert-top-padding, 48px) max(34px,min(var(--cert-horizontal-padding, 80px),54px)) 92px;box-shadow:inset 0 0 0 7px #8f1f2d,inset 0 0 0 9px #8f1f2d29,0 24px 60px #23303829}.certificate-preview.theme-modern{box-shadow:inset 0 0 0 7px #0f6670,inset 0 0 0 9px #0f667029,0 24px 60px #23303829}.certificate-preview.theme-official{box-shadow:inset 0 0 0 7px #30343b,inset 0 0 0 9px #30343b29,0 24px 60px #23303829}.certificate-preview.theme-plain{box-shadow:none}.certificate-preview:before{inset:20px}.preview-content{line-height:1.9}.preview-meta{width:min(250px,calc(100% - 32px));margin-right:0}.preview-seal{right:28px}.preview-head{display:block}.preview-head span{display:block;margin-top:5px}.preview-footer{right:max(34px,min(var(--cert-horizontal-padding, 80px),54px));left:max(34px,min(var(--cert-horizontal-padding, 80px),54px));bottom:42px}.preview-footer p,.preview-footer span{font-size:12px}.auth-backdrop{padding:16px}.auth-dialog{padding:28px 22px 24px;max-height:calc(100dvh - 32px)}.auth-dialog h2{font-size:24px;margin-bottom:24px}}@media print{body{background:#fff}.frontier-bar,.editor-panel,.preview-toolbar{display:none}.site-frame,.app-shell,.preview-panel{display:block;min-height:auto;padding:0;background:#fff}.preview-panel-scroll{display:block;min-height:auto;padding:0;overflow:visible;background:#fff}.certificate-preview{width:210mm;min-height:297mm;margin:0;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}}:root{--panel-radius: 5px;background:#f7f7f7}.site-frame{padding:0;gap:0;grid-template-rows:64px minmax(0,1fr);background:#f8f8f8}.frontier-bar{border:0;border-radius:0;background:#aaa;box-shadow:0 2px 5px #0002;padding:0 8%}.frontier-brand{font-size:28px;text-shadow:none}.frontier-brand-mark{background:#ef4444;color:#202020;border:2px solid #fff;border-radius:3px}.frontier-nav{gap:10px;border:0;background:transparent;box-shadow:none;overflow:visible}.frontier-nav a,.frontier-nav button{min-height:40px;border:0;border-radius:4px;color:#fff;background:#d52e32;box-shadow:0 2px 4px #0002}.frontier-nav a{background:#f47700}.frontier-nav button:hover{background:#bd252b}.frontier-nav a:hover{background:#e56900}.frontier-nav .nav-user{color:#fff;background:transparent;box-shadow:none}.app-shell{grid-template-columns:minmax(300px,30%) minmax(0,1fr);gap:26px;padding:26px 3% 0}.editor-panel{border:0;border-radius:0;background:transparent;box-shadow:none}.editor-panel-scroll{padding:0 5px 24px 0}.form-section{padding:22px;border:1px solid #dedede;border-radius:5px;margin-bottom:20px}.form-section h2{font-size:19px;color:#333;gap:10px;margin-bottom:24px}.form-section h2:before{content:"";width:7px;height:7px;border-radius:50%;background:#2196f3;flex:0 0 auto}.form-section h2 svg{display:none}.main-info h2:before{background:#4caf50}.field-grid{grid-template-columns:1fr;gap:21px}label{gap:7px}label span{font-size:16px;font-weight:400;color:gray}input,select,textarea{border-color:#ddd;border-radius:4px;background:#fff;color:#292929}input{height:43px;padding:0 13px;font-size:16px}input:focus,select:focus,textarea:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f314}.customize-button{width:100%;min-height:45px;margin-top:22px;border:1px solid #ddd;border-radius:4px;color:#777;background:#fff;font-size:16px}.customize-button:hover{background:#f6f6f6}.advanced-settings{margin-bottom:20px}.advanced-settings summary{cursor:pointer;padding:16px 20px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#637b88}.advanced-settings[open] summary{margin-bottom:12px}.advanced-settings .field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.control-band{padding:18px}.segmented{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.action-bar{position:static;grid-template-columns:44px 1fr;margin:0;padding:0;border:0;background:transparent}.action-bar .primary{background:#4caf50}.preview-panel{border:0;border-radius:0;box-shadow:none;background:transparent}.preview-panel-scroll{padding:0 3px 32px}.preview-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:sticky;top:0;z-index:10;padding-bottom:14px;background:#f8f8f8}.preview-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px;border-radius:4px;color:#fff;font-size:16px;font-weight:600;box-shadow:0 2px 4px #0003;transition:filter .15s}.preview-actions button:hover{filter:brightness(.94)}.template-action{background:#607f8d}.image-action{background:#2196f3}.pdf-action{background:#4caf50}.preview-toolbar{max-width:none;margin:0 0 10px;font-size:12px}.preview-toolbar span{min-height:24px;padding:0;border:0;background:transparent;font-weight:400;color:#929292}.certificate-preview{width:var(--cert-width, 794px);max-width:none;border:1px solid #e2e2e2}.certificate-preview.theme-plain{box-shadow:0 2px 8px #00000005}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #2196f3;outline-offset:3px}@media(min-width:1600px){.app-shell{grid-template-columns:minmax(340px,30%) minmax(0,1fr);gap:30px}}@media(max-width:1080px)and (min-width:761px){body{overflow:hidden}.site-frame{height:100vh}.app-shell{min-height:0;grid-template-columns:300px minmax(0,1fr);gap:18px;overflow:hidden;padding:20px}.editor-panel,.preview-panel{min-height:0;height:100%}.editor-panel-scroll,.preview-panel-scroll{height:100%}.frontier-bar{top:0}.preview-actions button{font-size:13px}.preview-actions svg{display:none}}@media(max-width:760px){body{overflow:auto}.site-frame{height:auto;grid-template-rows:auto auto}.frontier-bar{position:relative;top:0;padding:14px 18px;gap:14px;flex-wrap:wrap}.frontier-nav{width:auto}.frontier-nav a,.frontier-nav button{min-width:60px;font-size:13px;padding:0 10px}.app-shell{grid-template-columns:1fr;padding:18px 14px;overflow:visible;gap:20px}.editor-panel-scroll{padding:0;height:auto}.preview-panel-scroll{height:auto;padding:0 0 20px}.preview-actions{position:relative}.preview-actions button{font-size:12px;gap:4px}.preview-actions svg{width:14px}.form-section{padding:20px}.action-bar{grid-template-columns:44px 1fr}}@media print{.preview-actions,.advanced-settings{display:none}.app-shell,.preview-panel-scroll{padding:0}.certificate-preview{border:0}}.settings-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:#0009}.settings-dialog{display:flex;flex-direction:column;width:min(820px,92vw);max-height:86vh;background:#fff;border-radius:4px;box-shadow:0 20px 80px #0004}.settings-dialog>header{display:flex;justify-content:space-between;align-items:center;padding:18px 26px}.settings-dialog>header h2{margin:0;font-size:21px;color:#333}.settings-dialog>header button{width:32px;height:32px;font-size:28px;line-height:1;background:transparent;color:#777}.settings-scroll{min-height:0;overflow:auto;padding:8px 26px 22px}.settings-dialog .form-section{border:0;padding:10px 0;margin:0 0 14px}.settings-dialog .form-section h2{gap:12px;font-size:17px;margin:0 0 18px}.settings-dialog .form-section h2:before{width:10%;height:1px;background:#ddd;border-radius:0}.settings-dialog .form-section h2:after{content:"";height:1px;flex:1;background:#ddd}.settings-dialog .field-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 16px}.settings-dialog label{position:relative;gap:0}.settings-dialog label>span{position:absolute;left:9px;top:-9px;z-index:1;padding:0 6px;background:#fff;color:#777;font-size:12px}.settings-dialog input,.settings-dialog select{height:42px;padding:8px 12px;font-size:15px;background:#fff}.settings-dialog textarea{height:100px;padding:10px 12px;font-size:15px;line-height:1.6;min-height:80px;resize:vertical}.settings-dialog .color-input{min-height:42px}.settings-dialog .color-input input[type=color]{height:30px;width:34px;padding:2px}.settings-dialog .seal-controls{gap:14px}.settings-dialog .seal-controls label{position:static}.settings-dialog .seal-controls label>span{position:static;padding:0;background:transparent}.settings-dialog .seal-controls input[type=checkbox]{width:18px;height:18px}.settings-dialog .template-textarea{height:160px;min-height:120px}.certificate-preview.theme-plain h2{margin-top:36px}.preview-meta{color:var(--signature-color, #000);font-family:var(--signature-font);font-size:var(--signature-size, 21px);line-height:var(--signature-line-height, 42px);text-align:center;margin-top:10px;transform:translate(var(--signature-right, 0px),var(--signature-down, 0px))}.preview-content strong,.preview-meta strong{font-weight:400}@media(max-width:900px){.settings-dialog .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-scroll{padding:12px 24px 24px}}@media(max-width:540px){.settings-backdrop{padding:12px}.settings-dialog>header{padding:18px}.settings-dialog>header h2{font-size:20px}.settings-dialog .field-grid{grid-template-columns:1fr}.settings-dialog input,.settings-dialog select{font-size:15px}}@media print{.settings-backdrop{display:none}}body{overflow:auto}.site-frame{height:auto;min-height:100vh;grid-template-rows:58px auto}.frontier-bar{min-height:58px;padding:0 max(24px,calc((100vw - 1360px)/2 + 78px))}.frontier-brand{font-size:25px}.frontier-brand-mark{width:30px;height:30px}.app-shell{width:calc(100% - 40px);max-width:1280px;margin:0 auto;padding:20px 0;grid-template-columns:400px minmax(0,1fr);align-items:start;gap:24px;overflow:visible}.editor-panel,.preview-panel{overflow:visible;min-height:auto}.editor-panel-scroll,.preview-panel-scroll{height:auto;padding:0;overflow:visible}.form-section{padding:18px;margin-bottom:18px}.form-section h2{font-size:18px;margin-bottom:22px}.field-grid{gap:19px}label span{font-size:15px}input{height:39px;font-size:15px}.customize-button{margin-top:19px;min-height:42px;font-size:15px}.preview-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;position:relative;padding:0;margin-bottom:14px}.preview-actions button{width:100%;min-height:43px;padding:8px 4px;font-size:15px;font-weight:500;white-space:nowrap}.watermark-action{background:#ec1e66}.template-picker{position:relative;min-width:0}.template-popover{position:absolute;z-index:12;top:calc(100% + 10px);left:0;width:280px;padding:16px;border:1px solid #ddd;border-radius:5px;background:#fff;box-shadow:0 8px 28px #0002}.template-popover p{margin:0 0 12px;color:#777;font-size:13px}.template-popover button{display:block;padding:14px;border:1px solid #dce4e8;background:#f8fbfc;color:#344d5b;text-align:left;box-shadow:none}.template-popover span{display:block;margin-top:8px;font-size:12px;color:#88969d}.document-frame{padding:9px;border:1px solid #ddd;border-radius:5px;background:#fafafa;overflow:hidden}.document-viewport{position:relative;width:100%;overflow:hidden}.document-scale{position:absolute;top:0;left:0;transform-origin:top left}.certificate-preview{height:var(--cert-height);min-height:var(--cert-height);border:0;margin:0}.certificate-preview h2{font-size:var(--title-font-size);line-height:1.1}.preview-content{text-align:left}.preview-meta{width:180px;margin-right:0}.preview-meta p{position:relative;z-index:2}.preview-seal{width:156px;height:156px}.document-watermark{position:absolute;z-index:5;inset:0;background-repeat:no-repeat;background-size:100% 100%;pointer-events:none}@media(max-width:1080px)and (min-width:761px){body{overflow:auto}.site-frame{height:auto}.app-shell{grid-template-columns:280px minmax(0,1fr);padding:20px 0;overflow:visible}.editor-panel,.preview-panel,.editor-panel-scroll,.preview-panel-scroll{height:auto}.preview-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.site-frame{grid-template-rows:auto auto}.app-shell{width:100%;padding:16px 14px;grid-template-columns:1fr;gap:20px}.frontier-bar{padding:14px 18px}.preview-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-actions button{font-size:14px}.certificate-preview{padding:var(--cert-top-padding) var(--cert-horizontal-padding) 92px}.preview-content{line-height:var(--content-line-height)}.preview-meta{width:180px}}@media print{.site-frame{display:block}.app-shell{width:auto;margin:0;padding:0}.document-frame{padding:0;border:0;overflow:visible}.document-viewport{height:auto!important;overflow:visible}.document-scale{position:static;transform:none!important}}.seal-visible{display:flex;align-items:center;gap:8px;color:#777;font-size:14px}.settings-dialog .seal-visible input{width:16px;height:16px;padding:0}.settings-dialog header{flex-shrink:0}.company-info .field-grid{gap:22px}.settings-dialog .field-grid{align-items:start}.settings-dialog .color-input{position:relative;display:block}.settings-dialog .color-input>input:first-child{padding-right:48px}.settings-dialog .color-input input[type=color]{position:absolute;top:6px;right:6px;height:30px;width:32px;padding:2px}.color-control{min-width:0}.settings-dialog .color-trigger{width:100%;height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 8px 6px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#292929;text-align:left}.settings-dialog .color-trigger span{font-size:15px;font-weight:400;color:inherit}.color-trigger i{width:28px;height:28px;border:3px solid #fff;border-radius:5px;box-shadow:0 0 0 1px #ddd;flex-shrink:0}.color-popover{position:fixed;z-index:150;width:min(244px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;padding:16px;border:1px solid #e3e3e3;border-radius:8px;background:#fff;box-shadow:0 8px 30px #0003}.color-popup-title{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#777;font-size:13px}.color-popup-title button{padding:0;background:transparent;color:#999;font-size:19px;line-height:1}.color-popover p{margin:14px 0 9px;color:#777;font-size:12px}.color-presets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.color-presets button{aspect-ratio:1;padding:0;border:3px solid #ddd;border-radius:5px}.color-presets button[aria-pressed=true]{border-color:#2196f3}.color-saturation{position:relative;height:166px;border-radius:10px 10px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);touch-action:none;cursor:crosshair}.color-saturation i{position:absolute;width:18px;height:18px;border:2px solid white;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0005;pointer-events:none}.color-popover .color-hue{display:block;width:100%;height:23px;margin:0 0 12px;padding:0;border:0;border-radius:0 0 10px 10px;appearance:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer}.color-hue::-webkit-slider-thumb{appearance:none;width:23px;height:23px;border-radius:50%;border:2px solid #fff;background:transparent;box-shadow:0 1px 4px #0005}.color-hue::-moz-range-thumb{width:19px;height:19px;border-radius:50%;border:2px solid #fff;background:transparent;box-shadow:0 1px 4px #0005}.color-popover .color-hex{width:100%;height:34px;text-align:center;border:1px solid #ddd;border-radius:5px;background:#fff;font-family:ui-monospace,monospace;font-size:15px;color:#111}@media print{.color-popover{display:none}}.site-frame{grid-template-rows:42px auto}.frontier-bar{min-height:42px;padding:0 max(24px,calc((100% - 1280px)/2 + 68px))}.frontier-brand{font-size:22px}.frontier-brand-mark{width:28px;height:28px}.frontier-nav{gap:0;border:1px solid #9995;border-radius:3px}.frontier-nav a,.frontier-nav button{min-height:36px;min-width:62px;padding:0 12px;font-size:14px;border-radius:0;border-left:1px solid #aaa4;background:#e8e8e8;color:#333;box-shadow:none}.frontier-nav a:hover,.frontier-nav button:hover{background:#f2f2f2}.frontier-nav:not(.frontier-nav-signed-in){border:0;border-radius:4px;overflow:hidden;background:#e0e0e0;box-shadow:0 2px 4px #0005}.frontier-nav:not(.frontier-nav-signed-in) button{min-width:61.5px;min-height:37px;padding:0 10.5px;border-left:1px solid #bdbdbd;background:transparent;color:#444}.frontier-nav:not(.frontier-nav-signed-in) button:first-child{min-width:70px;border-left:0}.frontier-nav:not(.frontier-nav-signed-in) button:hover{background:#ededed}.app-shell{padding-top:20px;gap:24px}.form-section{padding:16px;margin-bottom:16px}.form-section h2{font-size:16px;line-height:22.5px;margin-bottom:14px}.field-grid,.company-info .field-grid{gap:14px}label{gap:6px}label span{font-size:14px;line-height:20px}input{height:34px;font-size:14px}.customize-button{min-height:36.5px;margin-top:16px;font-size:14px}.preview-actions{gap:8px;margin-bottom:12px}.preview-actions button{min-height:36.5px;font-size:14px;padding:7px 4px}.document-frame{padding:8px}.certificate-preview.theme-plain h2{margin-top:0}@media(max-width:760px){.site-frame{grid-template-rows:auto auto}.frontier-bar{min-height:50px;padding:0 18px}.app-shell{padding-top:16px}}.template-dialog{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;width:min(820px,92vw);padding:36px;border-radius:5px;background:#fff;box-shadow:0 16px 48px #0003}.common-template{min-height:48px;padding:10px 12px;border-radius:5px;color:#fff;font-size:18px;font-weight:500;box-shadow:0 2px 5px #0004;white-space:nowrap}.common-template:hover{filter:brightness(.94)}.common-template-resignation{background:#008fc9}.common-template-employment{background:#2e7d32}.common-template-income{background:#9c27b0}.common-template-internship{background:#ef6c00}.template-close{position:absolute;top:3px;right:7px;padding:0;color:#888;background:transparent;font-size:23px}.import-notice{position:fixed;z-index:160;top:20px;right:20px;display:flex;align-items:center;gap:12px;min-width:280px;padding:18px 22px;border-radius:3px;background:#00bd06;color:#fff;box-shadow:0 4px 18px #0003;font-size:18px}.import-notice>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff;color:#00bd06}.import-notice button{margin-left:auto;background:transparent;color:#fff;font-size:22px}@media(max-width:760px){.template-dialog{grid-template-columns:repeat(2,minmax(0,1fr));padding:28px 20px;gap:16px}.common-template{font-size:16px}}@media print{.template-dialog,.import-notice{display:none}}.import-notice{overflow:hidden;padding-bottom:22px}.import-countdown{position:absolute;left:0;bottom:0;width:100%;height:5px;background:#ffffffa6;transform-origin:left;animation:import-countdown 3s linear forwards}@keyframes import-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.credentials-box{padding:24px;margin:24px 0;background:#f3f6fa;border-radius:12px;overflow-wrap:anywhere}.credentials-box strong{color:#1976d2;font-family:monospace}.vip-price{background:linear-gradient(120deg,#6978ee,#7950a6);color:#fff;padding:22px;text-align:center;border-radius:8px}.vip-price strong{font-size:36px;line-height:1.2}.vip-price p{margin:8px 0 0;color:inherit}.vip-dialog h3{margin:22px 0 10px;font-size:16px}.vip-dialog ul{margin:0 0 18px;line-height:2;padding-left:22px;font-size:14px}.auth-dialog>p{font-size:14px;line-height:1.6;color:#66727b}.vip-dialog>.auth-primary{width:100%;margin:6px 0 12px}.auth-dialog button:focus-visible{outline:3px solid #86b7ff;outline-offset:3px}.auth-dialog button:disabled{opacity:.6;cursor:wait}.payment-qr{margin:16px 0;text-align:center}.payment-qr img{display:block;width:220px;max-width:100%;height:auto;margin:auto}.payment-qr p{color:#66727b;font-size:13px;line-height:1.7}.account-dialog{width:min(100%,700px);padding:30px 32px 34px;border-radius:5px}.account-dialog h2{font-size:24px;margin:0 0 34px}.account-dialog .auth-form{gap:18px}.account-dialog .auth-form label{position:relative;margin:0 18px;gap:0}.account-dialog .auth-form label span{font-size:18px;font-weight:400;color:#757575}.account-dialog .auth-form input{height:22px;padding:0 0 4px;border:0;border-bottom:1px solid #999;border-radius:0;font-size:18px}.account-dialog .auth-form input:focus{border-bottom:2px solid #424242}.account-dialog .auth-actions,.credentials-dialog .auth-actions{grid-template-columns:1fr 1fr;gap:20px;margin-top:14px}.account-dialog .auth-actions button,.account-dialog .auth-quick{min-height:44px;font-size:16px;font-weight:500;border-radius:5px}.account-dialog .auth-primary,.credentials-dialog .auth-primary{background:#1976d2;box-shadow:0 2px 5px #0004}.account-dialog .auth-register{background:#9c27b0;box-shadow:0 2px 5px #0004}.account-dialog .auth-quick{color:#1976d2;border:1px solid #8ab4f8}.credentials-dialog{width:min(100%,760px);padding:28px 30px 30px;border-radius:5px}.credentials-dialog h2{color:#4caf50;font-size:26px;margin:0 0 18px}.credentials-info{display:flex;align-items:center;gap:16px;padding:18px 22px;background:#e3f5fd;color:#004b6b;border-radius:5px;font-size:17px;line-height:1.5}.credentials-info svg{color:#29b6f6;flex-shrink:0;width:24px;height:24px}.credentials-dialog .credentials-box{position:relative;background:#f5f5f5;border:1px solid #ddd;border-radius:10px;margin:30px 0 20px;padding:30px}.credentials-box h3{margin:0 0 22px;font-size:20px}.credentials-box p{margin:0;color:#666;font-size:18px}.credentials-box strong{display:block;margin-top:12px;color:#1976d2;font-size:26px;letter-spacing:1px}.credentials-box hr{margin:26px 0 22px;border:0;border-top:1px solid #d3d3d3}.credentials-copy-icon{position:absolute;top:18px;right:18px;color:#666;background:transparent;padding:0}.credentials-copy-icon svg{width:26px;height:26px}.credentials-copy-icon.copied{color:#4caf50}.credentials-dialog .credentials-tip{text-align:center;font-size:17px;margin:0 0 50px}.credentials-dialog .auth-actions button{min-height:62px;font-size:19px;gap:12px;font-weight:500}.credentials-dialog .auth-primary.copied{background:#4caf50}.status-toasts{position:fixed;z-index:1000;top:20px;right:20px;display:grid;gap:20px;width:min(320px,calc(100vw - 32px));pointer-events:none}.status-toast{position:relative;display:flex;align-items:center;gap:14px;padding:24px 20px;overflow:hidden;border-radius:6px;box-shadow:0 8px 20px #0002;color:#fff;font-size:18px;background:#00c900}.status-toast.warning{background:#f1c40f}.status-toast svg{width:26px;height:26px;flex-shrink:0}.status-toast i{position:absolute;bottom:0;left:0;width:100%;height:6px;background:#ffffffb3;transform-origin:left;animation:toast-progress 4s linear forwards}@keyframes toast-progress{to{transform:scaleX(0)}}@media(max-width:540px){.account-dialog,.credentials-dialog{padding:26px 20px}.account-dialog .auth-actions,.credentials-dialog .auth-actions{gap:10px}.account-dialog .auth-actions button{font-size:14px}.credentials-info{padding:14px;font-size:14px}.credentials-dialog .credentials-box{padding:22px}.credentials-dialog .auth-actions button{font-size:15px}}@media print{.status-toasts{display:none}}.status-toast.success svg{fill:#fff;stroke:#00c900}.status-toast.warning svg{fill:#fff;stroke:#f1c40f}.credentials-copy-icon.copied svg{fill:#4caf50;stroke:#fff}.credentials-dialog .auth-primary.copied svg{fill:#fff;stroke:#4caf50}.account-dialog{width:min(100%,566px);padding:20px 28px 28px}.account-dialog.account-register{width:min(100%,589px)}.account-dialog h2{font-size:20px;line-height:26px;margin-bottom:32.5px}.account-dialog .auth-form{gap:16px}.account-dialog .auth-form label{height:29px;margin:0 16px}.account-dialog .auth-form label span{position:absolute;top:4px;left:0;font-size:16px;line-height:22px;pointer-events:none;transition:top .15s,font-size .15s}.account-dialog .auth-form label:focus-within span,.account-dialog .auth-form label:has(input:not([value=""])) span{top:-12px;font-size:12px;line-height:16px}.account-dialog .auth-form input{height:29px;padding:4px 0 5px;font-size:16px}.account-dialog .auth-actions{gap:16px;margin-top:12px}.account-dialog .auth-actions button,.account-dialog .auth-quick{min-height:36.5px;padding:6px 10px;font-size:14px;line-height:24px}.credentials-dialog{width:min(100%,600px);padding:24px}.credentials-dialog h2{font-size:22px;margin-bottom:16px}.credentials-info{font-size:14px;padding:14px 16px;gap:12px}.credentials-dialog .credentials-box{margin:24px 0 18px;padding:24px}.credentials-box h3{font-size:16px;margin-bottom:20px}.credentials-box p{font-size:14px}.credentials-box strong{font-size:21px;margin-top:10px}.credentials-box hr{margin:20px 0}.credentials-copy-icon svg{width:22px;height:22px}.credentials-dialog .credentials-tip{font-size:14px;margin-bottom:32px}.credentials-dialog .auth-actions{gap:12px}.credentials-dialog .auth-actions button{min-height:46px;font-size:16px;padding:10px}.status-toasts{width:min(300px,calc(100vw - 32px));gap:12px;top:72px;right:16px}.status-toast{padding:16px;gap:12px;font-size:14px}.status-toast svg{width:22px;height:22px}.status-toast i{height:4px}.vip-dialog{padding:24px;width:min(100%,420px)}.vip-dialog h2{font-size:22px;margin-bottom:20px}.vip-price{padding:18px}.vip-price strong{font-size:30px}.payment-qr img{width:190px}@media(max-width:540px){.account-dialog{padding:22px 18px}.account-dialog .auth-form label{margin:0 8px}.account-dialog .auth-actions{gap:10px}.account-dialog .auth-actions button{padding:6px;font-size:13px}.credentials-dialog{padding:20px}}.frontier-nav-signed-in{border:0;background:transparent;box-shadow:none;overflow:visible;gap:10px;align-items:center}.nav-account{display:flex;align-items:center;gap:6px;color:#eee;font-size:16px;font-weight:700;white-space:nowrap}.nav-account strong{color:#d7872c;font-weight:600}.nav-account .member-vip{color:#ffdc74}.frontier-nav-signed-in button{border:0;border-radius:5px;min-height:34px;color:#fff;box-shadow:0 2px 4px #0004;font-weight:500}.frontier-nav-signed-in .nav-upgrade{background:#ef6c00;padding:0 14px}.frontier-nav-signed-in .nav-logout{background:#d32f2f;padding:0 20px}.frontier-nav-signed-in button:hover{filter:brightness(.95)}.vip-dialog{width:min(100%,500px);padding:24px;border-radius:16px}.vip-dialog h2{margin:0 32px 20px 0;text-align:left;font-size:24px;line-height:1.4}.vip-dialog .auth-close{top:22px;right:22px}.vip-dialog .vip-price{padding:28px 20px;border-radius:12px;background:linear-gradient(120deg,#667eea,#764ba2);box-shadow:0 2px 3px #0003}.vip-dialog .vip-price strong{font-size:42px}.vip-dialog .vip-price p{font-size:16px;margin-top:12px}.vip-benefits{margin:20px 0;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0004;background:#fff}.vip-dialog .vip-benefits h3{font-size:20px;margin:0 0 20px}.vip-dialog .vip-benefits ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}.vip-benefits li{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.6}.vip-benefits li svg{width:18px;height:18px;flex-shrink:0;fill:#4caf50;stroke:#fff}.vip-dialog>.auth-primary{margin:0;min-height:48px;border-radius:12px;background:linear-gradient(120deg,#667eea,#764ba2);box-shadow:0 2px 4px #0003}@media(max-width:760px){.frontier-nav-signed-in{gap:8px;flex-wrap:wrap;justify-content:flex-end}.nav-account{font-size:13px}.frontier-bar:has(.frontier-nav-signed-in){gap:12px;flex-wrap:wrap}.frontier-nav-signed-in button{font-size:13px}}@media(max-width:540px){.vip-dialog{padding:20px}.vip-dialog h2{font-size:22px}.vip-dialog .vip-price{padding:22px 16px}.vip-dialog .vip-price strong{font-size:36px}.vip-benefits{padding:18px}}@media screen and (min-width:761px){.site-frame{align-content:start}.editor-panel-scroll>.company-info{margin-bottom:0}.preview-panel{contain:size;align-self:stretch;min-height:0;display:flex}.preview-panel-scroll{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}.preview-actions{flex:none}.document-frame{flex:1;min-height:0;overflow:clip}}.vip-payment>.auth-primary{width:100%;min-height:48px;padding:12px;border-radius:12px;color:#fff;font-size:16px;font-weight:600;background:linear-gradient(120deg,#667eea,#764ba2);box-shadow:0 2px 4px #0003}.vip-payment>p,.vip-summary>p{font-size:14px;line-height:1.6;color:#66727b}.vip-dialog-checkout{width:min(100%,820px)}.vip-dialog-checkout .vip-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.85fr);gap:24px;align-items:start}.vip-dialog-checkout .vip-benefits{margin-bottom:0}.vip-dialog-checkout .vip-payment{padding:24px 18px;border:1px solid #e3e7ed;border-radius:12px;background:#fafbfd;text-align:center}.vip-dialog-checkout .vip-payment>h3{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 20px;font-size:18px;color:#1976d2}.alipay-icon{display:block;width:28px;height:28px;flex-shrink:0}.vip-dialog-checkout .payment-qr{margin:0 0 18px}.vip-dialog-checkout .payment-qr img{width:220px;max-width:100%;background:#fff}.vip-dialog-checkout .vip-payment .auth-quick{margin-top:12px;min-height:40px;font-size:14px}@media(max-width:640px){.vip-dialog-checkout .vip-layout{grid-template-columns:1fr;gap:20px}.vip-dialog-checkout .vip-payment{grid-row:1}}