:root{--font:"Inter var",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--text:#1e1e1e;--text-2:#6b6b6b;--text-3:#9b9b9b;--border:#e5e5e5;--border-2:#d4d4d4;--bg-hover:#f5f5f5;--bg-soft:#fafafa;--accent:#1e1e1e;--danger:#d33a2f;--green:#22936c;--radius:8px;--shadow-pop:0 4px 24px rgba(0,0,0,0.12),0 0 0 1px rgba(0,0,0,0.04)}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font);color:var(--text);background:#fff;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:var(--radius);padding:6px 14px;font-size:14px;font-weight:500;cursor:pointer;background:transparent;white-space:nowrap;transition:background .1s,border-color .1s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#000}.btn-outline{border-color:var(--border-2);background:#fff}.btn-outline:hover{background:var(--bg-hover)}.btn-ghost{color:var(--text-2)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text)}.btn-danger{color:var(--danger)}.btn-danger:hover{background:#fdeceb}.btn:disabled{opacity:.5;cursor:default}.btn.published{color:var(--green);border-color:#bfe3d4}.input,.select,.textarea{width:100%;border:1px solid var(--border-2);border-radius:var(--radius);padding:8px 12px;font-size:15px;background:#fff;outline:none;transition:border-color .1s,box-shadow .1s}.input:focus,.select:focus,.textarea:focus{border-color:var(--text);box-shadow:0 0 0 3px rgba(30,30,30,.08)}.textarea{resize:vertical;min-height:70px}.field-hint{font-size:12.5px;color:var(--text-3);margin-top:4px}.field-error{font-size:13px;color:var(--danger);margin-top:6px}.dash{max-width:760px;margin:0 auto;padding:48px 24px}.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.dash-logo{font-size:20px;font-weight:700;letter-spacing:-.02em}.dash-logo .tld{color:var(--text-3);font-weight:500}.form-row{display:flex;align-items:center;gap:14px;padding:14px 12px;border-bottom:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.form-row:hover{background:var(--bg-soft)}.form-row-title{font-weight:600;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-row-meta{font-size:13px;color:var(--text-3);white-space:nowrap}.badge{font-size:12px;font-weight:500;padding:2px 8px;border-radius:20px;white-space:nowrap}.badge.draft{background:#f1f0ef;color:var(--text-2)}.badge.live{background:#e5f3ec;color:var(--green)}.badge.closed{background:#fdeceb;color:var(--danger)}.badge.ws{background:#e7f0fd;color:#2e5eaa}.row-actions{display:flex;gap:2px;opacity:0;transition:opacity .1s}.form-row:hover .row-actions{opacity:1}.icon-btn{border:none;background:transparent;border-radius:6px;padding:5px 8px;cursor:pointer;color:var(--text-2);font-size:14px}.icon-btn:hover{background:var(--bg-hover);color:var(--text)}.icon-btn.danger:hover{background:#fdeceb;color:var(--danger)}.empty-state{text-align:center;color:var(--text-3);padding:80px 0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;height:56px;padding:0 16px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:6px;min-width:0}.topbar-title{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.save-state{font-size:12.5px;color:var(--text-3);margin-left:6px;white-space:nowrap}.canvas{max-width:640px;margin:0 auto;padding:56px 24px 160px}.form-title-input{width:100%;border:none;outline:none;font-size:32px;font-weight:700;letter-spacing:-.02em;padding:0 0 8px;background:transparent}.form-title-input::placeholder{color:#d0d0d0}.block{position:relative;padding:8px 0;border-radius:var(--radius)}.block.selected{background:var(--bg-soft);box-shadow:0 0 0 8px var(--bg-soft)}.block-side{position:absolute;left:-58px;top:8px;display:flex;gap:2px;opacity:0;transition:opacity .1s}.block.selected .block-side,.block:hover .block-side{opacity:1}.side-btn{border:none;background:transparent;color:var(--text-3);font-size:16px;border-radius:6px;padding:2px 6px;cursor:pointer}.side-btn:hover{background:var(--bg-hover);color:var(--text)}.side-btn.drag{cursor:-webkit-grab;cursor:grab}.block-heading{font-size:22px;font-weight:700}.block-heading,.block-text{width:100%;border:none;outline:none;background:transparent;padding:0}.block-text{resize:none;color:var(--text-2)}.block-heading::placeholder,.block-text::placeholder{color:#d0d0d0}.q-label-row{display:flex;align-items:center;gap:6px;margin-bottom:8px}.q-label-input{flex:1 1;border:none;outline:none;background:transparent;font-weight:500;font-size:15px;padding:0}.q-label-input::placeholder{color:#c6c6c6}.req-star{color:var(--danger);font-weight:600}.logic-badge{font-size:12px;color:#6f5fc4;background:#f0eefb;border-radius:4px;padding:1px 6px}.ph-input{border:1px solid var(--border);background:var(--bg-soft);border-radius:var(--radius);padding:8px 12px;color:var(--text-3);font-size:14px}.ph-input.tall{min-height:64px}.ph-stars{color:#d9d9d9;font-size:22px;letter-spacing:4px}.opt-row{display:flex;align-items:center;gap:8px;padding:4px 0}.opt-mark{color:var(--text-3);font-size:15px;width:18px;text-align:center;flex:none}.opt-text{color:var(--text-2)}.opt-input{flex:1 1;outline:none;background:transparent;border:none;border-bottom:1px dashed transparent;padding:2px 0}.opt-input:focus{border-bottom-color:var(--border-2)}.opt-del{border:none;background:none;color:var(--text-3);cursor:pointer;border-radius:4px;padding:2px 6px}.opt-del:hover{color:var(--danger);background:#fdeceb}.opt-add{border:none;background:none;color:var(--text-3);cursor:pointer;padding:4px 0 0 26px;font-size:14px}.opt-add:hover{color:var(--text)}.block-toolbar{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:10px;padding-top:8px;border-top:1px solid var(--border)}.bt-type{font-size:12.5px;color:var(--text-3);margin-right:8px}.bt-btn{border:none;background:transparent;border-radius:6px;padding:4px 10px;font-size:13px;color:var(--text-2);cursor:pointer}.bt-btn:hover{background:#ececec;color:var(--text)}.bt-btn.danger:hover{background:#fdeceb;color:var(--danger)}.bt-req{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-2);cursor:pointer;padding:4px 8px}.add-row{position:relative;padding:16px 0}.insert-menu{position:absolute;z-index:30;top:100%;left:0;width:280px;max-height:340px;overflow-y:auto;background:#fff;border-radius:10px;box-shadow:var(--shadow-pop);padding:6px}.insert-menu button{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;text-align:left;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:14px}.insert-menu button:hover{background:var(--bg-hover)}.fi{width:26px;height:26px;border-radius:6px;display:inline-flex;align-items:center;font-size:13px;font-weight:600;flex:none}.fi,.overlay{justify-content:center}.overlay{position:fixed;inset:0;z-index:50;background:rgba(15,15,15,.45);display:flex;align-items:flex-start;padding:8vh 16px;overflow-y:auto}.modal{background:#fff;border-radius:12px;width:600px;max-width:100%;padding:24px 28px 28px;box-shadow:var(--shadow-pop)}.modal h2{margin:0 0 4px;font-size:18px}.modal-sub{color:var(--text-3);font-size:13.5px;margin:0 0 20px}.modal-section{border-top:1px solid var(--border);padding:18px 0}.modal-section h3{margin:0 0 12px;font-size:14.5px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.modal-field{margin-bottom:12px}.modal-field label{display:block;font-size:13px;font-weight:500;margin-bottom:5px;color:var(--text-2)}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.check-row{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;margin-bottom:12px}.test-result{font-size:13px;margin-left:10px}.test-result.ok{color:var(--green)}.test-result.err{color:var(--danger)}.cond-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.cond-row .input,.cond-row .select{font-size:13.5px;padding:6px 8px}.cond-del{border:none;background:none;color:var(--text-3);cursor:pointer;font-size:15px}.cond-del:hover{color:var(--danger)}.form-page{max-width:640px;margin:0 auto;padding:72px 24px 96px}.form-page h1{font-size:30px;font-weight:700;letter-spacing:-.02em;margin:0 0 28px}.form-page .fp-heading{font-size:21px;font-weight:700;margin:28px 0 4px}.form-page .fp-text{color:var(--text-2);margin:12px 0;white-space:pre-wrap}.fp-q{margin:0 0 26px}.fp-label{display:block;font-weight:500;margin-bottom:8px}.fp-option{display:flex;align-items:center;gap:10px;border:1px solid var(--border-2);border-radius:var(--radius);padding:10px 14px;margin-bottom:8px;cursor:pointer;transition:border-color .1s,background .1s}.fp-option.checked,.fp-option:hover{background:var(--bg-soft)}.fp-option.checked{border-color:var(--text)}.fp-option input{accent-color:var(--accent);width:16px;height:16px}.fp-stars{display:flex;gap:6px}.fp-star{border:none;background:none;font-size:30px;color:#dcdcdc;cursor:pointer;padding:0 2px;transition:color .1s,transform .05s}.fp-star:hover{transform:scale(1.12)}.fp-star.on{color:#f5a623}.fp-submit{margin-top:8px;padding:10px 26px;font-size:15px;border-radius:9px}.fp-footer{margin-top:64px;font-size:12.5px;color:var(--text-3);text-align:center}.fp-center{text-align:center;padding:120px 24px;max-width:520px;margin:0 auto}.fp-center .big{font-size:44px;margin-bottom:12px}.fp-center h1{font-size:26px;margin:0 0 10px}.fp-center p{color:var(--text-2);white-space:pre-wrap}.resp-wrap{max-width:1100px;margin:0 auto;padding:32px 24px}.resp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.resp-head h1{font-size:22px;margin:0}.table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:10px}table.resp{border-collapse:collapse;width:100%;font-size:14px}table.resp td,table.resp th{text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.resp th{background:var(--bg-soft);font-weight:600;font-size:13px;color:var(--text-2)}table.resp tr:last-child td{border-bottom:none}table.resp tr:hover td{background:var(--bg-soft)}.loading{text-align:center;color:var(--text-3);padding:120px 0}.pb-divider{display:flex;align-items:center;gap:12px;padding:10px 0;color:var(--text-3);font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pb-line{flex:1 1;height:1px;background:var(--border-2)}.pb-label{display:inline-flex;align-items:center;gap:6px;font-weight:500;white-space:nowrap}.fp-progress{margin-bottom:28px}.fp-progress-bar{height:4px;border-radius:4px;background:var(--border);overflow:hidden}.fp-progress-fill{height:100%;background:var(--accent);transition:width .25s}.fp-progress-text{display:block;font-size:12.5px;color:var(--text-3);margin-top:6px}.fp-nav{display:flex;gap:10px}.fp-file-drop{display:block;border:1.5px dashed var(--border-2);border-radius:var(--radius);padding:18px 16px;text-align:center;color:var(--text-2);font-size:14px;cursor:pointer;transition:border-color .1s,background .1s}.fp-file-drop:hover{border-color:var(--text);background:var(--bg-soft)}.fp-file-drop.busy{opacity:.6;cursor:wait}.fp-file-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--border);font-size:14px}.fp-file-row a{color:#2e5eaa;text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-file-size{color:var(--text-3);font-size:12.5px;margin-left:auto;white-space:nowrap}.opt-grab{color:var(--text-3);cursor:-webkit-grab;cursor:grab;font-size:13px;flex:none}.opt-grab:active{cursor:-webkit-grabbing;cursor:grabbing}.block.dragging{opacity:.35}.block.drop-target:before{content:"";position:absolute;top:-3px;left:0;right:0;height:3px;border-radius:2px;background:#2e5eaa}.opt-row{position:relative}.opt-row.dragging{opacity:.35}.opt-row.drop-target:before{content:"";position:absolute;top:-2px;left:24px;right:0;height:2.5px;border-radius:2px;background:#2e5eaa}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-soft)}.auth-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:32px;width:380px;max-width:100%;box-shadow:0 8px 30px rgba(0,0,0,.06)}.auth-card h1{font-size:20px;margin:0 0 14px}.user-chip{font-size:13.5px;color:var(--text-2);background:var(--bg-hover);border-radius:20px;padding:4px 12px;white-space:nowrap}.user-row{display:flex;align-items:center;gap:12px;padding:8px 4px;border-bottom:1px solid var(--border)}.user-row-name{font-weight:500;flex:1 1}.fp-draft-note{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--text-2);background:#fbf3db;border:1px solid #f0e3bb;border-radius:var(--radius);padding:8px 12px;margin-bottom:22px}.fp-draft-note button{border:none;background:none;color:#c29343;font-weight:500;cursor:pointer;text-decoration:underline;padding:0}.fp-tg-done{display:flex;align-items:center;gap:10px}.fp-tg-chip{display:inline-flex;align-items:center;gap:6px;background:#e7f3f8;color:#1d7fb3;border-radius:20px;padding:6px 14px;font-size:14px;font-weight:500}.fp-tg-widget{min-height:44px}@media (max-width:720px){.block-side{position:static;opacity:1;margin-bottom:4px}.topbar{overflow-x:auto}.modal-grid{grid-template-columns:1fr}}