:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#252823;background:#f5f4ef;font-synthesis:none;--muted:#76796f;--border:#ddded5;--orange:#e95b32;--dark:#22271f}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer;transition:background .15s,transform .15s}button:disabled{opacity:.42;cursor:not-allowed}button:not(:disabled):active{transform:translateY(1px)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}h1{font-size:40px;letter-spacing:-1.7px;line-height:1.12;font-weight:550}h2{font-size:17px;font-weight:600;letter-spacing:-.35px}.muted,.help{color:var(--muted)}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.7px;margin-bottom:14px}.logo{display:inline-grid;place-items:center;background:var(--orange);color:#fff;width:34px;height:34px;border-radius:8px;font-size:30px;font-weight:700;line-height:1;letter-spacing:-3px;padding-right:4px}.wordmark{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-.7px;font-weight:650}.primary,.secondary{border:1px solid transparent;border-radius:7px;padding:12px 16px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:24px}.primary{background:var(--orange);color:white}.primary:hover:not(:disabled){background:#d84921}.secondary{border-color:var(--border);background:#fff;color:#33372e}.secondary:hover:not(:disabled){background:#f0f0e8}.quiet{border:0;background:none;color:var(--muted);font-size:11px;padding:7px 0}.full{width:100%}.sidebar{position:fixed;inset:0 auto 0 0;width:225px;background:#eceee6;border-right:1px solid var(--border);padding:30px 20px;display:flex;flex-direction:column}.workspace{display:flex;align-items:center;gap:10px;margin:35px 0;font-size:12px}.workspace>span:last-child{margin-left:auto}.workspace small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.workspace-icon{display:grid;place-items:center;border:1px solid #cfd3c5;background:#fafbf6;width:32px;height:32px;border-radius:7px}.nav-label{font-size:9px;letter-spacing:1.4px;color:var(--muted);margin:0 12px 13px}.nav{width:100%;border:0;display:flex;gap:13px;align-items:center;padding:13px 12px;background:none;color:#6b7064;font-size:12px;text-align:left;border-radius:6px;margin:4px 0}.nav>span{font-size:18px}.nav small{margin-left:auto;font-size:10px}.nav.active{background:var(--dark);color:#fff}.sidebar-bottom{margin-top:auto;font-size:11px;color:#747b6c}.sidebar-bottom button{display:block;margin-top:20px}.status-dot{width:6px;height:6px;background:#578462;border-radius:50%;display:inline-block;margin-right:7px}.main{margin-left:225px}.topbar{height:76px;border-bottom:1px solid var(--border);padding:0 42px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.slash{color:#a9ada0;padding:0 15px}.avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#e0e4d6;color:#656e59;font-size:11px}.view{padding:40px 42px 22px;max-width:1550px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;gap:20px}.page-heading p{color:var(--muted);font-size:12px;margin-top:12px}.studio-grid{display:grid;grid-template-columns:minmax(270px,340px) minmax(320px,1fr);gap:26px;align-items:start}.panel{background:#fff;border:1px solid var(--border);border-radius:10px}.editor{padding:23px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.pill{font-size:9px;padding:5px 8px;border:1px solid var(--border);border-radius:4px;letter-spacing:.8px;color:#7a8071}.field-head{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.field-head span{font-size:9px;color:var(--muted)}label{display:block;font-size:11px;font-weight:550;margin:18px 0 7px}.field-head label{margin-top:0;margin-bottom:7px}input:not([type=color]),textarea,select{width:100%;background:#fcfcfa;border:1px solid #dedfd6;border-radius:5px;padding:10px 11px;font-size:12px;color:#333b2b}textarea{resize:vertical;line-height:1.6}input:focus,textarea:focus,select:focus{outline:2px solid #d4dbc7;outline-offset:1px}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-row input{width:100%;height:35px;display:block;border:1px solid var(--border);border-radius:5px;background:#fff;padding:4px;margin-top:7px}.upload-row input{font-size:10px!important;padding:8px!important}.help{font-size:10px;line-height:1.65;margin:10px 0 15px}.editor .full{margin-top:10px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:1px 0 16px}.preview-toolbar .muted{margin-left:12px;font-size:9px}.preview-frame{aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#e9eddf;display:grid;place-items:center;box-shadow:0 7px 15px #3039200b;border:1px solid #dce1d2}.preview-frame img{width:100%;height:100%;object-fit:contain;display:block}.preview-frame:has(img:not([hidden])){background:#e9eddf}#placeholder{text-align:center;color:#394a31;padding:30px}.preview-mark{font-size:48px;letter-spacing:-4px}#placeholder h2{font-size:22px;margin:15px 0 12px;letter-spacing:-.8px}#placeholder p{font-size:11px;color:#6d7a61}.preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:15px 0 26px;font-size:10px;color:var(--muted)}.preview-bottom button{font-size:10px;padding:10px 12px}.publish-panel{padding:23px}.publish-fields{display:grid;grid-template-columns:1fr 140px;gap:16px}.publish-fields label{margin-top:0}.queue-head{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:11px}.queue-head small{color:var(--muted);font-size:9px;margin-left:6px}.queue{padding:0;list-style:none;margin:8px 0}.queue li{display:flex;gap:12px;align-items:center;background:#f7f8f3;border-radius:5px;padding:8px;margin-bottom:5px;font-size:11px}.queue img{width:55px;border-radius:3px}.queue button{margin-left:auto}.published{font-size:10px;line-height:1.5;color:var(--muted);margin-top:15px;overflow-wrap:anywhere}.note{display:flex;gap:13px;font-size:10px;color:#626d57;line-height:1.7;margin:23px 7px}.note>span{font-size:17px}.footer{padding:28px 42px;font-size:9px;letter-spacing:.8px;display:flex;justify-content:space-between;color:#92978a}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.card{padding:24px;min-height:170px}.card .screen-icon{font-size:36px;margin-bottom:25px;color:#738264}.card h2{margin-bottom:10px}.card p{font-size:12px;color:var(--muted);line-height:1.7}.card small{display:block;margin:15px 0;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.card button{margin-top:15px}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding:28px;gap:28px}.login-card{max-width:480px;width:100%;justify-self:center;align-self:center;padding:35px}.login-card .wordmark{margin-bottom:70px}.login-card h1{font-size:45px}.login-card>p{font-size:13px;line-height:1.8;color:var(--muted);margin:20px 0 30px}.login-card .primary{width:100%;margin-top:18px;justify-content:space-between}.login-card small{font-size:10px;color:var(--muted)}#login-error{font-size:12px;color:#b83720;min-height:40px;padding-top:12px}.login-art{background:#dee7cf;border-radius:15px;display:flex;flex-direction:column;justify-content:center;padding:11%;color:#263d2e;position:relative;overflow:hidden}.login-art span{font-size:clamp(50px,6vw,110px);font-weight:550;letter-spacing:-5px;line-height:1.05;z-index:1}.login-art em{font-family:Georgia,serif;font-weight:normal}.login-art b{font-size:120px;align-self:flex-end;z-index:1}.login-art:after{content:'';width:400px;height:400px;border-radius:50%;position:absolute;right:-170px;bottom:-110px;border:60px solid #c9d6b6}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 22px;background:#273323;color:#fff;border-radius:8px;box-shadow:0 5px 25px #0002;font-size:12px;z-index:100;max-width:90vw}#toast.error{background:#9f3b29}dialog{border:1px solid var(--border);border-radius:12px;padding:30px;width:420px;max-width:94vw}dialog::backdrop{background:#19211466}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}@media(min-width:1500px){.studio-grid{grid-template-columns:360px 1fr}.view{padding-top:50px}}@media(max-width:1100px){.sidebar{width:185px;padding:25px 14px}.main{margin-left:185px}.view{padding:30px 25px}.topbar{padding:0 25px}.studio-grid{grid-template-columns:270px minmax(280px,1fr);gap:18px}.editor,.publish-panel{padding:18px}h1{font-size:34px}.preview-toolbar .muted{display:none}}@media(max-width:850px){.sidebar{position:static;width:auto;border-right:0;border-bottom:1px solid var(--border);padding:15px 20px;flex-direction:row;align-items:center;gap:20px}.sidebar .workspace,.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;margin-left:auto}.nav{gap:6px;font-size:11px;padding:9px}.nav small{display:none}.main{margin-left:0}.topbar{height:55px}.view{padding:27px 20px}.studio-grid{grid-template-columns:1fr 1.2fr}.page-heading h1{font-size:31px}.page-heading .eyebrow{font-size:8px}.login-art{display:none}.login-wrap{grid-template-columns:1fr}.login-card{padding:10px}.footer{padding:25px 20px}}@media(max-width:620px){.studio-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading>.secondary{padding:9px;font-size:10px}.page-heading h1{font-size:29px}.sidebar{gap:10px;padding:15px}.wordmark{font-size:18px;gap:7px}.logo{width:28px;height:28px;font-size:26px}.nav>span{display:none}.view{padding:25px 15px}.preview-column{margin-top:12px}.footer{font-size:8px}.login-card h1{font-size:38px}.login-card .wordmark{margin-bottom:45px}}
.config{margin:12px 0 0;padding:14px;border:1px solid var(--border);border-radius:8px;background:#f0f0e8;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere;user-select:all}
#client-dialog{width:520px}
