.projectSettings{color:var(--text,#eef5ff);background:var(--bg,#070914);height:100%;min-height:0;overflow:auto;container-type:inline-size}
.projectSettings *{box-sizing:border-box}
.projectSettings [hidden]{display:none!important}
.psHeader{display:flex;align-items:center;gap:16px;padding:28px 32px 24px;border-bottom:1px solid var(--line,rgba(255,255,255,.09));background:linear-gradient(110deg,var(--panel2,#0c1324),var(--bg,#070914))}
.psMonogram{display:grid;place-items:center;width:54px;height:54px;flex:none;border:1px solid var(--line2,rgba(121,243,236,.2));border-radius:15px;background:var(--panel3,#151d33);font-size:19px;font-weight:800;letter-spacing:.03em;color:var(--cyan,#78f4ed)}
.psHeading{min-width:0;flex:1}.psEyebrow{font-size:10px;letter-spacing:.16em;font-weight:750;color:var(--cyan,#78f4ed)}
.psHeading h1{font-size:23px;line-height:1.2;font-weight:650;margin:5px 0 6px;overflow-wrap:anywhere}.psHeading p{font-family:ui-monospace,monospace;font-size:11px;margin:0;color:var(--muted,#8c9ab5);overflow-wrap:anywhere}
.psHeaderActions{display:flex;align-items:flex-end;flex-direction:column;gap:9px;flex:none}.psSaveState{font-size:11px;color:var(--muted,#8c9ab5)}.psSaveState.dirty{color:var(--warn,#ffc857)}
.psLayout{display:grid;grid-template-columns:210px minmax(0,1fr);max-width:1200px;margin:0 auto;min-height:450px}
.psNav{padding:24px 16px;border-right:1px solid var(--line,rgba(255,255,255,.09))}
.psNav>button{display:flex;flex-direction:column;gap:5px;width:100%;padding:13px 14px;margin:0 0 5px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;color:var(--muted,#8c9ab5);cursor:pointer}
.psNav>button b{font-size:12px;font-weight:650}.psNav>button small{font-size:10px;opacity:.85}.psNav>button:hover{background:var(--panel2,#0c1324);color:var(--text,#eef5ff)}
.psNav>button.active{color:var(--cyan,#78f4ed);background:var(--panel,#10172a);border-color:var(--line2,rgba(121,243,236,.2))}
.psCanonicalNote{margin:32px 14px 0;padding-top:18px;border-top:1px solid var(--line,rgba(255,255,255,.09));color:var(--muted,#8c9ab5)}.psCanonicalNote span{font-size:9px;font-weight:700;letter-spacing:.11em}.psCanonicalNote p{font-size:11px;line-height:1.6;margin:9px 0}
.psContent{padding:28px 32px;min-width:0}.psSectionHead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 24px}
.psSectionHead h2{font-size:18px;font-weight:650;line-height:1.3;margin:0 0 7px}.psSectionHead h3{margin:0;font-size:14px}
.psSectionHead p,.psMuted{color:var(--muted,#8c9ab5);font-size:12px;line-height:1.6;margin:0}
.psPill{font:10px ui-monospace,monospace;color:var(--cyan,#78f4ed);white-space:nowrap;border:1px solid var(--line2,rgba(121,243,236,.2));background:var(--panel2,#0c1324);border-radius:20px;padding:6px 9px}
.psFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 18px}
.psField{display:flex;flex-direction:column;gap:8px;min-width:0}.psField.wide{grid-column:1/-1}.psField>span{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:space-between;font-size:12px;font-weight:600}
.psField input,.psField textarea,.psField select{width:100%;min-width:0;border:1px solid var(--line,rgba(255,255,255,.09));border-radius:8px;background:var(--panel2,#0c1324);color:var(--text,#eef5ff);padding:10px 12px;font:inherit;font-size:12px;line-height:1.5;outline:none}
.psField textarea{resize:vertical;min-height:65px}.psField input:focus,.psField textarea:focus,.psField select:focus{border-color:var(--cyan2,#25c8db);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan2,#25c8db) 10%,transparent)}
.psField input:disabled,.psField textarea:disabled,.psField select:disabled{opacity:.65;cursor:not-allowed}.psField>small{font-size:10px;line-height:1.5;color:var(--muted,#8c9ab5)}
.psBinding{font-size:9px!important;letter-spacing:.02em;font-weight:500}.psBinding.bound{color:var(--good,#58e6a9)}.psBinding.metadata{color:var(--muted,#8c9ab5)}
.psForm h3{font-size:13px;margin:27px 0 16px;font-weight:650}.psInfo{padding:13px 15px;background:var(--panel2,#0c1324);border-left:2px solid var(--cyan2,#25c8db);border-radius:3px 8px 8px 3px;margin-top:22px;font-size:11px;line-height:1.6;color:var(--muted,#8c9ab5)}
.psInspectList{margin:0 0 24px}.psInspect{padding:14px 0;border-bottom:1px solid var(--line,rgba(255,255,255,.09))}.psInspect:first-child{padding-top:0}.psInspect dt{font-size:11px;color:var(--muted,#8c9ab5);margin:0 0 8px}.psInspect dd{margin:0;min-width:0;font-size:12px}
.psInspect code,.psOutputList code{overflow-wrap:anywhere}.psInspect pre,.psNotice pre,.psPreview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;margin:0;max-height:380px;overflow:auto}
.psCheck{display:flex;align-items:flex-start;gap:11px;margin-top:22px;cursor:pointer}.psCheck input{margin:2px 0 0;accent-color:var(--cyan2,#25c8db);width:15px;height:15px}.psCheck span{display:flex;flex-direction:column;gap:6px}.psCheck b{font-size:12px;font-weight:600}.psCheck small{font-size:10px;line-height:1.5;color:var(--muted,#8c9ab5)}
.psNotice{border:1px solid var(--line,rgba(255,255,255,.09));border-radius:9px;background:var(--panel2,#0c1324);margin:12px 0}.psNotice summary{padding:13px 14px;font-size:11px;cursor:pointer;overflow-wrap:anywhere}.psNotice pre{padding:0 14px 15px}
.psValidation{margin-top:20px;color:var(--bad,#ff6b83);font-size:12px;line-height:1.6}.psPreview{margin-top:26px;padding:20px;background:var(--panel,#10172a);border:1px solid var(--line2,rgba(121,243,236,.2));border-radius:11px}.psPreview h3{font-size:14px;margin:0 0 10px}.psPreview>p{font-size:12px;line-height:1.6}.psPreviewError{color:var(--bad,#ff6b83)}
.psOutputList{list-style:none;padding:0;margin:0 0 15px}.psOutputList li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line,rgba(255,255,255,.09));font-size:11px}.psOutputList li span{color:var(--muted,#8c9ab5);font-size:10px;flex:none}.psPreviewNotes{color:var(--muted,#8c9ab5);margin:12px 0!important}.psFooter{margin-top:30px;padding-top:17px;border-top:1px solid var(--line,rgba(255,255,255,.09));font-size:10px;line-height:1.5;color:var(--muted,#8c9ab5)}
@container (max-width:760px){.psHeader{padding:20px;flex-wrap:wrap}.psHeaderActions{width:100%;flex-direction:row;align-items:center;justify-content:space-between}.psLayout{grid-template-columns:160px minmax(0,1fr)}.psContent{padding:24px 20px}.psNav{padding:20px 10px}.psNav>button{padding:11px}.psFields{grid-template-columns:1fr}.psField.wide{grid-column:auto}.psPill{white-space:normal;overflow-wrap:anywhere}}
@container (max-width:520px){.psLayout{display:block}.psNav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:12px;border-right:0;border-bottom:1px solid var(--line,rgba(255,255,255,.09))}.psNav>button{padding:10px 6px;margin:0;align-items:center;text-align:center}.psNav>button b{font-size:10px}.psNav>button small,.psCanonicalNote{display:none}.psContent{padding:23px 17px}.psHeader{padding:19px 17px}.psHeading h1{font-size:20px}.psMonogram{width:44px;height:44px}.psSectionHead{gap:10px}.psHeaderActions{align-items:flex-start;gap:10px}.psHeaderActions .btn{font-size:10px;padding:8px 10px}.psPreview{padding:15px}.psOutputList li{display:block}.psOutputList li span{display:block;margin-top:5px}}

.projectSettingsHost { width:100%;height:100%;min-height:440px;overflow:auto; }
.projectDefinitionControls { display:grid;gap:7px;padding:10px 12px;border-bottom:1px solid var(--border,#303944); }
.projectDefinitionControls label { display:flex;align-items:center;gap:7px;font-size:12px;cursor:pointer; }
.projectDefinitionControls details summary { cursor:pointer;font-size:12px; }
.projectDefinitionControls details .btn { display:block;margin-top:5px;max-width:100%;overflow:hidden;text-overflow:ellipsis; }
#modalHost .modal.projectSettingsDialog { width:min(1120px,96vw);max-width:96vw; }
#websiteProjectSettingsHost { height:min(680px,76vh);min-height:360px; }