.ft-main{width:min(1600px,100%);margin:auto;padding:40px clamp(16px,4vw,64px) 64px}.ft-intro{max-width:960px;margin-bottom:36px}.ft-intro h1{font-size:clamp(28px,4vw,46px);line-height:1.2;margin:12px 0}.ft-intro p{margin:12px 0;line-height:1.65}.ft-privacy{color:var(--green,#4cb76e)}.ft-directory-head{display:flex;gap:20px;align-items:end;flex-wrap:wrap}.ft-directory-head h2{margin-right:auto}.ft-main label{display:grid;gap:8px;font-weight:600;font-size:14px}.ft-main input,.ft-main select,.ft-main textarea{box-sizing:border-box;min-width:0;width:100%;padding:11px 12px;border:1px solid var(--border,#344054);border-radius:10px;background:var(--card,#141c29);color:var(--body,#eee);font:inherit}.ft-main input[type=color]{height:44px;padding:4px}.ft-main textarea{min-height:120px;resize:vertical}.ft-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:20px 0 40px}.ft-tool{display:flex;flex-direction:column;gap:9px;padding:20px;border:1px solid var(--border,#344054);border-radius:14px;background:var(--card,#141c29);color:inherit;text-decoration:none}.ft-tool span{font-size:13px;line-height:1.6;color:var(--muted,#a5adbd)}.ft-tool[aria-current=true]{border-color:#4cb76e;box-shadow:0 0 0 2px #4cb76e40}.ft-tool:hover{border-color:#4cb76e}.ft-main [hidden]{display:none!important}.ft-workbench{scroll-margin-top:100px;padding:28px;border:1px solid var(--border,#344054);border-radius:20px;background:var(--card,#141c29)}.ft-workbench>header{margin-bottom:24px}.ft-columns{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:32px}.ft-columns>*{min-width:0}.ft-drop{border:2px dashed #4cb76e70;border-radius:14px;padding:24px;background:#4cb76e08}.ft-drop.drag{background:#4cb76e25}.ft-drop label{font-size:18px;margin-bottom:16px}.ft-drop p,.ft-notice{font-size:13px;line-height:1.6;color:var(--muted,#a5adbd)}.ft-file-list{list-style:none;padding:0}.ft-file-list li{display:flex;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border,#344054)}.ft-file-list span{flex:1;overflow-wrap:anywhere}.ft-file-list button{padding:6px 10px;min-height:36px}.ft-main button{cursor:pointer;min-height:44px;border-radius:10px;font:inherit;font-weight:600;border:1px solid var(--border,#344054);padding:10px 16px}.ft-primary{background:#258b43;color:white;width:100%;margin-top:12px}.ft-secondary{background:transparent;color:inherit;margin-top:8px}.ft-main button:disabled{opacity:.6;cursor:wait}.ft-main :focus-visible{outline:3px solid #4cb76e;outline-offset:3px}.ft-main fieldset{border:0;padding:0;margin:0}.ft-main legend{font-weight:700;margin-bottom:16px}.ft-main #ft-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ft-main #ft-fields .wide{grid-column:1/-1}.ft-preview{margin:24px 0 0;border:1px solid var(--border,#344054);padding:12px;border-radius:12px}.ft-preview canvas{display:block;max-width:100%;max-height:420px;height:auto;margin:auto}.ft-preview figcaption{font-size:13px;margin-bottom:12px}.ft-main progress{width:100%;margin-top:16px;accent-color:#4cb76e}.ft-main #ft-status{overflow-wrap:anywhere;line-height:1.6}.ft-main #ft-output{display:grid;gap:12px}.ft-result{padding:16px;border:1px solid var(--border,#344054);border-radius:12px;overflow-wrap:anywhere}.ft-result a{display:inline-block;min-height:44px;padding:10px 0;font-weight:700}.ft-result p{font-size:13px;line-height:1.6}.ft-help{max-width:960px;margin-top:40px;line-height:1.75}.ft-help details{padding:16px 0;border-bottom:1px solid var(--border,#344054)}.ft-help summary{cursor:pointer;font-weight:600}.ft-render-stage{position:absolute;left:-12000px;top:0;width:900px;background:white;color:black}.ft-signature{background:white;touch-action:none;width:100%;height:140px;border-radius:10px}.ft-main .error{color:#ef8989}@media(min-width:1600px){.ft-main{width:100%;max-width:1900px}}@media(max-width:800px){.ft-columns{grid-template-columns:1fr}.ft-workbench{padding:18px}.ft-directory-head>label{flex:1;min-width:140px}.ft-directory-head h2{width:100%}}@media(max-width:420px){.ft-tools{grid-template-columns:1fr 1fr;gap:8px}.ft-tool{padding:12px}.ft-tool b{font-size:14px}.ft-tool span{font-size:12px}.ft-main #ft-fields{grid-template-columns:1fr}.ft-main #ft-fields .wide{grid-column:auto}.ft-file-list li{flex-wrap:wrap}}

.ft-page-icon,.ft-tool-icon{display:grid;place-items:center;background:var(--primary-soft);color:var(--accent-ink);border-radius:12px}.ft-page-icon{width:56px;height:56px;margin-bottom:18px}.ft-page-icon .i{width:30px;height:30px}.ft-tool-icon{width:36px;height:36px}.ft-tool-icon .i{width:21px;height:21px}