.file-toolbar-buttons{display:flex;flex-direction:row;align-items:center;gap:4px}.file-toolbar-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:var(--jiscribe-radius);background:transparent;color:var(--jiscribe-icon-foreground);cursor:pointer;transition:background-color .2s cubic-bezier(.645,.045,.355,1)}.file-toolbar-button:hover{background-color:var(--jiscribe-surface-hover)}.file-toolbar-button:active{background-color:var(--jiscribe-surface-active)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%}body{margin:0;min-width:320px;background:#1e1e1e}.examples{display:flex;width:100%;height:100%}.examples-sidebar{flex:0 0 248px;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;background:#161618;color:#d4d4d8;border-right:1px solid #2b2b2b;color-scheme:dark}.examples-brand{display:flex;align-items:center;gap:12px;padding:18px 16px 14px;border-bottom:1px solid #232326}.examples-brand-mark{flex:0 0 auto;width:32px;height:32px;display:block}.examples-heading{margin:0;font-size:.875rem;font-weight:600;letter-spacing:.01em;color:#f4f4f5}.examples-nav{flex:1;overflow-y:auto;padding:8px}.examples-section-title{margin:16px 10px 6px;font-size:.66rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#6f7078}.examples-section:first-child .examples-section-title{margin-top:6px}.examples-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.examples-item{border-radius:6px}.examples-item.active{background:linear-gradient(90deg,#0f9e8f29,#0f9e8f0a);box-shadow:inset 2px 0 #14b8a6;padding-bottom:8px}.examples-item+.examples-item.active,.examples-item.active+.examples-item{margin-top:6px}.examples-nav a{display:block;padding:7px 10px 7px 14px;border-radius:6px;font-size:.8125rem;line-height:1.35;color:#a1a1aa;text-decoration:none;transition:background-color .12s ease,color .12s ease}.examples-nav a:hover{background:#ffffff0d;color:#e4e4e7}.examples-nav a:focus-visible{outline:1px solid #14b8a6;outline-offset:-1px}.examples-item.active a{background:none;color:#fafafa;font-weight:600}.examples-detail{display:flex;flex-direction:column;gap:5px;padding:0 12px 0 14px}.examples-description{margin:0;font-size:.72rem;line-height:1.5;color:#a1a1aa}.examples-source{margin:0;font-size:.66rem;font-family:ui-monospace,monospace;color:#6f7078;word-break:break-all}.examples-content{flex:1;min-width:0;position:relative}