:root{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --bg:#090b12;--bg-soft:#0d111b;--surface:#121722;--surface-2:#171d2b;--surface-3:#1d2434;
  --border:#262e41;--border-strong:#35405a;--text:#edf1f7;--muted:#8b96aa;--muted-2:#667085;
  --primary:#7c6df2;--primary-2:#5f52df;--primary-soft:rgba(124,109,242,.14);--accent:#35b8ff;
  --success:#29c98a;--success-soft:rgba(41,201,138,.13);--warning:#f4b74e;--danger:#ef6673;--danger-soft:rgba(239,102,115,.13);
  --radius:16px;--radius-sm:10px;--shadow:0 18px 55px rgba(0,0,0,.28);--shadow-sm:0 8px 24px rgba(0,0,0,.18);
  color:var(--text);background:var(--bg);line-height:1.45;color-scheme:dark;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% -10%,rgba(124,109,242,.16),transparent 28rem),var(--bg);color:var(--text)}
button,input,select,textarea{font:inherit}button{border:1px solid var(--border);border-radius:10px;padding:.62rem .9rem;background:var(--surface-2);color:var(--text);cursor:pointer;transition:.16s ease;min-height:40px}button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--border-strong);background:var(--surface-3)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.42;cursor:not-allowed}.primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));border-color:transparent;color:white;font-weight:750;box-shadow:0 8px 22px rgba(124,109,242,.22)}.primary:hover:not(:disabled){background:linear-gradient(135deg,#887af7,#6658e6)}.danger{border-color:rgba(239,102,115,.36);color:#ff9aa5;background:var(--danger-soft)}
input,select,textarea{width:100%;padding:.72rem .78rem;border:1px solid var(--border);border-radius:10px;background:#0d121c;color:var(--text);transition:.16s ease}textarea{min-height:96px;resize:vertical}input::placeholder,textarea::placeholder{color:#626d81}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid rgba(124,109,242,.36);outline-offset:2px;border-color:var(--primary)}
label{display:block;font-weight:650;font-size:.84rem;color:#cfd6e4;margin:.78rem 0}.field-label{font-weight:730;margin-bottom:.35rem;color:var(--text)}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.45rem,2vw,2rem);letter-spacing:-.03em}h2{font-size:1.08rem}h3{font-size:.98rem}.muted{color:var(--muted)}small{color:var(--muted)}hr{border:0;border-top:1px solid var(--border);margin:1rem 0}
.skip{position:fixed;left:-9999px;top:.75rem;z-index:999;background:white;color:#111;padding:.7rem 1rem;border-radius:8px}.skip:focus{left:.75rem}
.topbar{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.86rem 1.25rem;background:rgba(9,11,18,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.topbar strong{letter-spacing:.08em}.badge{display:inline-flex;align-items:center;font-size:.68rem;font-weight:800;letter-spacing:.05em;padding:.26rem .5rem;border:1px solid var(--border-strong);border-radius:999px;background:rgba(255,255,255,.04);color:#bec7d8}.session{display:flex;align-items:center;gap:.8rem;color:var(--muted);font-size:.85rem}.linkbtn{background:transparent}
.mainnav{display:flex;flex-wrap:wrap;gap:.5rem;padding:.85rem 1.25rem;background:rgba(13,17,27,.82);border-bottom:1px solid var(--border);position:sticky;top:58px;z-index:40;backdrop-filter:blur(16px)}.mainnav button{min-height:36px;padding:.45rem .75rem}
.workspace{padding:1.3rem;max-width:1760px;margin:auto}.login-card{max-width:460px;margin:8vh auto;background:linear-gradient(180deg,var(--surface),#0e131e);padding:2rem;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}
.toolbar{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:1rem}.toolbar>div{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.toolbar h1{margin:0}.editor-toolbar{position:sticky;top:112px;z-index:35;background:rgba(9,11,18,.88);backdrop-filter:blur(18px);margin:-.25rem -.25rem 1rem;padding:.72rem .25rem;border-bottom:1px solid rgba(255,255,255,.05)}
.editor-title-wrap{min-width:0}.editor-kicker{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.editor-title{font-size:1.15rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}.save-state{display:inline-flex;align-items:center;gap:.42rem;color:var(--muted);font-size:.78rem}.save-state::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted)}.save-state.dirty{color:var(--warning)}.save-state.dirty::before{background:var(--warning)}.save-state.saved{color:var(--success)}.save-state.saved::before{background:var(--success)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1rem}.card,.panel{background:linear-gradient(180deg,rgba(23,29,43,.96),rgba(17,22,33,.96));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card{padding:1rem}.card:hover{border-color:var(--border-strong)}.card h3{margin:.1rem 0 .45rem}.card-actions{display:flex;gap:.42rem;flex-wrap:wrap;margin-top:.9rem}.status{display:inline-flex;align-items:center;font-size:.72rem;font-weight:760;padding:.25rem .52rem;border-radius:999px;background:rgba(139,150,170,.12);color:#c5ccda;border:1px solid rgba(139,150,170,.18)}
.panel{padding:1rem}.settings-panel{margin-bottom:1rem}.settings-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem}.settings-head h2{margin:0}.general-grid{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:.7rem}.general-grid .span-2{grid-column:span 2}.general-grid .span-3{grid-column:span 3}
.editor-shell{display:grid;grid-template-columns:260px minmax(520px,1fr) 350px;gap:1rem;align-items:start}.palette,.properties{position:sticky;top:180px;max-height:calc(100vh - 195px);overflow:auto}.palette-head,.prop-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.palette-head h2,.prop-head h2{margin:0}.palette-search{margin-bottom:.8rem}.palette-groups{display:grid;gap:.9rem}.palette-group-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-weight:800;margin-bottom:.42rem}.palette-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.palette-grid button{text-align:left;padding:.5rem .55rem;font-size:.78rem;min-height:42px;background:#0e1420}.palette-grid button::before{content:attr(data-icon);display:inline-grid;place-items:center;width:22px;height:22px;margin-right:.35rem;border-radius:6px;background:var(--primary-soft);color:#bcb5ff;font-weight:800}.palette-footer{display:grid;gap:.45rem;margin-top:1rem}.palette-footer button{width:100%}
.canvas{min-height:600px;padding:0;overflow:hidden;background:radial-gradient(circle at 50% 0,rgba(124,109,242,.08),transparent 22rem),#0b1019}.canvas-top{display:flex;justify-content:space-between;align-items:center;gap:.65rem;padding:.75rem .9rem;border-bottom:1px solid var(--border);background:rgba(18,23,34,.78)}.canvas-top strong{font-size:.86rem}.device-switch{display:flex;gap:.3rem}.device-switch button{padding:.34rem .55rem;min-height:32px;font-size:.75rem}.device-switch button.active{background:var(--primary-soft);border-color:rgba(124,109,242,.45);color:#c8c3ff}.canvas-stage{padding:1.2rem;transition:.2s}.canvas-stage.mobile{max-width:430px;margin:auto}.canvas-stage.tablet{max-width:760px;margin:auto}
.page-tabs{display:flex;gap:.38rem;overflow-x:auto;padding:.75rem .9rem;border-bottom:1px solid var(--border);background:rgba(13,18,28,.88)}.page-tab{flex:0 0 auto;min-height:34px;padding:.38rem .65rem;font-size:.76rem}.page-tab.active{background:var(--primary-soft);border-color:rgba(124,109,242,.48);color:#d3ceff}
.page{border:1px solid var(--border);border-radius:14px;margin-bottom:1rem;background:rgba(17,22,33,.92);overflow:hidden}.page.active-page{border-color:rgba(124,109,242,.5);box-shadow:0 0 0 1px rgba(124,109,242,.15),0 18px 55px rgba(0,0,0,.17)}.page-head{display:grid;grid-template-columns:1fr auto;gap:.55rem;align-items:center;padding:.8rem;border-bottom:1px solid var(--border);background:rgba(25,31,45,.7)}.page-title-wrap{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem}.page-number{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--primary-soft);color:#c9c4ff;font-weight:850;font-size:.77rem}.page-head input{font-weight:780;background:transparent;border-color:transparent;padding:.42rem}.page-head input:hover,.page-head input:focus{background:#0d121c;border-color:var(--border)}.page-actions{display:flex;gap:.3rem}.page-actions button{min-height:32px;padding:.34rem .48rem}.fields{padding:.75rem;min-height:95px}.empty-drop{display:grid;place-items:center;min-height:110px;border:1px dashed var(--border-strong);border-radius:12px;color:var(--muted);text-align:center;padding:1rem;background:rgba(13,18,28,.44)}
.field-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.65rem;align-items:start;border:1px solid var(--border);background:linear-gradient(180deg,#151b28,#111722);border-radius:12px;padding:.72rem;margin:.5rem 0;transition:.16s ease}.field-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.field-card.selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.field-card.dragging{opacity:.5;transform:scale(.99)}.drag-handle{cursor:grab;color:#657087;padding:.18rem .08rem;font-size:1rem;user-select:none}.drag-handle:active{cursor:grabbing}.field-main{min-width:0}.field-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.field-type{font-size:.68rem;color:#aeb8ca;background:#0d121c;border:1px solid var(--border);padding:.16rem .38rem;border-radius:6px}.required-pill{font-size:.65rem;color:#ffb0b9}.field-key{font-size:.66rem;color:#647087;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.field-preview{margin-top:.62rem;padding:.58rem .65rem;background:#0d121c;border:1px solid #222b3d;border-radius:9px;color:#79869c;font-size:.78rem;min-height:36px;overflow:hidden}.field-preview .mini-choice{display:inline-flex;align-items:center;gap:.25rem;margin-right:.7rem}.field-preview .mini-dot{width:11px;height:11px;border:1px solid #526079;border-radius:50%}.field-preview .mini-check{border-radius:3px}.field-actions{display:flex;gap:.28rem;align-items:start}.field-actions button{padding:.27rem .4rem;min-height:30px;font-size:.73rem}
.properties{padding:0}.properties .prop-head{padding:.9rem 1rem;border-bottom:1px solid var(--border);margin:0;position:sticky;top:0;background:rgba(18,23,34,.96);z-index:2}.properties #props{padding:0 1rem 1rem}.prop-empty{padding:1.1rem 0;color:var(--muted);font-size:.86rem}.prop-section{padding-top:.85rem;border-top:1px solid var(--border);margin-top:.9rem}.prop-section-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:850;margin-bottom:.65rem}.toggle-line{display:flex;align-items:center;gap:.5rem;margin:.65rem 0}.toggle-line input{width:auto}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.option-row{display:grid;grid-template-columns:1.15fr .85fr auto;gap:.38rem;margin:.35rem 0}.option-row button{min-height:39px;padding:.35rem .5rem}.rules-panel{margin-top:1rem}.rules-header{display:flex;justify-content:space-between;align-items:center;gap:.65rem}.rules-table{width:100%;border-collapse:collapse}.rules-table td,.rules-table th{padding:.5rem;border-bottom:1px solid var(--border);text-align:left}.rules-table th{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:14px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.72rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem}
.message{padding:.5rem 0;min-height:1.4rem}.errorbox,.successbox{padding:.82rem;border-radius:10px;margin:.55rem 0}.errorbox{background:var(--danger-soft);border:1px solid rgba(239,102,115,.38);color:#ffb4bc}.successbox{background:var(--success-soft);border:1px solid rgba(41,201,138,.35);color:#b6f1d8}
/* PUBLIC */
.public-page{background:linear-gradient(160deg,#f8f9fc,#eef1f8);color:#182034;color-scheme:light}.public-page .skip:focus{background:#182034;color:white}.public-shell{max-width:900px;margin:2.2rem auto;padding:1rem}.public-page .toolbar{margin-bottom:.7rem}.public-page button{background:#fff;color:#20293b;border-color:#d9deea}.public-page button.primary{background:linear-gradient(135deg,#6b5bea,#5748d8);color:white;border:0}.public-page .badge{background:#1b2232;color:white;border:0}.public-form{background:#fff;border:1px solid #e1e5ee;border-radius:22px;padding:clamp(1.2rem,4vw,2.4rem);box-shadow:0 24px 80px rgba(36,44,75,.11);overflow:hidden}.public-form::before{content:"";display:block;height:5px;background:linear-gradient(90deg,#6b5bea,#35b8ff);margin:calc(-1 * clamp(1.2rem,4vw,2.4rem)) calc(-1 * clamp(1.2rem,4vw,2.4rem)) 1.65rem}.public-form h1{font-size:clamp(1.75rem,5vw,2.55rem);color:#182034;margin-bottom:.6rem}.public-form h2{color:#20283a;font-size:1.18rem}.public-form p{color:#657087}.public-page label{color:#30394a}.public-page input,.public-page select,.public-page textarea{background:#fff;border-color:#d8ddea;color:#20283a}.public-page input:focus-visible,.public-page select:focus-visible,.public-page textarea:focus-visible{border-color:#6b5bea;outline:3px solid rgba(107,91,234,.15)}.public-field{margin:1.18rem 0}.public-field .field-label{color:#252d3e;font-size:.91rem}.help{font-size:.79rem;color:#7a8497;margin-top:.25rem}.error-text{color:#c73949;min-height:.2rem}.inline-options{display:flex;flex-wrap:wrap;gap:.58rem}.inline-options label{font-weight:500;margin:0;display:flex;align-items:center;gap:.42rem;border:1px solid #e0e4ec;border-radius:10px;padding:.58rem .72rem;background:#fafbfc;cursor:pointer}.inline-options label:has(input:checked){border-color:#7c6df2;background:#f2f0ff;color:#4b3fb8}.inline-options input{width:auto}.progress{height:7px;background:#e9ecf3;border-radius:99px;overflow:hidden;margin:1.15rem 0 1.45rem}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#6b5bea,#35b8ff);transition:width .25s}.matrix{width:100%;border-collapse:collapse}.matrix th,.matrix td{border:1px solid #e0e4ed;padding:.52rem;text-align:center;color:#343d50}.matrix th:first-child{text-align:left}.navrow{display:flex;justify-content:space-between;gap:.7rem;margin-top:1.4rem;padding-top:1rem;border-top:1px solid #edf0f5}.section-title{border-top:1px solid #e4e7ee;padding-top:1.1rem}.hidden{display:none!important}
@media(max-width:1320px){.editor-shell{grid-template-columns:220px minmax(460px,1fr) 310px}.general-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1050px){.editor-shell{grid-template-columns:1fr}.palette,.properties{position:static;max-height:none}.palette-grid{grid-template-columns:repeat(4,1fr)}.canvas-stage{padding:.8rem}.editor-toolbar{top:112px}.properties .prop-head{position:static}.general-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.workspace{padding:.75rem}.topbar{align-items:flex-start;flex-direction:column}.mainnav{top:91px;padding:.65rem .75rem}.editor-toolbar{top:150px}.editor-title{max-width:72vw}.palette-grid{grid-template-columns:repeat(2,1fr)}.general-grid{grid-template-columns:1fr}.general-grid .span-2,.general-grid .span-3{grid-column:span 1}.page-head{grid-template-columns:1fr}.page-actions{justify-content:flex-end}.field-card{grid-template-columns:auto minmax(0,1fr)}.field-actions{grid-column:2;justify-content:flex-end}.public-shell{margin:.4rem auto;padding:.5rem}.public-form{border-radius:16px}.navrow{align-items:stretch}.navrow>div{display:flex;gap:.45rem}.navrow button{flex:1}.inline-options{flex-direction:column;align-items:stretch}.matrix{min-width:620px}}
.integration-details{margin-top:1rem;border-top:1px solid var(--border);padding-top:.9rem}.integration-details summary{cursor:pointer;font-weight:800;color:#cbd3e2;list-style:none}.integration-details summary::-webkit-details-marker{display:none}.integration-details summary::before{content:'＋';display:inline-block;margin-right:.45rem;color:#9d94ff}.integration-details[open] summary::before{content:'−'}.integration-grid{margin-top:.6rem}.response-filters{margin-bottom:1rem}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:.7rem;align-items:end}.filter-actions{display:flex;gap:.45rem;align-items:center;padding-bottom:.78rem}.filter-actions button{flex:1}
@media(max-width:1050px){.filter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.filter-grid{grid-template-columns:1fr}.filter-actions{padding-bottom:0}}
.page-title-fields{display:grid;gap:.28rem;min-width:0}.page-title-fields input:last-child{font-size:.76rem;font-weight:500;color:var(--muted)}
.big-stat{font-size:2rem;font-weight:850;margin-top:.35rem}.stats-detail-grid{margin-bottom:1.2rem}.stat-detail{display:grid;gap:.7rem}.stat-metrics{display:flex;gap:.5rem;flex-wrap:wrap}.stat-metrics span{font-size:.78rem;color:var(--muted);background:#0d121c;border:1px solid var(--border);border-radius:999px;padding:.28rem .5rem}.stat-metrics b{color:var(--text)}.stat-options{display:grid;gap:.28rem}.stat-options>div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid rgba(255,255,255,.05);padding:.28rem 0;font-size:.8rem}.stat-detail details{border-top:1px solid var(--border);padding-top:.55rem}.stat-detail summary{cursor:pointer;color:#cbd3e2;font-size:.8rem}.stat-detail ul{padding-left:1.1rem;color:var(--muted);font-size:.8rem}.mini-table-wrap{max-height:150px;overflow:auto;margin-top:.45rem}.mini-table{width:100%;border-collapse:collapse}.mini-table td{padding:.28rem .2rem;border-bottom:1px solid var(--border);font-size:.78rem}.mini-table td:last-child{text-align:right;font-weight:800}

/* V13 · PUBLIC ACCESSIBILITY + RESPONSE DIRECTORY */
html:has(body.public-page){background:#eef1f8!important;color-scheme:light!important}
body.public-page{background:linear-gradient(160deg,#f8f9fc,#eef1f8)!important;color:#182034!important;color-scheme:light!important}
.public-page .public-form,.public-page .form-page,.public-page .public-field{background:#fff!important;color:#182034!important}
.public-page .public-form h1,.public-page .public-form h2,.public-page .public-form h3,.public-page .field-label,.public-page label,.public-page legend{color:#182034!important}
.public-page .public-form p,.public-page .help,.public-page .muted{color:#5f687a!important}
.public-page input,.public-page select,.public-page textarea,.public-page option{background:#fff!important;color:#182034!important;border-color:#cbd3df!important;color-scheme:light!important}
.public-page input::placeholder,.public-page textarea::placeholder{color:#697386!important;opacity:1}
.public-page .inline-options label{background:#f8fafc!important;color:#1f2937!important;border-color:#cfd7e4!important}
.public-page .inline-options label:has(input:checked){background:#eeebff!important;color:#352b91!important;border-color:#6b5bea!important}
.public-page input[type=radio],.public-page input[type=checkbox]{accent-color:#5f52df}
.public-page .matrix,.public-page .matrix th,.public-page .matrix td{background:#fff!important;color:#1f2937!important;border-color:#d6dde8!important}
.public-page .successbox{background:#eaf9f2!important;color:#145c42!important;border-color:#9fdec6!important}
.public-page .successbox .muted{color:#42695a!important}
.return-to-publisher{margin-top:.7rem;display:inline-flex!important;align-items:center;justify-content:center}
.response-pager{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin:.75rem 0;padding:.7rem .8rem;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.response-pager>span{color:var(--muted);font-size:.8rem}.response-pager>div{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.response-pager strong{font-size:.82rem;color:var(--text)}
.response-actions{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}
@media(max-width:700px){.response-pager{align-items:stretch}.response-pager>div{justify-content:space-between}.response-actions{flex-direction:column;align-items:stretch}}