#demo-panel>.burn-showcase{height:auto;padding:36px 30px;overflow:visible;animation:none;background:var(--solid)}
.burn-showcase [hidden]{display:none!important}
.burn-introduction{text-align:center;padding:6px 0 35px}.burn-introduction>span{font-size:10px;color:var(--muted)}.burn-introduction h3{font-size:36px;line-height:1.45;letter-spacing:-.045em;margin:15px 0}.burn-introduction p{font-size:13px;color:var(--muted);line-height:1.9}
.burn-playground{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:start}.burn-compose-panel,.burn-reader-panel{min-width:0;border:1px solid var(--line);border-radius:22px;padding:24px;background:var(--surface)}.burn-reader-panel{position:sticky;top:92px}
.burn-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.burn-panel-heading h4{font-size:16px;font-weight:600}.burn-panel-heading>span{font-size:9px;color:var(--muted)}
.burn-color-row{display:flex;align-items:center;gap:11px;margin-bottom:20px}.burn-color-row button{width:27px;height:27px;background:var(--swatch);border:1px solid #19223718;border-radius:50%;padding:0;transition:transform .2s,box-shadow .2s}.burn-color-row button:hover{transform:translateY(-2px)}.burn-color-row [aria-pressed=true]{box-shadow:0 0 0 2px var(--solid),0 0 0 3px var(--text)}.burn-color-row>span{font-size:10px;margin-left:auto;color:var(--muted)}
.burn-paper{position:relative;border-radius:14px;border:1px solid var(--burn-paper-border);background:linear-gradient(165deg,var(--burn-paper-start),var(--burn-paper-end));color:var(--burn-paper-ink);box-shadow:0 15px 30px -24px #6d512d80;overflow:hidden;padding:22px;transition:background .4s,border-color .3s,color .3s}.burn-compose-paper label{font-size:10px;opacity:.7;display:block;margin-bottom:15px}.burn-paper textarea{display:block;width:100%;min-height:185px;resize:vertical;border:0;background:transparent;color:inherit;font:500 17px/1.9 var(--font);padding:0;outline:none}.burn-paper textarea:focus-visible{outline:1px dashed currentColor;outline-offset:5px;border-radius:3px}.burn-paper-fold{position:absolute;right:0;bottom:0;width:29px;height:29px;background:var(--burn-paper-fold);clip-path:polygon(100% 0,0 100%,100% 100%);pointer-events:none;opacity:.65}
.burn-advanced{margin-top:23px}.burn-advanced>summary{display:flex;align-items:center;gap:8px;list-style:none;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--solid);margin-bottom:16px}.burn-advanced summary::-webkit-details-marker{display:none}.burn-advanced summary>span{font-size:9px;font-weight:400;color:var(--muted);margin-left:auto}.burn-advanced summary svg{width:17px;height:17px}
.burn-setting-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.burn-setting-pair>label,.burn-location-field,.burn-reader-password label{display:block;font-size:10px;color:var(--muted);min-width:0}.burn-showcase input:not([type=range]):not([type=checkbox]),.burn-showcase select{width:100%;display:block;min-width:0;margin-top:7px;padding:10px;font-size:11px;border:1px solid var(--line);border-radius:9px;background:var(--solid);color:var(--text);min-height:40px}.burn-setting-help{font-size:9px;color:var(--muted);line-height:1.8;margin:11px 0 18px}
.burn-setting-group{border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:13px;background:var(--solid)}.burn-switch-label{display:flex;align-items:center;gap:12px;position:relative;cursor:pointer;min-height:42px}.burn-switch-label>span{flex:1;font-size:12px;line-height:1.7}.burn-switch-label>span>svg{vertical-align:middle;width:17px;height:17px;color:#3c9983;margin-right:6px}.burn-switch-label small{display:block;font-size:9px;color:var(--muted);font-weight:400;line-height:1.8;margin-top:3px}.burn-switch-label input{position:absolute;right:0;width:36px;height:23px;opacity:0;cursor:pointer}.burn-switch-label>i{display:block;width:36px;height:22px;border-radius:30px;background:#9ca5b04d;border:1px solid var(--line);flex:none;position:relative;pointer-events:none;transition:background .2s}.burn-switch-label>i:after{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;background:white;border-radius:50%;box-shadow:0 1px 4px #0002;transition:transform .2s}.burn-switch-label input:checked+i{background:#429582}.burn-switch-label input:checked+i:after{transform:translateX(14px)}.burn-switch-label input:focus-visible+i{outline:3px solid #477dff;outline-offset:3px}.burn-location-field{margin-top:15px}.burn-weather-toggle{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.burn-weather-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:13px}.burn-weather-options button{display:flex;align-items:center;flex-direction:column;gap:6px;padding:10px 3px;border:1px solid var(--line);border-radius:11px;color:var(--muted);background:var(--surface);font-size:9px;min-height:66px;transition:border-color .2s,background .2s,transform .2s}.burn-weather-options button>svg{width:22px;height:22px}.burn-weather-options button[aria-pressed=true]{border-color:#459f94;background:#51a59a12;color:#318777}.burn-weather-options button:hover{transform:translateY(-2px)}#burn-multi-fields{margin-top:15px}
.burn-local-note{font-size:9px;line-height:1.9;color:var(--muted);margin-top:20px}.burn-local-note a{display:block;text-decoration:underline;text-underline-offset:4px;margin-top:6px}
.burn-scene{position:relative;border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#edf2ee}.burn-scene>svg{display:block;width:100%;height:auto}.burn-map-land{fill:#edf2e8}.burn-map-lake{fill:#b4dcd9}.burn-map-road{fill:none;stroke:#fff;stroke-width:18}.burn-map-radius{fill:#469c8420;stroke:#3b9b83;stroke-width:1;stroke-dasharray:4 4}.burn-map-distance{fill:none;stroke:#79968f;stroke-width:1.5;stroke-dasharray:5 4}.burn-target-pin{fill:#3f9680;stroke:white;stroke-width:2}.burn-map-person{fill:#5477a5;stroke:white;stroke-width:3;transition:cx .25s,cy .25s}.has-arrived .burn-map-person{fill:#3a9b81}.burn-scene text{font:10px sans-serif;fill:#5a8377}.burn-scene-label{position:absolute;bottom:10px;left:10px;right:10px;padding:9px 12px;border-radius:10px;background:#ffffffe8;color:#304a40;display:flex;align-items:center;justify-content:space-between;gap:8px;backdrop-filter:blur(8px)}.burn-scene-label>span{display:flex;align-items:center;gap:6px;font-size:11px}.burn-scene-label svg{width:15px;height:15px}.burn-scene-label small{font-size:8px;opacity:.65}
.burn-environment{padding:20px 0}.burn-distance-label{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}.burn-distance-label strong{font-size:12px;color:var(--text);font-variant-numeric:tabular-nums}.burn-environment>input{display:block;width:100%;margin:16px 0 8px;accent-color:#459982;height:18px;cursor:pointer}.burn-distance-axis{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);margin-bottom:22px}.burn-field-caption{display:block;font-size:10px;color:var(--muted)}.burn-reader-password{margin-bottom:18px}
#burn-signer-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 18px}#burn-signer-buttons button{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:9px;background:var(--solid);color:var(--muted);padding:9px;font-size:10px}#burn-signer-buttons button[aria-pressed=true]{border-color:#479987;background:#47998710;color:#398574}#burn-signer-buttons svg{width:15px;height:15px}
.burn-condition-list{list-style:none;margin:0;padding:15px 0;border-block:1px solid var(--line);display:grid;gap:12px}.burn-condition-list li{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);line-height:1.7}.burn-condition-list svg{width:15px;height:15px;flex:none}.burn-condition-list small{font-size:8px;white-space:nowrap;margin-left:auto}.burn-condition-list .is-met{color:#398574}.burn-reader-state{font-size:11px;color:var(--muted);line-height:1.9;margin:18px 0}
.burn-showcase .burn-open-note{display:flex;justify-content:center;align-items:center;width:100%;min-height:47px;border:0;background:var(--button);color:var(--button-text);font-size:12px;border-radius:13px;gap:8px}.burn-open-note:disabled{opacity:.4;cursor:not-allowed}.burn-open-paper{margin-top:16px}.burn-open-paper p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.9;min-height:100px}.burn-reset{display:block;width:100%;margin-top:14px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font-size:11px}
.burn-explanation{margin-top:48px;padding-top:34px;border-top:1px solid var(--line)}.burn-explanation header>span{font-size:10px;color:var(--muted)}.burn-explanation h3{font-size:26px;letter-spacing:-.04em;line-height:1.5;margin:12px 0 25px}.burn-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.burn-feature-grid article{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.burn-feature-grid article>svg{color:#3f9984;width:23px;height:23px}.burn-feature-grid h4{font-size:14px;margin:17px 0 10px;line-height:1.7}.burn-feature-grid p{font-size:11px;color:var(--muted);line-height:2}.burn-file-note{font-size:10px;color:var(--muted);line-height:1.9;margin-top:23px}
@media(max-width:1000px){.burn-playground{gap:18px}.burn-compose-panel,.burn-reader-panel{padding:18px}.burn-paper{padding:18px}.burn-paper textarea{font-size:15px}.burn-weather-options{gap:4px}.burn-switch-label small{font-size:8px}.burn-feature-grid{gap:12px}.burn-feature-grid article{padding:18px}}
@media(max-width:760px){#demo-panel>.burn-showcase{padding:25px 14px}.burn-introduction{padding-bottom:28px}.burn-introduction h3{font-size:29px}.burn-introduction p{font-size:11px}.burn-playground{grid-template-columns:minmax(0,1fr);gap:24px}.burn-reader-panel{position:static}.burn-paper textarea{font-size:16px;min-height:180px}.burn-setting-pair{gap:9px}.burn-switch-label small{font-size:9px}.burn-weather-options button{font-size:9px}.burn-feature-grid{grid-template-columns:minmax(0,1fr)}.burn-explanation{margin-top:35px;padding-top:28px}.burn-explanation h3{font-size:24px}.burn-feature-grid article{padding:22px}.burn-feature-grid h4{font-size:15px}.burn-feature-grid p{font-size:12px}.burn-scene-label strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.burn-showcase *{transition:none!important}.burn-weather-options button:hover,.burn-color-row button:hover{transform:none}}