.demo-header{height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}.demo-brand{font-size:14px}.demo-notice{font-size:11px;text-align:center;background:#e8eddb;padding:10px 18px;color:#526448}.loading{text-align:center;padding:70px}.demo-wrap{width:min(1100px,calc(100% - 48px));margin:0 auto;padding:48px 0 80px}.demo-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.demo-intro h1{font-size:30px;margin:0 0 12px;line-height:1.5}.demo-intro p{font-size:13px;color:var(--muted)}.frame-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.frame-card{background:white;border:1px solid #c8d7c9;border-radius:12px;overflow:hidden;text-align:left;color:var(--ink);padding:0;transition:transform .2s,box-shadow .2s;width:100%}.frame-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #14392412}.frame-preview{height:210px;background:#f9f6ed;padding:15px 20px;border-bottom:1px solid var(--line);overflow:hidden}.thumb-header{font-size:11px;color:#785d3d;font-weight:700;margin-bottom:9px}.thumb-image{height:58px;width:100%;object-fit:cover;border-radius:3px;margin-bottom:8px}.thumb-title{font-size:13px;font-weight:700;border-bottom:1px solid #d9cdbb;margin-bottom:8px;padding-bottom:5px}.thumb-row{font-size:9px;padding:5px 0;color:#6c604e;border-bottom:1px solid #e5ddce}.frame-caption{padding:20px;display:flex;align-items:center;justify-content:space-between}.frame-caption h2{font-size:18px;margin:0 0 3px}.frame-caption p{font-size:11px;color:var(--muted);margin:0}.frame-caption>span{font-size:25px;color:var(--teal)}.demo-help{margin-top:30px;background:#edf1e6;border-radius:10px;padding:22px;font-size:13px}.demo-help p{margin-bottom:8px}.demo-help .fine{margin:0}.subtle{border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline;padding:12px}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:22px}.toolbar .secondary{font-size:12px;padding:8px 12px}.toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:34px;align-items:start}.site-page{background:#fffdf8;border:1px solid #e4ddce;border-radius:12px;overflow:hidden;color:#59442f;box-shadow:0 9px 30px #34362a06}.site-page .shop-header{font-size:18px;padding:25px 28px;border-bottom:1px solid #e5ded3}.site-hero{position:relative}.site-hero img{width:100%;height:180px;object-fit:cover;filter:brightness(.75)}.site-hero p{position:absolute;inset:32px auto auto 28px;color:white;font-size:22px;font-weight:600}.site-section{padding:28px}.site-section h2{font-size:25px;color:#604932;margin:0}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-title .button{font-size:12px;min-height:40px;padding:8px 12px;box-shadow:none}.news-row{display:flex;align-items:center;gap:18px;padding:19px 0;border-top:1px solid #e9e0d3}.news-row img{width:96px;height:74px;object-fit:cover;border-radius:4px}.news-row.no-image img{display:none}.news-copy{flex:1;min-width:0}.news-date{font-size:11px;color:#8e806f}.news-title{font-size:16px;font-weight:700;display:block;text-align:left;background:none;border:0;color:#59442f;padding:3px 0;overflow-wrap:anywhere;line-height:1.6}.news-title:hover{text-decoration:underline}.news-copy p{font-size:12px;margin:4px 0 0;color:#80735f;overflow-wrap:anywhere}.status-tag{font-size:9px;border:1px solid #c0cfb2;color:#526f41;padding:2px 6px;border-radius:3px;margin-left:8px;white-space:nowrap}.status-tag.draft{border-color:#d9c28b;color:#927138}.row-arrow{font-size:20px}.site-footer{padding:20px 28px;border-top:1px solid #e9e0d3;background:#f5f0e5;font-size:11px;text-align:center;color:#8a735c}.side-panel{background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.side-panel h3{margin:0 0 12px;font-size:15px}.side-panel p{font-size:12px;color:var(--muted)}.side-panel label{display:block;font-size:12px;margin:18px 0}.side-panel input,.side-panel select{font-size:12px;padding:10px}.side-panel .button,.side-panel .secondary{font-size:12px;box-shadow:none}.side-panel .fine{font-size:10px}.side-panel hr{border:0;border-top:1px solid var(--line);margin:22px 0}.article-area{padding:26px 28px}.article-date{font-size:12px;color:#928574;display:block;margin-bottom:12px}.article-title{font-size:28px;line-height:1.5;letter-spacing:-.02em;margin:0 0 20px;overflow-wrap:anywhere;white-space:pre-wrap}.article-body{font-size:14px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;min-height:70px;margin:22px 0}.editable{border:1px dashed #80afa5;border-radius:5px;padding:10px;outline-offset:3px;position:relative}.editable:focus{background:#f4f9ee}.edit-hint{font-size:10px;color:#46847c;margin-top:-12px;margin-bottom:17px}.photo-wrap{position:relative}.photo-wrap img{width:100%;max-height:380px;object-fit:cover;aspect-ratio:1.6}.photo-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.photo-actions label{display:inline-flex;align-items:center;cursor:pointer}.photo-actions .secondary{font-size:11px;padding:7px 10px;min-height:36px}.photo-actions input,.file-picker input{position:absolute;width:1px;height:1px;opacity:0}.attachment-section{border-top:1px solid #e3ddcf;margin-top:26px;padding-top:20px}.attachment-section h3{font-size:14px;margin:0 0 14px}.attachment-item{display:flex;align-items:center;gap:8px;padding:12px;background:#f2efe6;border-radius:6px;margin-bottom:8px;font-size:12px}.attachment-item a{flex:1;text-decoration:underline;overflow-wrap:anywhere}.attachment-item input{margin:0;flex:1;min-width:0;padding:7px;font-size:12px}.attachment-item button{background:white;border:1px solid #ddd8c8;border-radius:5px;padding:5px 9px;min-height:34px;color:#715a46}.file-picker{display:flex;justify-content:center;border:1px dashed #a7bba4;background:#edf2e7;border-radius:6px;padding:13px;font-size:12px;cursor:pointer;color:#466a54;margin-top:12px}.date-control{display:grid;grid-template-columns:1fr 1fr;gap:10px}.date-control label{font-size:11px}.date-control input{font-size:12px;padding:8px}.placement{display:flex;align-items:center;gap:8px;margin:9px 0;font-size:12px}.placement input{width:18px;height:18px;margin:0}.sticky-actions{position:sticky;bottom:0;background:#fbfcf7ed;border-top:1px solid var(--line);padding:14px 22px;display:flex;justify-content:center;gap:12px;z-index:5;backdrop-filter:blur(10px)}.sticky-actions .button{font-size:13px;box-shadow:none}.preview-label{font-size:12px;padding:10px 20px;background:#e7eee0;border-bottom:1px solid var(--line);color:#5a7250}.public-shell{width:min(760px,calc(100% - 36px));margin:30px auto 70px}.empty{text-align:center;padding:36px 15px;font-size:13px;color:#8a806d}.crumb{font-size:11px;margin-bottom:20px;display:block;color:#8e806f}.return-link{display:inline-block;font-size:12px;margin-top:28px;text-decoration:underline}.sample-result{background:#e7eee0;padding:20px;border-radius:10px;margin-bottom:22px}.sample-result h2{font-size:20px;margin:0 0 8px}.sample-result p{font-size:12px;margin:0 0 12px}.sample-result .actions{margin:0;gap:12px}.sample-result .button,.sample-result .secondary{font-size:12px;box-shadow:none}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#173c37;color:white;padding:13px 22px;border-radius:8px;box-shadow:0 8px 20px #0002;z-index:40;font-size:12px;max-width:calc(100% - 32px);width:max-content;pointer-events:none;opacity:0;transition:opacity .2s}#toast.show{opacity:1}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.attachment-meta{font-size:10px;color:#8a806f;white-space:nowrap}.reset-panel{margin-top:22px}.site-page button{font-family:inherit}.article-actions{display:flex;gap:10px;flex-wrap:wrap}.save-status{font-size:10px;color:var(--muted);margin-top:8px}.delete-button{color:#9a4f39!important}.sample-status{font-size:12px;color:var(--muted);margin:20px 0}.text-button{background:none;border:0;color:var(--teal);text-decoration:underline;font-size:12px;padding:8px}.preview-instructions{font-size:12px;color:var(--muted);margin:0 0 18px}
@media(max-width:850px){.frame-grid{gap:14px}.frame-preview{padding:12px;height:190px}.frame-caption{padding:16px}.frame-caption h2{font-size:15px}.workspace{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.article-title{font-size:23px}}
@media(max-width:600px){.demo-header{height:64px;padding:0 16px}.demo-brand{font-size:11px}.demo-header .pill{font-size:8px;padding:3px 6px}.demo-notice{font-size:10px;text-align:left}.demo-wrap{width:calc(100% - 28px);padding:28px 0 50px}.demo-intro{display:block}.demo-intro h1{font-size:25px}.demo-intro p{font-size:12px}.frame-grid{grid-template-columns:1fr}.frame-card{display:grid;grid-template-columns:35% 1fr}.frame-preview{height:160px;border-bottom:0;border-right:1px solid var(--line);padding:12px}.thumb-header{font-size:8px}.thumb-title{font-size:10px}.thumb-image{height:43px}.thumb-row{font-size:8px}.frame-caption{padding:17px}.frame-caption h2{font-size:18px}.frame-caption p{font-size:10px}.workspace{grid-template-columns:1fr}.side-panel{padding:18px}.toolbar{align-items:flex-start}.toolbar-actions{justify-content:flex-end;gap:7px}.toolbar .secondary{font-size:10px;padding:7px 9px}.site-page .shop-header{font-size:15px;padding:20px}.site-hero img{height:130px}.site-hero p{font-size:18px;left:20px;top:10px}.site-section,.article-area{padding:20px}.site-section h2{font-size:21px}.news-row{gap:12px}.news-row img{width:70px;height:65px}.news-title{font-size:14px}.news-copy p{font-size:11px}.article-title{font-size:23px}.article-body{font-size:13px}.sticky-actions{padding:12px 14px;gap:9px}.sticky-actions button{flex:1;padding:11px 10px;font-size:12px}.attachment-item{flex-wrap:wrap}.attachment-item input{flex-basis:55%}.attachment-meta{font-size:9px}.side-panel label{margin:14px 0}.public-shell{margin-top:20px}.section-title{gap:10px}.section-title .button{font-size:10px;padding:7px 9px}.preview-instructions{font-size:11px}}