/* Studio 0.3: semantic tokens and compact work surfaces. */
:root{--studio-bg:#f3f5f9;--studio-surface:#fff;--studio-line:#dce2eb;--studio-text:#23314a;--studio-muted:#526078;--studio-active:#eaf0fb;--studio-radius:10px;--paper:#f3f5f9;--paper-0:#fff;--input-bg:#fff;--line:#dce2eb;--color-border:#dce2eb;--color-input-border:#a3afc0;--ink:#23314a;--ink-2:#526078;--color-bg:#f3f5f9;--color-text:#23314a;--color-muted:#526078}
html[dir=rtl] body{font-size:18px;background:var(--studio-bg);color:var(--studio-text)}
button{font-weight:700;border-radius:7px}button:hover{background:#edf2fa;border-color:#bdcbe0}
input:not([type=checkbox]):not([type=radio]),select,textarea{border-color:#a3afc0;background:#fff;font-size:17px;color:var(--studio-text);border-radius:7px}input::placeholder,textarea::placeholder{color:#59667a}
.app-header{display:flex;align-items:center;gap:24px;min-height:76px;padding:12px 28px;background:#fff;border-bottom:1px solid var(--studio-line);flex-shrink:0}
.app-header .brand{display:flex;align-items:center;gap:8px;background:transparent;border:0;padding:0;min-height:36px;font-size:26px;flex-shrink:0}.app-header .brand-seal{inline-size:36px;block-size:36px}
.header-document{min-width:120px;max-width:330px;flex:1}.header-document>span{font-size:12px;color:var(--studio-muted);display:block;line-height:1.3}.header-document>input{font-size:22px!important;font-weight:700;border:1px solid transparent!important;padding:2px 0!important;min-height:32px!important;line-height:1.3;background:transparent!important;color:var(--prat-navy)!important}.header-document>input:hover{border-color:var(--studio-line)!important}.header-document>strong{font-size:22px;line-height:1.3}
.header-context{margin-inline-start:auto;min-width:0}.header-actions{display:flex;gap:8px;flex-shrink:0}.header-actions button{min-height:40px;padding:8px 15px;font-size:16px}
.app-header .service-bar{background:transparent;border:0;padding:0;display:flex;flex-direction:column-reverse;align-items:start;gap:2px;font-size:13px}.app-header .service-actions{align-items:center;gap:6px}.app-header #server-status{font-size:12px;color:#527056;max-width:320px;overflow-wrap:anywhere;line-height:1.3}.app-header .service-bar[data-state=error] #server-status{color:#a1372d}.app-header .workspace-switch{font-size:0;gap:0}.app-header .workspace-switch select{font-size:15px;min-height:32px;max-width:210px;border:0;background:#f2f5fa;padding:4px 9px}.app-header .service-actions>span,.app-header [data-service=retry]{display:none}.app-header .service-actions>button{font-size:12px;min-height:28px;padding:2px 7px;border-color:transparent;background:transparent}.app-header [data-service=workspaces]{max-width:92px;line-height:1.2}
.workspace-commandbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 28px;min-height:48px;border-bottom:1px solid var(--studio-line);background:#fff;flex-shrink:0}.workspace-commandbar .tabs{gap:8px}.workspace-commandbar .tabs button{background:transparent;border:0;border-radius:0;min-height:47px;padding:10px 15px;color:var(--studio-muted);font-size:17px;border-bottom:2px solid transparent}.workspace-commandbar .tabs button.active{background:transparent;color:var(--prat-navy);border-bottom-color:var(--prat-navy)}.editor-tools{display:flex;align-items:center;gap:5px}.editor-tools button{min-height:32px;padding:5px 9px;background:transparent;border-color:transparent;font-size:14px;display:flex;align-items:center;gap:5px}.editor-tools .ui-icon{width:16px;height:16px}
.studio{max-width:1920px;margin-inline:auto;background:var(--studio-bg);grid-template-columns:240px minmax(320px,1fr) 310px}.studio-library,.studio-inspector{background:#fff;border-color:var(--studio-line)}.studio-library{padding:18px 14px}.studio-inspector{padding:22px}.studio-center{padding-inline:clamp(20px,4vw,70px);background:var(--studio-bg)}
.library-tabs{display:flex;gap:4px;padding:3px;margin-bottom:16px;background:#f0f3f8;border-radius:8px}.library-tabs button{flex:1;border:0;background:transparent;font-size:16px;padding:7px 5px;min-height:36px}.library-tabs button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #24365312;border-radius:6px}.studio-library #field-search{font-size:16px;min-height:40px;padding:9px 11px;margin-bottom:12px}
.field-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.library-group{grid-column:1/-1;color:var(--studio-muted);font-size:13px;padding:14px 3px 4px}.library-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:75px;padding:10px 6px;background:#fff;border:1px solid var(--studio-line);border-radius:8px;font-size:16px;line-height:1.15;font-weight:400}.library-item:hover{border-color:#8fa8cf;background:#f4f7fc;box-shadow:0 2px 8px #23437709}.library-item .type-icon{background:#eef2f8;color:var(--prat-navy);width:29px;height:29px;border-radius:6px;display:grid;place-items:center}.library-item small{display:none}.library-item .ui-icon{width:18px;height:18px}
.form-outline{display:flex;flex-direction:column;gap:18px}.outline-page>button{width:100%;display:flex;align-items:center;gap:8px;text-align:start;min-height:38px;padding:8px;border:0;background:transparent;font-size:16px;font-weight:400}.outline-page>button:first-child{font-weight:700;color:var(--studio-muted);font-size:15px}.outline-page>button.active{background:var(--studio-active);color:var(--prat-navy)}.outline-page>button .ui-icon{width:16px;height:16px}.outline-page>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.page-strip{background:var(--studio-bg);padding-block:20px 12px;min-height:68px;max-width:820px;margin-inline:auto}.page-tab button,.add-page{font-size:15px;min-height:38px;border-radius:7px}.page-tab.active button{box-shadow:none;background:#fff;border-color:#8da5cc}.page-actions{max-width:820px;margin-inline:auto;margin-bottom:18px;color:var(--studio-muted);font-size:14px}.page-actions button{font-size:13px;min-height:30px;padding:4px 8px;background:transparent;border-color:transparent}
.form-paper{max-width:820px;border:1px solid var(--studio-line);box-shadow:0 5px 24px #263b5b08;border-radius:12px;background:#fff}.paper-heading{border-top:0;padding:28px 38px 22px;border-bottom:1px solid #edf0f5;margin-bottom:4px}.paper-heading .eyebrow{font-size:14px;color:var(--studio-muted)}.paper-heading input.inline-page-title{font-size:33px;color:var(--prat-navy);padding:0;line-height:1.3}.paper-heading p{display:none}.field-stack{padding-inline:26px}.edit-field{padding:9px 16px 21px;border-radius:8px}.edit-field.selected{background:#fff;box-shadow:0 0 0 3px #23437709;border-color:#7594c5}.edit-field:not(.selected):hover{background:#fafbfe;border-color:#dce4f0}.edit-field input.inline-label{font-size:22px;min-height:38px;line-height:1.4;padding:0 2px}.field-topline{min-height:26px}.field-type{font-size:12px;color:#526078}.drag-handle{min-height:26px;min-width:24px}.drag-handle .ui-icon{width:16px}.field-actions button{font-size:13px;min-height:28px}.field-description{font-size:16px;color:var(--studio-muted);margin-top:1px}.builder-control input,.builder-control textarea,.builder-control select{width:100%;border-color:#b5c0cf;min-height:46px;background:#fff;font-size:18px}.builder-control fieldset{border:0;padding:0;margin:0}.builder-control legend{display:none}.builder-control .choice-group label.choice{border:1px solid #e1e6ef;border-radius:7px;background:#fff;font-size:18px;margin:7px 0}.builder-control .field-hint{font-size:13px;margin:6px 0 0}.paper-end{border-color:#edf0f5;background:#fafbfd;padding:14px 30px;border-radius:0 0 12px 12px}.paper-end button{background:#edf2fb;border:1px dashed #9fb1cf;color:var(--prat-navy);font-size:15px;min-height:36px}.paper-end>span{font-size:13px;color:var(--studio-muted)}.drop-slot{height:22px}
.inspector-heading h2{font-size:25px}.studio-inspector .section-caption{font-size:12px;color:var(--studio-muted)}.live-badge{display:none}.inspector-tabs{background:#f0f3f8;margin-block:12px 20px;top:-22px}.inspector-tabs button.active{background:#fff;border-color:#d6deeb;box-shadow:none}.studio-inspector label{font-size:16px;margin-top:17px;color:var(--studio-text)}.studio-inspector input,.studio-inspector select{font-size:17px;min-height:42px;padding:10px 11px}.studio-inspector .switch-row{border-color:#e1e7f0;background:#f7f9fc;font-size:16px}.studio-inspector .switch-row input{width:19px;height:19px;min-height:19px}.options-heading{font-size:17px}.option-row input{border-color:#c0cbda}.option-row{gap:5px}.field-specific-settings{border-top:1px solid var(--studio-line);margin-top:24px;padding-top:7px}.field-specific-settings h3{font-size:17px;margin:14px 0 5px}.field-hint{font-size:14px;line-height:1.6;color:var(--studio-muted)}.studio-inspector .limits{align-items:start}.studio-inspector .limits label{flex:1;min-width:0;font-size:14px}.editor-errors{border-color:#e7c2ba;background:#fff6f2;font-size:15px;margin-bottom:18px}
.shell{max-width:1450px}.hero{padding:10px 0 28px}.hero h1{font-size:38px}.hero p{font-size:18px}.card{border-color:var(--studio-line);box-shadow:0 2px 10px #24365304;border-radius:10px}.card-cover{height:70px;background:#eef2f9!important;padding:16px 22px}.card-cover .big-number{font-size:35px}.card-body{padding:20px}.card-body h2{font-size:26px}.card-body button{font-size:15px;min-height:36px;padding:7px 10px}.card-body .service-status{font-size:13px}.card-body p{font-size:16px}.home-search{min-height:40px!important}.service-panel{background:#fff}.ai-dialog{background:#fff}.field-condition{background:#eff3fb;color:#526a8f;border:0}
@media(min-width:851px){.editing #app{height:100dvh;display:flex;flex-direction:column}.studio{width:100%;flex:1;min-height:0}.studio-library,.studio-inspector,.studio-center{height:100%;overflow-y:auto}.app-header,.workspace-commandbar{flex-shrink:0}.editing footer{display:none}}
@media(min-width:851px) and (max-width:1200px){.app-header{gap:14px;padding-inline:18px}.header-document{max-width:230px}.header-document>input{font-size:20px!important}.app-header .workspace-switch select{max-width:150px}.app-header [data-service=workspaces]{display:none}.studio{grid-template-columns:200px minmax(300px,1fr) 280px}.studio-center{padding-inline:20px}.studio-inspector{padding-inline:16px}.field-stack{padding-inline:16px}.library-item{font-size:15px}.workspace-commandbar{padding-inline:18px}.workspace-commandbar .tabs{gap:3px}.workspace-commandbar .tabs button{padding-inline:10px}}
@media(max-width:850px){.app-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 12px;padding:12px 16px}.header-document{max-width:none;min-width:0}.header-document>input{font-size:21px!important}.header-actions{gap:5px}.header-actions button{font-size:14px;padding:7px 10px}.header-context{grid-column:1/-1;margin:0}.app-header .service-bar{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.app-header .service-actions{flex-wrap:wrap}.app-header .workspace-switch select{max-width:190px}.app-header #server-status{max-width:170px}.app-header .brand{font-size:0}.app-header .brand-seal{inline-size:32px;block-size:32px}.workspace-commandbar{display:block;padding:0 12px;overflow-x:auto}.workspace-commandbar .tabs{display:flex;gap:0;overflow:visible;width:max-content}.workspace-commandbar .tabs button{min-height:44px;font-size:16px;padding:9px 13px}.editor-tools{padding-block:5px;border-top:1px solid var(--studio-line)}.editor-tools button{min-height:36px;font-size:14px}.studio{max-width:none;width:100%}.studio-library{padding:12px 16px}.library-tabs{margin:10px 0}.field-library{grid-template-columns:repeat(3,minmax(0,1fr))}.library-item{min-height:68px}.studio-center{padding:12px}.studio-inspector{padding:22px 18px;margin:12px;border-radius:12px;border:1px solid var(--studio-line)}.inspector-tabs{top:0}.page-strip{padding-top:4px}.page-actions{gap:6px;font-size:13px;flex-wrap:wrap}.paper-heading{padding:23px 24px 16px}.field-stack{padding-inline:12px}.edit-field{padding-inline:12px}.builder-control .choice-group label.choice{font-size:18px}.hero h1{font-size:32px}.hero{padding:10px 0 20px}.header-actions button.primary{min-width:56px}.inspector-tabs button{min-height:44px}.card-cover{height:55px}.cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Final surface and recovery controls */
.paper-heading input.inline-page-title{border-color:transparent!important;background:transparent!important;box-shadow:none}.paper-heading input.inline-page-title:focus{border-color:#7594c5!important}.empty-drop,.studio-inspector .rule-box{background:#f7f9fc;border-color:#dce4ef}.app-header .service-bar[data-state=error] [data-service=retry]{display:inline-flex}

.edit-field input.inline-label{border-color:transparent!important;box-shadow:none;background:transparent!important}.edit-field input.inline-label:focus{border-color:#9db1d0!important}.builder-control .choice-group input{width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 20px;padding:0}.builder-control .choice-group label.choice{min-height:48px}.builder-control .choice-group span{flex:1;min-width:0}

@media(max-width:850px){
 .app-header{grid-template-columns:36px minmax(0,1fr);grid-template-areas:"brand document" "context context" "actions actions";gap:10px}
 .app-header .brand{grid-area:brand}.header-document{grid-area:document;width:100%;overflow:hidden}.header-document>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:20px}.header-document>input{width:100%}.header-context{grid-area:context}.header-actions{grid-area:actions;justify-content:flex-end}
 .app-header .service-bar{flex-direction:column;align-items:stretch;gap:4px}.app-header #server-status{max-width:none}.app-header .service-actions{display:flex;justify-content:space-between;width:100%}.app-header .workspace-switch select{max-width:190px}
}

.settings-checklist{border:1px solid #dce2eb;border-radius:8px;padding:12px;margin-top:18px}.settings-checklist legend{font-size:17px}.settings-checklist label{display:flex;gap:10px;align-items:center;margin-block:8px}.settings-checklist input[type=checkbox]{width:20px;height:20px;min-height:20px;padding:0}