:root{--bg:#f3f5f9;--card:#fff;--text:#16202e;--muted:#64707f;--line:#dde2ea;--line-strong:#c4ccd8;--accent:#1d4ed8;--accent-soft:#e8efff;--danger:#c62828;--radius:12px;--shadow:0 1px 2px #1018280f, 0 1px 3px #10182814;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}h1,h2{letter-spacing:-.01em;margin:0}input,select,button,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:not([type=file]),select{border:1px solid var(--line-strong);background:#fff;border-radius:8px;width:100%;min-width:0;padding:8px 10px}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}select{width:auto;padding-right:28px}.spacer{flex:1}.muted{color:var(--muted);font-size:.875rem}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap;align-items:flex-end;gap:16px 24px}.stack{flex-direction:column;gap:12px;min-width:0;display:flex}.template-card p{margin:10px 0;line-height:1.5}.template-actions{flex-wrap:wrap;gap:8px;display:flex}.template-status{color:#166534;font-size:.9rem}.topbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#ffffffeb;align-items:center;gap:10px;padding:10px 20px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:8px;font-size:1.05rem;text-decoration:none;display:flex}.brand strong{color:var(--accent);font-weight:800}.topbar-tag{color:var(--muted);margin-left:8px;font-size:.8rem}.lang-switch{border:1px solid var(--line-strong);border-radius:8px;display:flex;overflow:hidden}.lang-switch button{color:var(--muted);background:#fff;border:0;padding:5px 10px;font-size:.8rem;font-weight:600}.lang-switch button.on{background:var(--accent);color:#fff}.layout{grid-template-columns:minmax(0,1fr);gap:24px;max-width:1600px;margin:0 auto;padding:20px;display:grid}.form{flex-direction:column;gap:14px;width:100%;max-width:820px;margin:0 auto;display:flex}.preview{display:none}@media (width>=1180px){.layout{grid-template-columns:minmax(0,820px) minmax(0,1fr)}.form{margin:0}.preview{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);height:calc(100vh - 90px);box-shadow:var(--shadow);flex-direction:column;display:flex;position:sticky;top:70px;overflow:hidden}.mobile-only{display:none}}.preview-bar{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 12px;display:flex}.preview iframe{background:#525659;border:0;flex:1;width:100%}.preview-empty{color:var(--muted);text-align:center;flex:1;place-items:center;padding:20px;display:grid}.intro h1{font-size:1.5rem}.intro p{color:var(--muted);margin:6px 0 4px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:18px;display:flex}.card h2{font-size:1.05rem}.section-heading{margin-top:8px;font-size:1.05rem}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.field.compact{gap:3px}.segmented{background:#eef1f6;border-radius:10px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:7px 16px;font-weight:600}.segmented button.on{color:var(--accent);box-shadow:var(--shadow);background:#fff}.btn{background:#fff;border:1px solid #0000;border-radius:9px;padding:8px 14px;font-weight:600}.btn.small{padding:5px 10px;font-size:.85rem}.btn.big{padding:12px 22px;font-size:1.02rem}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:#1e40af}.btn.ghost{border-color:var(--line-strong)}.btn.ghost:hover{background:#f5f7fb}.link{color:var(--accent);text-align:left;background:0 0;border:0;padding:2px 0;font-size:.875rem;font-weight:600}.link.danger,.icon-btn.danger{color:var(--danger)}.icon-btn{width:30px;height:30px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;flex:none;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){border-color:var(--line);background:#f0f2f6}.header-grid{grid-template-columns:170px minmax(0,1fr) 200px;align-items:start;gap:18px;display:grid}@media (width<=760px){.header-grid{grid-template-columns:1fr}}.auto-info{background:var(--accent-soft);border-radius:8px;padding:8px 10px;font-size:.85rem}.auto-info small{color:var(--muted);margin-top:2px;display:block}.image-picker{flex-direction:column;gap:5px;width:170px;display:flex}.image-drop{border:1.5px dashed var(--line-strong);background:#fafbfd;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:92px;padding:8px;display:flex}.image-drop.over{border-color:var(--accent);background:var(--accent-soft)}.image-drop.has{background:#fff;border-style:solid}.image-drop img{object-fit:contain;max-width:100%;max-height:64px}.image-actions{gap:12px;display:flex}.image-empty{color:var(--accent);background:0 0;border:0;width:100%;height:100%;min-height:76px;font-size:.875rem;font-weight:600}.footer-logos{align-items:flex-start}.section-card{border-left:4px solid var(--accent);gap:10px}.section-card.kind-photos{border-left-color:#0f9d58}.section-card.kind-plan{border-left-color:#f59e0b}.section-card.kind-remarks{border-left-color:#8b5cf6}.section-card.kind-text{border-left-color:#64748b}.section-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);white-space:nowrap;background:#eef1f6;border-radius:6px;padding:4px 8px;font-size:.72rem;font-weight:700}.section-title{flex:220px;font-weight:700}.section-top select{padding:6px 26px 6px 8px;font-size:.85rem}.section-tools{gap:2px;display:flex}.add-section{justify-content:center;margin:-4px 0;display:flex}.add-btn{border:1px dashed var(--line-strong);color:var(--muted);background:0 0;border-radius:999px;padding:4px 14px;font-size:.85rem;font-weight:600}.add-btn:hover{color:var(--accent);border-color:var(--accent);background:#fff}.add-choices{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:4px 6px 4px 14px;display:flex}.chip{border:1px solid var(--line-strong);background:#fff;border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:600}.chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.rte{border:1px solid var(--line-strong);background:#fff;border-radius:10px;overflow:hidden}.rte:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.rte-toolbar{border-bottom:1px solid var(--line);background:#f8f9fc;flex-wrap:wrap;align-items:center;gap:2px;padding:5px 6px;display:flex}.rte-toolbar select{border-radius:6px;margin-right:2px;padding:4px 22px 4px 6px;font-size:.8rem}.tb{background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;min-width:28px;height:28px;padding:0 5px;font-size:.9rem;display:inline-grid}.tb:hover:not(:disabled){background:#e9edf4}.tb.on{background:var(--accent-soft);color:var(--accent);border-color:#c7d7fe}.tb-sep{background:var(--line);width:1px;height:20px;margin:0 4px}.tb-swatches{gap:3px;padding:0 2px;display:inline-flex}.swatch{border:1px solid #00000026;border-radius:50%;width:16px;height:16px;padding:0}.swatch.hl{border-radius:4px}.swatch:hover{transform:scale(1.15)}.rte-content .tiptap{outline:none;min-height:120px;padding:10px 12px;font-family:Arial,Arimo,Helvetica,sans-serif;font-size:9pt;line-height:1.25}.rte-content .tiptap p{margin:0 0 1px}.rte-content .tiptap ul,.rte-content .tiptap ol{margin:0 0 2px;padding-left:22px}.rte-content .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:#9aa4b2;float:left;pointer-events:none;height:0}.rte-content .tiptap mark{border-radius:2px;padding:0 1px}.photo-zone{border:1.5px dashed var(--line-strong);background:#fafbfd;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.photo-zone.over{border-color:var(--accent);background:var(--accent-soft)}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.photo{aspect-ratio:4/3;border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;margin:0;display:grid;position:relative;overflow:hidden}.photo img{object-fit:contain;max-width:100%;max-height:100%}.photo-tools{opacity:0;gap:3px;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px}.photo:hover .photo-tools,.photo:focus-within .photo-tools{opacity:1}@media (hover:none){.photo-tools{opacity:1}}.photo-tools button{width:26px;height:26px;box-shadow:var(--shadow);background:#ffffffeb;border:0;border-radius:6px;font-weight:700}.photo-tools button.danger{color:var(--danger)}.photo-add{border:0;border:1px solid var(--line-strong);color:var(--accent);background:#fff;border-radius:8px;padding:12px;font-weight:600}.signatories{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.signatory{border:1px solid var(--line);background:#fafbfd;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.signatory-head{align-items:center;gap:6px;display:flex}.signatory input.strong{font-weight:700}.sig-preview{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:12px;padding:6px 10px;display:flex}.sig-preview img{max-width:150px;max-height:40px}.modal-backdrop{z-index:50;background:#0f172a73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;flex-direction:column;gap:10px;width:min(640px,100%);padding:16px;display:flex;box-shadow:0 20px 50px #00000040}.modal-hint{color:var(--muted);margin:0}.sig-canvas{aspect-ratio:3;border:1px dashed var(--line-strong);touch-action:none;cursor:crosshair;background:repeating-linear-gradient(#0000 0 74%,#e5e9f0 74% 75%,#0000 75% 100%);border-radius:10px;width:100%}.modal-actions{gap:8px;display:flex}.actionbar{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);background:#fffffff2;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex;position:sticky;bottom:12px;box-shadow:0 8px 24px #1018281f}.error{color:var(--danger);width:100%;margin:0;font-size:.9rem}.site-footer{color:var(--muted);text-align:center;padding:8px 0 20px;font-size:.8rem}@media (width<=640px){.topbar{flex-wrap:wrap;padding:8px 12px}.topbar-tag{display:none}.layout{padding:12px}.card{padding:14px}.intro h1{font-size:1.25rem}.image-picker{width:100%}.actionbar{flex-wrap:nowrap;gap:8px;padding:8px}.actionbar .muted{display:none}.actionbar .error{box-shadow:var(--shadow);background:#fff;border-radius:10px;margin-bottom:6px;padding:8px;position:absolute;bottom:100%;left:0;right:0}.btn.big{padding:10px 16px;font-size:.95rem}}