:root{--bg:#f4f7fb;--panel:#fff;--ink:#182235;--muted:#607087;--line:#d9e1ec;--accent:#116b67;--accent2:#0f4f77;--accent-soft:#e7f5f3;--danger:#bb2b3a;--warn:#9a6300;--ok:#19754c;--shadow:0 14px 38px rgba(25,44,72,.11);--radius:16px;--page-scale:3.15px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{cursor:pointer}.skip-link{position:fixed;left:12px;top:-60px;z-index:9999;background:#fff;padding:10px 14px;border-radius:8px;box-shadow:var(--shadow)}.skip-link:focus{top:12px}.container{width:min(1440px,calc(100% - 28px));margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{height:64px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:20px;color:var(--ink);white-space:nowrap}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;color:#fff}.main-nav{display:flex;gap:14px;margin-left:auto;align-items:center}.main-nav a{color:var(--ink);font-weight:650;font-size:14px}.lang-switch{padding:7px 10px;border:1px solid var(--line);border-radius:999px}.hero{padding:34px 0 18px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;background:var(--accent-soft);color:var(--accent);padding:7px 11px;border-radius:999px;font-size:13px;font-weight:750}.hero h1{font-size:clamp(32px,4.6vw,58px);line-height:1.03;letter-spacing:-.045em;margin:14px 0}.hero p{font-size:18px;color:var(--muted);max-width:760px}.privacy-card{background:linear-gradient(145deg,#0f5f5b,#0b4768);color:#fff;border-radius:24px;padding:22px;box-shadow:var(--shadow)}.privacy-card h2{font-size:20px;margin:0 0 8px}.privacy-card p{margin:0;color:#d9f1ef}.app-wrap{margin:16px auto 32px}.toolbar{display:flex;flex-wrap:wrap;gap:8px;background:var(--panel);border:1px solid var(--line);padding:10px;border-radius:14px 14px 0 0;position:sticky;top:64px;z-index:80}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;padding:8px 11px;font-weight:700;font-size:13px;display:inline-flex;gap:7px;align-items:center}.btn:hover{border-color:#9fb2c8;background:#f8fbff;text-decoration:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.dark{background:var(--accent2);border-color:var(--accent2);color:#fff}.btn.danger{color:var(--danger)}.btn[disabled]{opacity:.45;cursor:not-allowed}.editor-shell{display:grid;grid-template-columns:250px minmax(500px,1fr) 300px;min-height:760px;background:#e8edf4;border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px;overflow:hidden}.side-panel{background:var(--panel);border-right:1px solid var(--line);padding:14px;overflow:auto;max-height:calc(100vh - 142px)}.side-panel.right{border-right:0;border-left:1px solid var(--line)}.panel-title{font-size:14px;font-weight:800;margin:4px 0 10px;display:flex;justify-content:space-between;align-items:center}.panel-section{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}.field-palette{display:grid;grid-template-columns:1fr 1fr;gap:7px}.palette-btn{min-height:68px;border:1px solid var(--line);background:#fbfcfe;border-radius:10px;padding:8px;text-align:left;font-size:12px;font-weight:700;display:flex;flex-direction:column;justify-content:center;gap:3px}.palette-btn b{font-size:19px;color:var(--accent)}.palette-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.page-list,.layer-list,.template-list{display:grid;gap:7px}.list-item{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px;font-size:13px}.list-item.active{border-color:var(--accent);background:var(--accent-soft)}.list-item .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-zone{overflow:auto;padding:32px;position:relative;background-color:#e5eaf1;background-image:linear-gradient(#d7dde6 1px,transparent 1px),linear-gradient(90deg,#d7dde6 1px,transparent 1px);background-size:20px 20px}.form-page{position:relative;margin:0 auto 36px;background:#fff;box-shadow:0 18px 45px rgba(28,40,58,.2);transform-origin:top center;overflow:hidden}.form-page.grid::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(28,85,109,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(28,85,109,.07) 1px,transparent 1px);background-size:15px 15px}.pdf-bg{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;background:#fff}.form-element{position:absolute;min-width:20px;min-height:16px;border:1px solid transparent;user-select:none}.form-element.selected{outline:2px solid #1c80c5;outline-offset:2px}.form-element:hover{border-color:#92b7cf}.form-element .drag-handle{position:absolute;inset:0;cursor:move;z-index:2}.form-element .resize-handle{position:absolute;width:11px;height:11px;right:-6px;bottom:-6px;border-radius:3px;background:#fff;border:2px solid #1c80c5;z-index:5;cursor:nwse-resize;display:none}.form-element.selected .resize-handle{display:block}.element-label{display:block;font-size:12px;font-weight:650;margin-bottom:4px;color:#26364a}.required-mark{color:var(--danger);margin-left:3px}.mock-input,.mock-textarea,.mock-select,.mock-signature,.mock-static{width:100%;height:calc(100% - 20px);border:1px solid #8796a8;border-radius:5px;background:#fff;padding:6px 8px;color:#8190a1;font-size:12px;overflow:hidden}.mock-textarea{min-height:40px}.mock-checkbox,.mock-radio{width:18px;height:18px;border:1px solid #66798d;border-radius:3px;background:#fff;display:inline-block;margin-right:7px;vertical-align:middle}.mock-radio{border-radius:50%}.mock-line{height:100%;border-top:2px solid #526579;margin-top:50%}.mock-box{height:100%;border:1px solid #526579;background:rgba(230,239,246,.35)}.mock-heading{height:100%;display:flex;align-items:center;font-size:20px;font-weight:800}.mock-paragraph{height:100%;font-size:12px;color:#42536a;overflow:hidden}.fill-mode .form-element{border:0}.fill-mode .drag-handle,.fill-mode .resize-handle{display:none!important}.fill-control{position:absolute;inset:20px 0 0;width:100%;height:calc(100% - 20px);border:1px solid #8796a8;border-radius:5px;padding:6px 8px;background:#fff}.fill-checkbox-wrap{display:flex;align-items:center;height:100%;padding-top:12px;gap:8px}.fill-signature{position:absolute;inset:20px 0 0;border:1px dashed #78899c;border-radius:5px;background:#fff;touch-action:none}.inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-row{display:grid;gap:5px;margin-bottom:9px}.form-row label{font-size:12px;font-weight:750;color:#44536a}.form-row input,.form-row select,.form-row textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff;color:var(--ink)}.form-row textarea{min-height:76px;resize:vertical}.check-row{display:flex;align-items:center;gap:8px;font-size:13px;margin:8px 0}.status{padding:8px 10px;border-radius:8px;font-size:12px;background:#eef3f8;color:#42536a}.status.ok{background:#e8f6ee;color:var(--ok)}.status.warn{background:#fff5df;color:var(--warn)}.status.error{background:#fdebed;color:var(--danger)}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:12px}.tab{border:0;background:transparent;padding:8px 9px;font-weight:750;color:var(--muted);border-bottom:2px solid transparent}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-panel{display:none}.tab-panel.active{display:block}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.template-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:12px}.template-thumb{height:110px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(#fff,#f7fafc);position:relative;overflow:hidden;margin-bottom:8px}.template-thumb::before{content:"";position:absolute;left:12%;right:12%;top:14%;height:7px;background:#23556f;border-radius:3px;box-shadow:0 18px 0 #dbe6ed,0 36px 0 #dbe6ed,0 54px 0 #dbe6ed}.template-card h3{font-size:14px;margin:0 0 4px}.template-card p{font-size:12px;color:var(--muted);margin:0 0 8px}.modal{position:fixed;inset:0;z-index:500;background:rgba(11,20,31,.62);display:none;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modal-card{background:#fff;border-radius:18px;box-shadow:var(--shadow);width:min(760px,100%);max-height:90vh;overflow:auto;padding:20px}.modal-card.large{width:min(1100px,100%)}.modal-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.modal-head h2{margin:0}.close-btn{border:0;background:#edf2f7;border-radius:50%;width:34px;height:34px}.checker-score{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--score,0)*1%),#e1e7ee 0);position:relative;font-size:25px;font-weight:850}.checker-score::after{content:"";position:absolute;inset:10px;background:#fff;border-radius:50%}.checker-score span{z-index:2}.checker-grid{display:grid;grid-template-columns:130px 1fr;gap:20px}.issue-list{display:grid;gap:7px}.issue{border-left:4px solid var(--warn);background:#fff7e8;padding:9px 11px;border-radius:7px;font-size:13px}.issue.error{border-color:var(--danger);background:#fff0f1}.content-section{padding:30px 0}.content-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(31,47,69,.05)}.content-card h2{margin-top:0}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px}.guide-card h2,.guide-card h3{font-size:17px;margin:0 0 7px}.guide-card p{font-size:14px;color:var(--muted)}.article{width:min(900px,calc(100% - 28px));margin:28px auto}.article-header{background:linear-gradient(135deg,#fff,#edf7f6);border:1px solid var(--line);border-radius:20px;padding:30px;margin-bottom:20px}.article h1{font-size:clamp(30px,5vw,48px);line-height:1.08;margin:0 0 12px}.article h2{margin-top:30px}.article p,.article li{font-size:17px}.ad-slot{min-height:120px;border:1px dashed #c5ced9;border-radius:12px;display:grid;place-items:center;color:#8c99a9;background:#fafbfc;margin:24px 0}.site-footer{background:#122131;color:#dce7f3;padding:34px 0;margin-top:36px}.site-footer h2{font-size:18px;color:#fff}.project-links{display:flex;flex-wrap:wrap;gap:9px}.project-links a{color:#dce7f3;background:#203449;padding:6px 9px;border-radius:7px;font-size:13px}.mobile-tabs{display:none;position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);z-index:110}.mobile-tabs button{flex:1;border:0;background:#fff;padding:10px 4px;font-size:11px;font-weight:750}.mobile-tabs button.active{color:var(--accent);background:var(--accent-soft)}.toast{position:fixed;right:18px;bottom:18px;z-index:900;background:#172536;color:#fff;padding:11px 15px;border-radius:10px;box-shadow:var(--shadow);opacity:0;transform:translateY(20px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.file-drop{border:2px dashed #aebdcb;border-radius:12px;padding:16px;text-align:center;background:#fafcfe}.kbd{font-family:ui-monospace,monospace;background:#edf1f5;border:1px solid #d4dbe3;border-bottom-width:2px;padding:2px 5px;border-radius:4px;font-size:11px}
@media(max-width:1100px){.editor-shell{grid-template-columns:220px minmax(460px,1fr)}.side-panel.right{grid-column:1/-1;max-height:none;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hero-grid{grid-template-columns:1fr}.template-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:min(100% - 16px,1440px)}.main-nav a:not(.lang-switch){display:none}.hero{padding-top:22px}.hero h1{font-size:36px}.editor-shell{display:block;min-height:0}.side-panel,.side-panel.right{display:none;max-height:none;border:0}.side-panel.mobile-active,.canvas-zone.mobile-active{display:block}.canvas-zone{display:block;padding:18px 12px;min-height:650px}.form-page{margin-left:auto;margin-right:auto}.toolbar{top:64px;overflow-x:auto;flex-wrap:nowrap}.toolbar .btn{white-space:nowrap}.mobile-tabs{display:flex}.template-grid,.guide-grid{grid-template-columns:1fr}.side-panel.right{padding-bottom:70px}.privacy-card{border-radius:16px}.checker-grid{grid-template-columns:1fr}.project-links{gap:6px}.project-links a{font-size:12px}.article p,.article li{font-size:16px}}
@media print{body{background:#fff}.site-header,.hero,.toolbar,.side-panel,.mobile-tabs,.content-section,.site-footer,.ad-slot,.toast{display:none!important}.editor-shell{display:block;border:0;background:#fff}.canvas-zone{padding:0;background:#fff;overflow:visible}.form-page{box-shadow:none;margin:0;break-after:page}.form-element{border:0}.drag-handle,.resize-handle{display:none!important}}