:root{font-family:Arial,Helvetica,sans-serif;font-synthesis:none;color-scheme:dark;--ink:#101712;--forest:#19312b;--cream:#f4eddd;--lime:#d8ef8c;--surface:#18211c;--raised:#202d25;--line:#344239;--muted:#adb9ac;color:var(--cream);background:var(--ink)}
*{box-sizing:border-box}body{margin:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden}button,input,textarea,a{font:inherit}button,a,input,textarea,summary,[contenteditable]{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--cream);padding:9px 13px;cursor:pointer;font-size:12px;font-weight:600;line-height:1.3;transition:background .15s,border-color .15s}button:hover{background:var(--raised);border-color:#68765e}button:disabled{opacity:.36;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.primary{background:var(--lime);color:var(--ink);border-color:var(--lime);font-weight:700}.primary:hover{background:#e5f6b2;border-color:#e5f6b2}[hidden]{display:none!important}
.app-header{flex:none;position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 24px;background:var(--forest);border-bottom:1px solid #385047;z-index:3}.workspace-brand{display:flex;align-items:center;gap:24px;min-width:0}.wordmark{display:block;width:218px;height:auto;flex:none}.page-identity{border-left:1px solid #496057;padding-left:23px;display:flex;flex-direction:column;gap:4px}.page-identity h1{font-size:14px;line-height:1.2;margin:0;font-weight:700;letter-spacing:-.2px}.page-identity>span{font-size:11px;color:#bdc9bf;white-space:nowrap}.actions{display:flex;align-items:center;gap:7px;flex:none}.secondary-actions{display:contents}.phone-only,.phone-tabs{display:none}
.notice{flex:none;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:38px;padding:8px 24px;border-bottom:1px solid var(--line);font-size:11px;line-height:1.5;color:var(--muted);background:var(--ink)}#status{color:var(--cream);font-weight:500;text-align:right;max-width:50%;overflow-wrap:anywhere}
main{display:grid;grid-template-columns:340px minmax(0,1fr);flex:1;min-height:0}aside{min-height:0;overflow-y:auto;padding:24px 18px 44px;background:var(--ink);border-right:1px solid var(--line);scrollbar-color:#536450 transparent;scrollbar-width:thin}.panel-intro{padding:0 4px 22px}h2{font-size:15px;font-weight:600;letter-spacing:-.2px;margin:0 0 7px}.panel-intro p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.section{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;background:var(--surface);overflow:hidden}.section[open]{border-color:#60764e}.section>summary{display:flex;align-items:center;gap:7px;padding:12px;font-size:12px;font-weight:600;cursor:pointer;list-style:none;min-height:52px}.section>summary::-webkit-details-marker{display:none}.section>summary:before{content:'›';font-size:20px;line-height:1;color:var(--muted);margin-right:3px}.section[open]>summary{background:var(--raised);color:var(--lime)}.section[open]>summary:before{transform:rotate(90deg);color:var(--lime)}summary .name{flex:1;min-width:0}.order{padding:4px 7px;min-width:26px;font-size:13px;background:transparent;border-color:transparent;color:var(--muted)}.order:hover{border-color:var(--line)}.fields{padding:1px 14px 16px}.field{margin:17px 0}.field label{display:block;font-size:11px;font-weight:500;margin:0 0 8px;color:#c7d2c6}.field input:not([type=checkbox]),.field textarea,.rich{width:100%;border:1px solid #435246;border-radius:7px;background:#101912;padding:10px 11px;font:12px/1.65 Arial,Helvetica,sans-serif;color:var(--cream);transition:border-color .15s}.field input:hover,.field textarea:hover,.rich:hover{border-color:#788c69}.field textarea{min-height:76px;resize:vertical}.rich{min-height:78px;max-height:240px;overflow:auto}.rich p{margin:0 0 8px}.rich p:last-child{margin:0}.rich a{color:var(--lime);text-underline-offset:3px}.check{display:flex!important;align-items:center;gap:9px}.check input{accent-color:var(--lime);width:16px;height:16px;margin:0}.hint{font-size:11px;line-height:1.5;color:var(--muted);margin:6px 0}.image-preview{width:100%;height:116px;object-fit:cover;border-radius:7px;border:1px solid var(--line);margin-top:6px;background:var(--raised)}.block{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.block-title{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.block-title span{flex:1}.block-title button{padding:5px 8px;font-size:11px}.advanced{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}.advanced>summary{font-size:11px;color:var(--muted);cursor:pointer}.advanced .hint{font-size:11px}
.preview{min-width:0;min-height:0;display:flex;flex-direction:column;background:#252e27}.preview-toolbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 22px;background:var(--surface);border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.preview-toolbar>div{display:flex;gap:3px;border:1px solid var(--line);border-radius:7px;padding:3px;background:var(--ink)}.preview-toolbar button{border:0;background:transparent;padding:6px 11px;font-size:11px;border-radius:4px;color:var(--muted)}.preview-toolbar button[aria-pressed=true]{background:#354630;color:var(--lime)}.preview-toolbar a{color:var(--cream);font-size:11px;text-decoration:none;padding:8px 0;white-space:nowrap}.preview-toolbar a:hover{color:var(--lime)}.preview-stage{flex:1;min-height:0;display:flex;justify-content:center;padding:24px;background:#252e27}iframe{width:100%;height:100%;border:1px solid #495146;background:white;box-shadow:0 12px 40px #0003;border-radius:8px;color-scheme:light}iframe.mobile{width:390px;max-width:100%}
.recovery{flex:none;background:#34311e;border-bottom:1px solid #6c6645;padding:12px 24px;display:flex;gap:16px;justify-content:space-between;align-items:center;font-size:12px;line-height:1.5}.recovery>div{display:flex;gap:8px;flex-wrap:wrap}dialog{border:1px solid #58674f;border-radius:16px;padding:28px;color:var(--cream);background:var(--surface);width:min(720px,calc(100vw - 32px));max-height:80dvh;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#070d09b3;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-heading h2{font-size:20px;letter-spacing:-.5px}dialog p{font-size:13px;line-height:1.65;color:var(--muted)}#version-list,#release-list{list-style:none;padding:0}#version-list li{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:14px 0;font-size:12px}#version-list li span{flex:1}#version-list a,#release-list a{color:var(--lime);text-underline-offset:3px}#release-list li{padding:16px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}#release-list h3{font-size:15px;margin:0 0 8px}#release-list p{margin:6px 0}#release-list a{display:inline-block;padding:10px 0;min-height:44px;font-size:14px}.image-upload{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.image-upload label{width:100%;font-size:13px}.image-upload input{min-width:0;max-width:100%}.image-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:20px}.image-library button{padding:8px;min-width:0;text-align:left}.image-library img{width:100%;height:120px;object-fit:contain;background:var(--ink);border-radius:5px}.image-library span{display:block;font-size:12px;overflow-wrap:anywhere;margin-top:8px}.field>.image-preview+button{margin-top:8px}#images-status{min-height:24px}
.access-page{display:grid;place-items:center;background:var(--ink);min-height:100dvh;height:auto;overflow:auto;padding:32px}.access-card{display:block;flex:none;width:min(100%,400px);min-height:0;margin:0;padding:0}.access-card>.wordmark{width:238px;max-width:100%;margin-bottom:42px}.access-content{border-top:1px solid var(--line);padding-top:28px}.access-content h1{font-size:23px;line-height:1.3;font-weight:500;letter-spacing:-.6px;margin:14px 0 10px}.access-content p,.access-card noscript p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 24px}.access-loader{display:block;width:18px;height:18px;border:2px solid #3f5135;border-top-color:var(--lime);border-radius:50%;animation:turn .8s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}
@media(min-width:801px) and (max-width:1150px){.app-header{gap:16px;padding:17px 20px}.workspace-brand{gap:16px}.wordmark{width:185px}.page-identity{padding-left:16px}.actions{gap:5px}.actions button{padding:9px;font-size:11px}.page-identity>span{display:none}main{grid-template-columns:310px minmax(0,1fr)}.preview-toolbar{padding:10px 16px}#preview-state{display:none}.preview-stage{padding:18px}}
@media(max-width:800px){
 .app-header{padding:16px;gap:18px;flex-wrap:wrap}.workspace-brand{flex:1 0 100%;justify-content:space-between;gap:18px}.wordmark{width:180px}.page-identity{padding-left:16px;flex-direction:row;align-items:center;gap:7px}.page-identity h1{font-size:12px}.page-identity>span{display:none}.actions{width:100%;gap:8px}.actions #save{order:-1;flex:1}.actions #undo,.actions #more-actions{min-width:64px}.phone-only{display:inline}button{min-height:44px;padding:10px 13px;font-size:13px}
 .secondary-actions{display:none;position:absolute;right:16px;top:calc(100% - 4px);padding:8px;border:1px solid #5a6c50;border-radius:12px;background:var(--surface);box-shadow:0 14px 40px #0006;min-width:190px;z-index:5}.secondary-actions.is-open{display:flex;flex-direction:column;gap:5px}.secondary-actions button{text-align:left}
 .notice{padding:9px 16px;gap:10px;align-items:flex-start;font-size:10px;min-height:36px}.desktop-instructions{display:none}#status{max-width:62%;text-align:right;font-size:11px}
 .phone-tabs{flex:none;display:flex;padding:8px 16px;gap:6px;background:var(--ink);border-bottom:1px solid var(--line)}.phone-tabs button{flex:1;background:transparent;border-color:transparent;color:var(--muted);min-height:40px}.phone-tabs button[aria-pressed=true]{background:var(--raised);border-color:var(--line);color:var(--lime)}
 main{display:flex;flex-direction:column;overflow:hidden}aside{flex:1;min-height:0;max-height:none;padding:22px 16px 40px;overscroll-behavior:contain;border-right:0}.panel-intro{padding-bottom:20px}.preview{flex:1;min-height:0;height:auto}.preview-stage{padding:10px}.preview-toolbar{min-height:44px;padding:7px 16px;gap:8px}.preview-toolbar>div{display:none}.preview-toolbar a{font-size:11px}
 body[data-phone-view="edit"] .preview,body[data-phone-view="preview"] aside{display:none}
 .field input:not([type=checkbox]),.field textarea,.rich{font-size:16px}.field label{font-size:12px}.hint{font-size:12px}.field .check{min-height:32px}.check input{width:18px;height:18px}.order{min-width:44px;min-height:44px}.section>summary{padding:7px 11px;font-size:13px}.recovery{max-height:28dvh;overflow:auto;flex-wrap:wrap;padding:12px 16px}.recovery button{font-size:12px}
 dialog{padding:20px;max-height:calc(100dvh - 24px);width:calc(100vw - 24px)}.dialog-heading{gap:12px}.dialog-heading button{flex:none}#version-list li{flex-wrap:wrap}#version-list li span{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.format-toolbar{display:flex;gap:4px;padding:5px;border:1px solid #435246;border-bottom:0;border-radius:7px 7px 0 0;background:var(--raised)}.format-toolbar button{padding:4px 10px;min-height:27px;min-width:30px;border:0;background:transparent;font-size:13px}.format-toolbar button[aria-pressed=true]{background:var(--lime);color:var(--ink)}.format-bold{font-weight:800}.format-italic{font-style:italic}.format-toolbar+.rich{border-top-left-radius:0;border-top-right-radius:0}.field.is-selected{outline:1px solid #a9c27a;outline-offset:7px;border-radius:4px}.section.is-current>summary{box-shadow:inset 3px 0 var(--lime)}#inspect{padding:7px 10px;font-size:11px;white-space:nowrap}#inspect[aria-pressed=true]{border-color:#738a55;color:var(--lime);background:#2b3824}@media(max-width:800px){.format-toolbar button{min-height:36px;min-width:40px}#preview-state{display:none}#inspect{min-height:36px}}

.image-url{margin:8px 0 20px}.image-url>summary{font-size:11px;color:var(--muted);cursor:pointer}.image-url .field{margin-bottom:0}