/* Ein Prat primitives come from the user-supplied design archive. */
:root{
 --font-ui:'Almoni','Assistant',Arial,sans-serif;
 --color-bg:var(--paper);--color-surface:var(--paper-0);--color-text:var(--ink);--color-muted:var(--ink-2);
 --color-primary:var(--prat-navy);--color-primary-hover:var(--prat-navy-800);--color-selected:#e7edf4;
 --color-border:#b8b09f;--color-input-border:#827c70;--color-success:#435a31;--color-error:#9b302b;
 --button-bg:var(--color-primary);--button-text:var(--paper-0);--input-bg:#fffcf6;
 --green:var(--color-primary);--muted:var(--color-muted);--line:var(--color-border);--lime:var(--prat-sage-200);
 font-family:var(--font-ui);font-size:17px;background:var(--color-bg);color:var(--color-text);
 --date-format-short:'dd.MM.yyyy';--time-format:'HH:mm';--currency-locale:'he-IL';--currency-code:'ILS';
}
html[dir=rtl] body{font-family:var(--font-ui);font-size:17px;line-height:1.7;letter-spacing:normal;word-spacing:.025em;background:var(--color-bg);color:var(--color-text)}
button,input,textarea,select{font-family:var(--font-ui);letter-spacing:normal;line-height:1.45;font-size:16px}
h1,h2,h3,.brand,.eyebrow,.section-caption,.paper-heading input.inline-page-title{letter-spacing:normal!important}
h1,h2,h3{color:var(--prat-navy);font-weight:700;line-height:1.35}h1{font-weight:800}p{line-height:1.7;color:var(--color-muted)}
button{background:var(--color-surface);border-color:var(--color-border);border-radius:8px;min-height:44px;color:var(--color-primary);font-weight:700;transition:background-color .15s,border-color .15s}
button:hover{background:var(--prat-sand-100);border-color:var(--prat-navy)}button:disabled{opacity:.5}
button.primary,.tabs button.active{background:var(--button-bg);color:var(--button-text);border-color:var(--button-bg)}button.primary:hover,.tabs button.active:hover{background:var(--color-primary-hover)}
:where(button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--prat-navy);outline-offset:3px}
input:not([type=checkbox]):not([type=radio]),textarea,select{color:var(--color-text);background:var(--input-bg);border-color:var(--color-input-border);border-radius:6px;min-height:44px}
input::placeholder,textarea::placeholder{color:#62675f;opacity:1}input[type=checkbox],input[type=radio]{accent-color:var(--prat-navy)}
input[dir=ltr],bdi{unicode-bidi:isolate}bdi{font-variant-numeric:tabular-nums}.ui-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle;pointer-events:none}
.top,.editing .top{background:var(--paper-0);border-bottom:1px solid var(--line);padding:12px 28px;gap:16px}.top .brand{display:flex;align-items:center;gap:12px;padding:0;border:0;background:transparent;min-height:52px;text-align:start}
.brand-seal{inline-size:52px;block-size:52px;object-fit:contain}.brand-wordmark{display:flex;flex-direction:column;line-height:1.15;font-size:30px;font-weight:800;color:var(--prat-navy)}.brand-wordmark small{font-size:14px;font-weight:400;margin:5px 0 0;color:var(--ink-2);display:block}
.top .tabs{gap:6px}.top .tabs button{min-width:80px;font-size:16px;background:transparent;border-color:transparent}.top .tabs button.active{background:var(--prat-navy);color:var(--paper-0)}
.prototype,.editing .prototype{background:var(--prat-sand-100);color:var(--prat-clay-800);font-size:14px;padding:6px 28px;border-bottom:1px solid #ded3be}
.tag{background:var(--prat-sage-200);color:var(--prat-navy-900);font-size:14px;border-radius:999px;padding:5px 12px}.muted,.hint{color:var(--ink-2)}.eyebrow{font-size:15px;color:var(--prat-olive-800)}
/* Workspace surfaces and hierarchy */
body.editing{background:var(--paper)}.editor-toolbar{background:var(--paper-0);padding:12px 28px;border-color:var(--line)}.editor-toolbar strong{font-size:20px;color:var(--prat-navy)}.editor-toolbar button{font-size:15px;min-height:40px;display:inline-flex;gap:6px;align-items:center}.save-state{font-size:14px;color:var(--color-success);margin-inline-start:16px}
.studio{grid-template-columns:230px minmax(360px,1fr) 290px}.studio-library,.studio-inspector{background:var(--paper-0);border-color:var(--line);padding:24px 20px}.studio-center{background:var(--paper);padding:24px 28px 40px}.section-caption{font-size:14px;color:var(--ink-2)}.studio h2{font-size:26px;font-weight:800;margin:12px 0 8px}.hint{font-size:15px;line-height:1.7}.studio-library input[type=search]{font-size:16px;background:var(--input-bg);border-color:var(--color-input-border);min-height:44px}
.field-library{gap:4px}.library-item{font-size:16px;min-height:44px;padding:7px 9px;background:transparent;font-weight:400;border-color:transparent;color:var(--ink)}.library-item:hover{background:var(--prat-sand-100);border-color:var(--prat-sand)}.type-icon{background:#ece9df;color:var(--prat-navy);width:30px;height:30px;border-radius:6px}.library-item small{color:var(--ink-2);font-size:17px}.library-note{font-size:16px;border-color:var(--line)}.library-note p{font-size:14px}
.page-tab{background:#e7e5da;border-color:var(--color-border);border-radius:8px;max-width:230px}.page-tab.active{background:var(--paper-0);border-color:var(--prat-navy);box-shadow:0 2px 0 var(--prat-navy)}.page-tab button{font-size:16px;color:var(--prat-navy);min-height:44px;line-height:1.4;font-weight:700}.page-number{font-size:14px;border-color:var(--color-border);background:var(--paper-0);padding:1px 6px}.add-page{font-size:16px;min-height:44px;color:var(--prat-navy);background:transparent}.page-actions{font-size:14px;color:var(--ink-2);margin-block:10px 18px}.page-actions button{font-size:14px;color:var(--prat-navy);min-height:38px}
.form-paper{background:var(--paper-0);border-color:var(--color-border);border-radius:12px;box-shadow:0 6px 24px #14233f08}.paper-heading{background:var(--paper-0);border-top:4px solid var(--prat-navy);padding:28px 28px 18px}.paper-heading .eyebrow{font-size:15px;color:var(--prat-olive-800)}.paper-heading input.inline-page-title{font-family:var(--font-ui);color:var(--prat-navy);font-size:36px;line-height:1.4;font-weight:800;background:transparent;border-color:transparent}.paper-heading p{font-size:14px;color:var(--ink-2)}
.edit-field{background:var(--paper-0);border-radius:8px;padding:10px 16px 18px}.edit-field:hover{background:#f7f2e8;border-color:#c4beaf}.edit-field.selected{background:#f2f4f4;border-color:var(--prat-navy);box-shadow:0 0 0 2px #23437712}.field-type{font-size:14px;color:var(--ink-2);display:inline-flex;align-items:center;gap:6px}.field-type .ui-icon{width:17px;height:17px}.drag-handle{min-width:36px;min-height:36px;color:var(--ink-2);background:transparent;cursor:grab}.field-actions{opacity:1;align-items:center}.field-actions button{color:var(--prat-navy);min-height:36px;min-width:32px}.field-actions .field-settings-button{font-size:14px}.edit-field input.inline-label{font-size:21px;font-weight:700;color:var(--ink);line-height:1.5;background:transparent;border-color:transparent;padding:3px 0}.edit-field input.inline-label:focus{border-color:var(--prat-navy);outline-color:var(--prat-navy)}
.field-description{font-size:16px;color:var(--ink-2)}.mock-control{font-size:16px;background:var(--input-bg);color:#61665f;border-color:var(--color-input-border);min-height:46px}.mock-options{font-size:16px;color:var(--ink-2)}.mock-options span{background:var(--input-bg);border-color:var(--color-input-border);padding:7px 12px}.field-condition{font-size:14px;background:var(--prat-sand-100);color:var(--prat-clay-800);display:flex;gap:6px;align-items:center}.required{color:var(--color-error);font-size:14px}
.drop-slot.drop-active:before{background:var(--prat-navy);height:3px}.drop-slot.drop-active span{background:var(--prat-navy);color:var(--paper-0);font-size:14px}.is-dragging .drop-slot{background:#e9e3d7}.drop-active.page-tab,.drop-active.empty-drop{outline-color:var(--prat-navy);background:var(--color-selected)}#drag-ghost{background:var(--prat-navy);color:var(--paper-0);font-family:var(--font-ui);font-size:17px;box-shadow:var(--shadow-md)}
.empty-drop{background:#f4f1e7;border-color:var(--prat-olive-800)}.empty-drop>span{color:var(--prat-navy)}.empty-drop h3{font-size:24px;font-weight:700}.empty-drop p{font-size:17px}.paper-end{border-color:var(--line);font-size:14px;color:var(--ink-2)}.paper-end button{background:var(--prat-sage-200);border-color:#829168;font-size:16px;color:var(--prat-navy-900);min-height:40px}.canvas-footnote{font-size:14px;color:var(--ink-2)}
.studio-inspector label{font-size:16px;color:var(--ink);margin-block:16px 7px}.studio-inspector input:not([type=checkbox]),.studio-inspector select,.studio-inspector textarea{font-size:17px;min-height:44px;border-color:var(--color-input-border);background:var(--input-bg);line-height:1.5}.studio-inspector .rule-box{background:#e9eddf;border:1px solid #c1c9ad;padding:4px 12px 12px}.ordering button{font-size:15px;min-height:44px}.inspector-footer{font-size:14px;color:var(--ink-2);border-color:var(--line)}.divider{background:var(--line)}.danger{color:var(--color-error)}
/* Home, form filling, flows and answer views share the same tokens. */
.hero h1{font-size:clamp(36px,4vw,58px);font-weight:800}.hero p{font-size:20px;max-inline-size:55ch}.card,.panel,.response,.flow-node,.runner,.canvas{background:var(--paper-0);border-color:var(--line);box-shadow:0 3px 12px #14233f05}.card-cover{background:var(--prat-navy);color:var(--paper-0);height:150px}.card:nth-child(2) .card-cover{background:var(--prat-sage-200);color:var(--prat-navy)}.card:nth-child(3) .card-cover{background:var(--prat-sand);color:var(--prat-navy)}.card-body h2{font-size:29px;font-weight:800}.big-number{font-family:'Assistant',Arial,sans-serif;opacity:.5;font-size:56px}.card-body p{font-size:18px}.runner-head{background:var(--paper-0);color:var(--prat-navy);border-bottom:3px solid var(--prat-gold)}.runner-head h1{color:var(--prat-navy)}.runner-head .eyebrow{color:var(--ink-2)}.runner-head h1{font-size:36px;font-weight:800}.runner-head .eyebrow{font-size:16px}.runner-body{padding:30px}.runner-body h2{font-size:27px;font-weight:700}.form-field label{font-size:19px}.form-field input,.form-field textarea,.form-field select{font-size:18px;min-height:48px}.form-field small,.form-field .muted{font-size:15px}.form-field input[type=checkbox],.form-field input[type=radio]{min-height:20px}.choice-group label.choice{background:var(--input-bg);border-color:var(--color-input-border);font-size:18px}.step{background:#7388aa}.step.done{background:var(--prat-sage-200)}.trace{font-size:17px}.trace h3{font-size:22px}.trace .muted{font-size:15px}.success{background:#e6edda;border:1px solid #92a479}.condition,.answer{background:#e9eddf}.review-row{border-color:var(--line)}.status-line{font-size:15px;color:var(--ink-2)}.error,.error-summary{color:var(--color-error);font-size:16px}.error-summary,.editor-errors{background:#fff1df;border-color:#aa7856}.editor-errors{font-size:16px}.invalid{border-color:var(--color-error)!important}#notice:not(:empty){background:var(--prat-navy-900);color:var(--paper-0);font-size:17px;inset-inline:22px;box-shadow:var(--shadow-md)}footer{font-size:14px;color:var(--ink-2)}
@media(max-width:1100px){.studio{grid-template-columns:190px minmax(300px,1fr) 255px}.studio-library,.studio-inspector{padding:20px 14px}.studio-center{padding:20px 16px}.library-item{gap:8px;font-size:16px}.editor-toolbar{padding:12px 20px}.editor-toolbar strong{font-size:18px}}
@media(max-width:850px){.studio{grid-template-columns:175px minmax(0,1fr)}.studio-inspector{grid-column:1/-1}.studio-center{padding:18px 14px}.brand-seal{inline-size:44px;block-size:44px}.top .tabs button{min-width:65px}.editor-toolbar>.row{gap:6px}.save-state{font-size:14px}}
@media(max-width:600px){.studio{display:flex}.top,.editing .top{padding:10px 16px}.top .brand{min-height:46px;gap:8px}.brand-wordmark{font-size:27px}.brand-wordmark small{display:block;font-size:13px}.brand-seal{inline-size:42px;block-size:42px}.editing .top>.primary{font-size:16px;min-height:44px;padding:8px 14px}.editing .top>.tabs button{font-size:16px;min-height:44px}.prototype,.editing .prototype{font-size:14px;padding:7px 16px}.editor-toolbar{padding:12px 16px}.editor-toolbar strong{font-size:18px}.editor-toolbar button{font-size:14px;min-height:44px;padding:6px 9px}.editor-toolbar .ui-icon{width:16px;height:16px}.studio-library{padding:14px 16px}.mobile-library-toggle{background:var(--prat-sage-200);border-color:#829168;color:var(--prat-navy-900);font-size:18px;min-height:46px}.field-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.library-item{font-size:16px;min-height:44px;gap:8px;border-color:var(--line)}.type-icon{width:26px;height:26px}.studio-center{padding:14px 10px}.page-tab button,.add-page{font-size:16px;min-height:44px}.page-actions{font-size:14px;flex-wrap:wrap}.page-actions button{font-size:14px;min-height:40px}.paper-heading{padding:22px 18px 12px}.paper-heading input.inline-page-title{font-size:31px}.field-stack{padding:0 10px}.edit-field{padding:8px 10px 16px}.edit-field input.inline-label{font-size:21px}.field-actions button,.drag-handle{min-height:44px;min-width:34px}.field-type{font-size:13px;gap:4px}.field-type .ui-icon{width:15px;height:15px}.field-actions .field-settings-button{font-size:14px;padding:4px}.studio-inspector{padding:22px 18px}.canvas-footnote{font-size:14px}.runner-head,.runner-body{padding:24px}.runner-head h1{font-size:32px}.hero p{font-size:19px}.mock-control{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.library-group{grid-column:1/-1;font-size:14px;font-weight:700;color:var(--ink-2);padding-block:12px 4px;text-align:start}.edit-field.selected .field-actions{background:var(--prat-navy);border-radius:6px;padding:0 3px}.edit-field.selected .field-actions button{color:var(--paper-0)}.edit-field.selected .field-actions button:hover{background:var(--prat-navy-800)}
@media(max-width:600px){.editor-toolbar>.row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:5px}.editor-toolbar>.row button{padding:6px 4px;font-size:14px;line-height:1.25;justify-content:center;gap:4px}.editor-toolbar [data-e=export] .ui-icon,.editor-toolbar [data-e=new] .ui-icon{display:none}}