.demo-workbench{border:1px solid #d9d6c9;border-radius:16px;background:#eeeade;overflow:clip;box-shadow:0 18px 50px #263b2910}
.demo-session-note{display:flex;align-items:center;gap:22px;padding:18px 24px;border-bottom:1px solid #d9d6c9;background:#f4f2e9}.demo-session-note .local-badge{flex-shrink:0}.demo-session-note p{font-size:12px;line-height:1.65;margin:0;color:#535d52}
.demo-workspace{display:grid;grid-template-columns:350px minmax(0,1fr);align-items:start}.content-editor{background:#fffcf6;border-right:1px solid #d9d6c9;min-width:0}.content-editor-heading{padding:24px 24px 20px}.content-editor-heading h3{font:600 23px Georgia,serif;margin:0 0 7px}.content-editor-heading p{font-size:12px;color:#727669;margin:0;line-height:1.6}
.demo-accordion{border-top:1px solid #e6e0d5}.demo-accordion summary{list-style:none;display:flex;gap:12px;align-items:center;cursor:pointer;padding:17px 22px;font-weight:650;font-size:13px}.demo-accordion summary::-webkit-details-marker{display:none}.demo-accordion summary:after{content:'+';margin-left:auto;font-size:21px;font-weight:400}.demo-accordion[open] summary:after{content:'−'}.demo-step-number{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eaeadd;color:#456040;font-size:11px;flex-shrink:0}.demo-accordion[open] summary{background:#f2f2e7}.demo-accordion-body{padding:18px 22px 23px;max-height:660px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.demo-field{margin:0 0 15px;min-width:0}.content-editor label{font-size:12px;display:block;margin:0 0 7px;font-weight:600}.content-editor input:not([type=file]),.content-editor textarea{font:400 13px/1.65 Manrope,sans-serif;width:100%;min-width:0;border:1px solid #d9d6c9;border-radius:7px;background:#fffefb;padding:10px 11px;color:#193c2e}.content-editor textarea{resize:vertical;min-height:92px;max-height:300px}.demo-field small,.demo-field-help{display:block;font-size:11px;line-height:1.7;color:#76786b;margin:6px 0 12px}.demo-item{border:1px solid #dedacc;border-radius:9px;padding:14px;margin:0 0 18px;min-width:0}.demo-item legend{padding:0 7px;font-size:11px;letter-spacing:.08em;color:#8d5238}.demo-item .demo-field:last-of-type{margin-bottom:5px}
.content-editor button[data-action]{font:600 12px Manrope,sans-serif;padding:10px 13px;border:1px solid #cdd2bf;border-radius:6px;background:#f2f3e9;color:#23492f;cursor:pointer;min-height:40px}.content-editor button.demo-remove{color:#9c442c;background:transparent;border-color:#e3d6c9}.content-editor button:disabled{opacity:.5;cursor:default}.demo-photo-item{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px;padding:14px 0;border-top:1px solid #e1ddcf}.demo-photo-item>img{width:64px;height:64px;object-fit:cover;border-radius:7px}.demo-photo-item b{font-size:12px;display:block;margin:0 0 7px}.demo-photo-item>.demo-field{grid-column:1/-1;margin:0}.demo-photo-actions{display:flex;gap:5px}.content-editor .demo-photo-actions button{padding:6px 10px;font-size:11px}.content-editor input[type=file]{font:11px Manrope,sans-serif;width:100%;padding:10px 0;cursor:pointer}.content-editor input[type=file]::file-selector-button{font:600 12px Manrope,sans-serif;padding:11px;border:1px solid #cdd2bf;background:#eef0e2;border-radius:6px;margin-right:8px;color:#23492f;cursor:pointer}.demo-error{color:#a83225!important;font-size:12px;line-height:1.65}.demo-error[hidden]{display:none}.demo-editor-actions{padding:22px;border-top:1px solid #dedacc;background:#f6f3ea}.demo-editor-actions .button{font-size:12px;padding:11px 17px}.demo-editor-actions p{font-size:11px;line-height:1.6;min-height:36px;margin:12px 0 0;color:#66705e}
.landing-preview-panel{min-width:0;padding:20px;position:sticky;top:90px}.landing-preview-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:15px}.landing-preview-toolbar b{font-size:12px;display:block}.landing-preview-toolbar span{display:block;font-size:10px;color:#727669;margin-top:3px}.demo-view-switch,.demo-mobile-tabs{display:flex;border:1px solid #cdd2bf;border-radius:7px;padding:3px;background:#f8f6ee}.demo-view-switch button,.demo-mobile-tabs button{border:0;border-radius:5px;background:transparent;padding:9px 12px;font:600 11px Manrope,sans-serif;cursor:pointer;color:#52634e;min-height:38px}.demo-view-switch button[aria-pressed=true],.demo-mobile-tabs button[aria-pressed=true]{background:#234431;color:#fff}.landing-preview-stage{background:#e3e0d4;padding:12px;min-width:0;overflow:hidden;border-radius:10px;border:1px solid #d5d3c7}.landing-preview-stage>div{margin:0 auto;overflow:hidden;border-radius:5px;box-shadow:0 4px 16px #28382920}.landing-preview-stage iframe{display:block;border:0;transform-origin:top left;background:#faf7f0}.landing-preview-caption{font-size:11px;line-height:1.7;color:#697461;margin:12px 3px 0}.demo-mobile-tabs{display:none}.demo-workbench :focus-visible{outline:3px solid #b95735;outline-offset:3px}
@media(max-width:1050px){.demo-workspace{grid-template-columns:310px minmax(0,1fr)}.landing-preview-panel{padding:14px}.landing-preview-toolbar{flex-wrap:wrap}.demo-accordion-body{padding:16px}.demo-session-note{gap:14px;padding:16px}.demo-view-switch{margin-left:auto}}
@media(max-width:760px){.demo-workspace{display:block}.demo-session-note{display:block}.demo-session-note p{margin-top:10px}.demo-mobile-tabs{display:flex;margin:14px;position:sticky;top:80px;z-index:5}.demo-mobile-tabs button{flex:1;font-size:13px}.demo-workspace[data-pane=edit] .landing-preview-panel,.demo-workspace[data-pane=preview] .content-editor{display:none}.content-editor{border-right:0}.demo-accordion-body{max-height:none;overflow:visible;padding:20px}.content-editor input:not([type=file]),.content-editor textarea{font-size:16px}.content-editor label{font-size:13px}.demo-accordion summary{font-size:14px;padding:18px 20px}.demo-field-help,.demo-field small{font-size:12px}.demo-editor-actions{padding:20px}.landing-preview-panel{position:static;padding:0 12px 15px}.landing-preview-toolbar{padding:5px 3px}.landing-preview-toolbar b{font-size:12px}.landing-preview-toolbar span{font-size:10px}.landing-preview-stage{padding:12px}.demo-session-note .local-badge{font-size:11px}.demo-photo-item{grid-template-columns:72px minmax(0,1fr)}.demo-photo-item>img{width:72px;height:72px}.demo-photo-actions button{min-height:44px}}