html,body{color:#d8cba6;background:#101014;min-height:100vh;margin:0;font-family:Georgia,Times New Roman,serif}#app{text-align:center;place-items:center;min-height:100vh;display:grid}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}body.playground-ui-hidden [data-playground-ui]{visibility:hidden;pointer-events:none}.playground-btn{font:var(--dock-font,12px) / var(--dock-line-height,1.35) ui-monospace, monospace;color:#d8cba6;padding:var(--dock-btn-pad-y,5px) var(--dock-btn-pad-x,10px);cursor:pointer;touch-action:manipulation;background:#0a0a0ee0;border:1px solid #3a3628;border-radius:6px}.playground-btn:disabled{opacity:.45}.playground-btn.is-active{outline:2px solid #cfa54a}.playground-btn--block{text-align:left;width:100%}.playground-btn--row{text-align:center;white-space:nowrap;padding:8px 10px}.playground-btn--scale-jump{min-width:36px;padding:2px 5px;font-size:10px}.playground-btn--scale-step{min-width:26px;padding:2px 7px}.playground-restore-btn{z-index:30;padding:8px 14px;display:none;position:fixed;top:12px;right:12px;box-shadow:0 4px 16px #00000073}.playground-restore-btn.is-visible{display:block}.dock-hint{opacity:.6;font-size:var(--dock-hint-font,11px);line-height:var(--dock-line-height,1.35);flex-basis:100%}.dock-scale-row{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.dock-scale-row__label{font-size:var(--dock-font-compact,11px);color:#b7a97f;flex:0 0 54px}.dock-scale-row__controls{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.dock-scale-row__value{text-align:center;font-variant-numeric:tabular-nums;font-size:var(--dock-font-compact,11px);flex:0 0 40px}.dock-muted-copy{color:#8d835f;font-size:10px;line-height:var(--dock-line-height,1.35)}.dock-muted-copy--dim{color:#6d6348}.playground-dock{--dock-edge-top:12px;--dock-edge-bottom:12px;--dock-edge-left:0px;--dock-collapse-tab:28px;--dock-edge-gap:12px;--dock-margin:40px;--dock-panel-min:200px;--dock-panel-max:340px;--dock-font:12px;--dock-font-compact:11px;--dock-line-height:1.35;--dock-summary-pad-y:8px;--dock-summary-pad-x:12px;--dock-summary-compact-pad-y:5px;--dock-summary-compact-pad-x:10px;--dock-body-pad-x:10px;--dock-body-pad-bottom:10px;--dock-body-gap:8px;--dock-milestone-gap:5px;--dock-controls-gap:5px;--dock-btn-pad-y:5px;--dock-btn-pad-x:10px;--dock-hint-font:11px;--dock-hint-label-font:10px;--dock-hint-label-compact-font:9px;--dock-chevron-font:13px;--dock-chevron-compact-font:11px;--dock-panel-width:clamp(var(--dock-panel-min), calc(100vw - var(--dock-margin)), var(--dock-panel-max));--dock-panel-row-width:var(--dock-panel-width);top:var(--dock-edge-top);left:var(--dock-edge-left);bottom:var(--dock-edge-bottom);z-index:20;width:fit-content;max-width:100vw;max-height:calc(100vh - var(--dock-edge-top) - var(--dock-edge-bottom));max-height:calc(100dvh - var(--dock-edge-top) - var(--dock-edge-bottom));font:var(--dock-font) ui-monospace, monospace;color:#d8cba6;flex-direction:column;align-items:flex-start;display:flex;position:fixed}.playground-dock-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#5a5038 transparent;flex-direction:column;flex:1;align-items:flex-start;gap:6px;width:100%;min-height:0;display:flex;overflow:hidden auto}.playground-dock-scroll::-webkit-scrollbar{width:6px}.playground-dock-scroll::-webkit-scrollbar-thumb{background:#5a5038;border-radius:3px}.dock-row{align-items:stretch;width:fit-content;max-width:100%;display:flex}.dock-row-panel,.dock-row-wide{width:calc(var(--dock-panel-row-width) + var(--dock-collapse-tab))}.dock-row-pin,.dock-row-collapse{flex:0 0 var(--dock-collapse-tab);width:var(--dock-collapse-tab);color:#cfa54a;cursor:pointer;touch-action:manipulation;background:#0a0a0eeb;border:1px solid #5a5038;border-left:none;border-radius:0 6px 6px 0;justify-content:center;align-items:center;min-height:36px;margin:0;display:flex}.dock-row-pin{padding:4px 2px;font:600 10px/1.2 ui-monospace,monospace;display:none}.dock-row-collapse{align-self:stretch;padding:0;font:700 15px/1 ui-monospace,monospace}.dock-row[data-collapsed=true] .dock-row-pin{display:flex}.dock-row[data-collapsed=true] .dock-row-collapse{display:none}.dock-row-content{width:fit-content;max-width:var(--dock-panel-row-width);opacity:1;flex:0 auto;align-items:stretch;transition:flex .2s,opacity .2s,max-width .2s,max-height .2s;display:flex;overflow:visible}.dock-row-content>*{flex:none}.dock-row-panel .dock-row-content,.dock-row-wide .dock-row-content{width:var(--dock-panel-row-width);min-width:0;max-width:var(--dock-panel-row-width);flex:auto}.dock-row-panel .dock-row-content>*,.dock-row-wide .dock-row-content>*{box-sizing:border-box;flex:auto;width:100%;min-width:0;max-width:100%}.dock-panel{box-sizing:border-box;border:1px solid #6d6348;border-left:3px solid var(--dock-accent,#cfa54a);background:#0a0a0ef0;border-radius:8px;width:100%;min-width:0;max-width:100%;box-shadow:0 2px 10px #00000059}.dock-panel__summary{cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--dock-summary-pad-y) var(--dock-summary-pad-x);font:600 var(--dock-font) / var(--dock-line-height) ui-monospace, monospace;letter-spacing:.03em;background:linear-gradient(#3a36288c,#100e0a00);border-radius:6px 6px 0 0;justify-content:space-between;align-items:center;gap:8px;min-width:0;list-style:none;display:flex}.dock-panel__summary--compact{padding:var(--dock-summary-compact-pad-y) var(--dock-summary-compact-pad-x);font-size:var(--dock-font-compact);letter-spacing:.02em;gap:6px}.dock-panel.is-open>.dock-panel__summary{background:linear-gradient(#48402cbf,#18161033)}.dock-panel__title{color:#e8dcc0}.dock-panel.is-open .dock-panel__title{color:#f7ecc8}.dock-panel__hint-label{color:#8d835f;font-size:var(--dock-hint-label-font);margin-left:auto;font-weight:400}.dock-panel.is-open .dock-panel__hint-label{color:#b7a97f}.dock-panel--milestone .dock-panel__hint-label{font-size:var(--dock-hint-label-compact-font)}.dock-panel__chevron{color:#cfa54a;font-size:var(--dock-chevron-font);font-weight:700;line-height:1}.dock-panel--milestone .dock-panel__chevron{font-size:var(--dock-chevron-compact-font)}.dock-panel__body{gap:var(--dock-body-gap);padding:0 var(--dock-body-pad-x) var(--dock-body-pad-bottom);box-sizing:border-box;width:100%;min-width:0;max-width:100%;font:var(--dock-font) / var(--dock-line-height) ui-monospace, monospace;flex-direction:column;display:flex}.dock-panel__body--milestone{gap:var(--dock-milestone-gap)}.dock-panel__body--group{gap:0}.dock-panel__group{flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.dock-panel__body>button,.dock-panel__body>.dock-panel__controls,.dock-panel__body>div{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.dock-panel__controls{gap:var(--dock-controls-gap);box-sizing:border-box;width:100%;min-width:0;font:var(--dock-font) / var(--dock-line-height) ui-monospace, monospace;color:#d8cba6;flex-wrap:wrap;align-items:center;display:flex}.dock-panel__controls .playground-btn{white-space:normal;text-align:center;flex:0 auto;max-width:100%}.dock-panel__controls>.dock-hint{word-break:break-word;overflow-wrap:anywhere;flex:100%}.dock-embed-stats{width:100%;font:var(--dock-font) / 1.5 ui-monospace, monospace;color:#d8cba6;pointer-events:none;box-sizing:border-box;background:#0a0a0ee0;border:1px solid #3a3628;border-right:none;border-radius:6px 0 0 6px;flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding:8px 12px;display:flex}.dock-embed-stats__item{white-space:nowrap;flex:0 auto}.dock-row[data-collapsed=true]{align-self:flex-start;width:32px}.dock-row[data-collapsed=true] .dock-row-content{opacity:0;visibility:hidden;pointer-events:none;flex:0 0 0;width:0;min-width:0;max-width:0;min-height:0;max-height:0;margin:0;padding:0;overflow:hidden}@media (width<=768px){.playground-dock{--dock-edge-top:max(8px, env(safe-area-inset-top,0px));--dock-edge-left:env(safe-area-inset-left,0px);--dock-edge-bottom:max(8px, env(safe-area-inset-bottom,0px));--dock-margin:calc(var(--dock-collapse-tab) + var(--dock-edge-gap) + env(safe-area-inset-right,0px));--dock-panel-min:0px;--dock-panel-row-width:min(var(--dock-panel-width), calc(100vw - var(--dock-collapse-tab) - var(--dock-edge-left)));--dock-font:11px;--dock-body-pad-x:8px;--dock-body-pad-bottom:8px;--dock-body-gap:6px;--dock-milestone-gap:4px;--dock-controls-gap:4px;--dock-summary-pad-y:6px;--dock-summary-pad-x:8px;--dock-summary-compact-pad-y:4px;--dock-summary-compact-pad-x:8px;--dock-hint-font:10px;max-width:calc(100vw - var(--dock-edge-left))}.playground-btn--row{white-space:normal}.playground-restore-btn{top:max(8px, env(safe-area-inset-top,0px));right:max(8px, env(safe-area-inset-right,0px))}}