.demo-page{font:14px/1.6 Arial,sans-serif;color:#36392e}.demo-page h1{font-family:Georgia,serif;font-style:italic;font-size:30px;font-weight:500;margin:0 0 5px}.demo-page h2{font-size:17px;margin:0 0 15px}.demo-page p{margin:0 0 20px;color:#777566}.demo-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0;align-items:center}.demo-toolbar input{flex:1;min-width:160px}.demo-page input,.demo-page textarea,.demo-page select,.demo-dialog input,.demo-dialog select,.demo-dialog textarea{border:1px solid #ded5c4;background:white;padding:11px;border-radius:6px;font:13px Arial,sans-serif;min-height:42px;max-width:100%;color:#36392e}.demo-page button,.demo-dialog button,.demo-nav-toggle{border:1px solid #d9ceba;background:white;color:#655329;padding:10px 15px;border-radius:6px;font:12px Arial,sans-serif;min-height:42px;cursor:pointer}.demo-page button.primary,.demo-dialog button.primary{background:#a98842;color:white;border-color:#a98842}.demo-table{overflow:auto;border:1px solid #e8e0d4;background:white;border-radius:10px}.demo-table table{width:100%;border-collapse:collapse;font-size:12px}.demo-table th{text-align:left;background:#faf7f0;color:#7a705c;font-size:11px;font-weight:500;padding:14px}.demo-table td{padding:15px 14px;border-top:1px solid #eee7dd}.demo-tag{background:#edf4e9;color:#356b39;border:1px solid #d7e6d1;padding:5px 8px;border-radius:4px;white-space:nowrap}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.demo-stat{padding:20px;background:white;border:1px solid #e8e0d4;border-radius:10px}.demo-stat strong{display:block;font-size:27px;font-weight:500;margin-top:8px}.demo-stat small{color:#817861;font-size:11px}.demo-dialog{border:1px solid #ded5c4;background:#fffdf8;color:#36392e;border-radius:12px;padding:0;width:min(600px,92vw);max-height:85vh;box-shadow:0 20px 70px #0003}.demo-dialog::backdrop{background:#17211455}.demo-dialog form{padding:26px;overflow:auto}.demo-dialog h2{font:25px Georgia,serif;margin:0 0 12px}.demo-dialog label{display:block;font-size:12px;margin:16px 0}.demo-dialog input,.demo-dialog select,.demo-dialog textarea{display:block;width:100%;margin-top:7px}.demo-dialog footer{display:flex;justify-content:end;gap:10px;margin-top:25px}.demo-dialog p{font-size:12px;color:#7e7461}.demo-status{position:fixed;bottom:18px;right:18px;background:#216b38;color:white;border-radius:6px;padding:13px 20px;font:12px Arial;z-index:100;max-width:90vw}.demo-status:empty{display:none}.demo-editor{display:grid;grid-template-columns:1fr 1fr;gap:24px}.demo-editor label{display:block;margin:16px 0;font-size:12px}.demo-editor input,.demo-editor textarea,.demo-editor select{display:block;width:100%;margin-top:8px}.demo-preview{background:white;border:1px solid #e8e0d4;border-radius:9px;overflow:hidden;align-self:start}.demo-preview img{width:100%;height:230px;object-fit:cover}.demo-preview div{padding:24px}.demo-preview h2{font:italic 30px Georgia;color:var(--preview-color,#216b38)}.demo-editor-panel{padding:24px;background:white;border:1px solid #e8e0d4;border-radius:9px}.demo-page details{background:white;border:1px solid #e8e0d4;margin:12px 0;border-radius:8px;padding:18px}.demo-page summary{cursor:pointer;font-weight:600}.demo-bars{height:180px;display:flex;align-items:end;gap:18px;padding:10px 22px 30px;border:1px solid #e8e0d4;background:white;border-radius:10px;margin-bottom:25px}.demo-bars div{flex:1;background:#287c40;position:relative;border-radius:3px 3px 0 0}.demo-bars span{position:absolute;top:100%;padding-top:8px;font-size:10px;white-space:nowrap}.demo-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.demo-tabs [aria-pressed=true]{background:#216b38;color:white}.demo-nav-toggle{display:none}.demo-page :focus-visible,.demo-dialog :focus-visible{outline:3px solid #b38a30;outline-offset:3px}.demo-empty{padding:30px!important;text-align:center}.demo-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.demo-card-grid button{text-align:left;padding:22px}.demo-card-grid strong{display:block;margin-bottom:10px;font-size:15px}@media(max-width:750px){.demo-stats{gap:6px}.demo-stat{padding:12px}.demo-stat strong{font-size:21px}.demo-editor,.demo-card-grid{grid-template-columns:1fr}.demo-nav-toggle{display:block;margin:8px}.demo-table td{min-width:100px}.demo-page h1{font-size:26px}.demo-sidebar-open{display:flex!important;position:fixed!important;inset:0 auto 0 0!important;z-index:80!important;width:240px!important;max-height:100dvh;background:#216b38}.demo-sidebar-open .demo-nav-toggle{background:white;color:#216b38}.demo-dialog form{padding:20px}}

.demo-sidebar-open{transform:none!important;translate:none!important;visibility:visible!important;opacity:1!important}

aside [data-demo-route]{color:#f5f0e8!important}aside summary{color:#e8ce8c!important}@media(max-width:750px){aside:not(.demo-sidebar-open){display:none!important}}