.masthead{margin-bottom:10px}.sl-app{display:flex;flex-direction:column;min-height:70vh;border:1px solid var(--rule);background:var(--paper);font-family:var(--mono)}.sl-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 14px;border-bottom:1px solid var(--rule);background:var(--paper-hi);position:sticky;top:0;z-index:10}.sl-header-brand{font-size:13px;letter-spacing:.08em;color:var(--ink)}.sl-header-brand span{color:var(--accent)}.sl-header-presets{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.sl-header-presets-label{font-size:11px;color:var(--ink-mute);margin-right:2px}.sl-body{display:flex;flex:1;min-height:0}.sl-catalog{width:200px;flex-shrink:0;border-right:1px solid var(--rule);overflow-y:auto;padding:10px;background:var(--paper)}.sl-catalog-search{width:100%;background:var(--paper-hi);border:1px solid var(--rule);border-radius:3px;padding:5px 8px;font-family:var(--mono);font-size:11px;color:var(--ink);margin-bottom:10px;outline:none;transition:border-color .15s}.sl-catalog-search::placeholder{color:var(--ink-mute)}.sl-catalog-search:focus{border-color:var(--rule-hard)}.sl-cat-group{margin-bottom:10px}.sl-cat-group-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);padding:0 2px 4px;display:block}.sl-cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}.sl-cat-item{display:flex;align-items:flex-start;gap:4px;width:100%;padding:4px 5px;border-radius:3px;border:none;background:transparent;font-family:var(--mono);font-size:11px;color:var(--ink-soft);text-align:left;cursor:grab;transition:background .12s,color .12s}.sl-cat-item:hover{background:var(--paper-hi);color:var(--ink)}.sl-cat-item:active{cursor:grabbing}.sl-cat-item-icon{font-size:12px;line-height:1;flex-shrink:0;margin-top:1px}.sl-cat-item-label{font-size:11px;line-height:1.3;word-break:break-word}.sl-canvas{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto}.sl-canvas-constructor{padding:14px;flex:1}.sl-canvas-constructor-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sl-section-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);font-weight:600}.sl-canvas-export{border-top:1px solid var(--rule);padding:14px;background:var(--paper-hi)}.sl-canvas-export-head{margin-bottom:10px}.sl-canvas-export-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.sl-canvas-export-hint{font-size:11px;color:var(--ink-mute);margin-top:8px;line-height:1.5}.sl-canvas-export-hint b{color:var(--ink-soft)}.sl-line{border:1px dashed var(--rule-hard);border-radius:4px;padding:8px 10px;min-height:48px;margin-bottom:8px;background:var(--paper);transition:border-color .12s,background .12s}.sl-line--drag-over{border-color:var(--accent);background:var(--paper-hi)}.sl-line-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.sl-line-num{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute)}.sl-line-widgets{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.sl-line-empty{font-size:11px;color:var(--ink-mute);padding:4px 0;display:flex;align-items:center;gap:5px}.sl-chip{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:3px;border:1px solid var(--rule-hard);background:var(--paper-hi);font-family:var(--mono);font-size:11px;color:var(--ink);cursor:pointer;user-select:none;transition:border-color .12s,box-shadow .12s}.sl-chip--draggable{cursor:grab}.sl-chip--draggable:active{cursor:grabbing}.sl-chip--selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.sl-chip:hover:not(.sl-chip--selected){border-color:var(--rule-hard);background:var(--paper)}.sl-chip-drag-handle{font-size:9px;color:var(--ink-mute);margin-right:1px}.sl-chip-icon{font-size:11px;opacity:.6}.sl-chip-label{font-size:11px}.sl-chip-remove{margin-left:3px;opacity:.35;border:none;background:transparent;padding:0;cursor:pointer;color:var(--accent);display:flex;align-items:center;transition:opacity .12s}.sl-chip-remove:hover{opacity:1}.sl-settings{width:280px;flex-shrink:0;border-left:1px solid var(--rule);overflow-y:auto;padding:14px;background:var(--paper)}.sl-settings-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sl-settings-title{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute);font-weight:600}.sl-settings-widget-title{display:flex;align-items:center;gap:6px}.sl-settings-widget-name{font-size:13px;font-weight:600;color:var(--ink)}.sl-settings-block{margin-bottom:14px}.sl-settings-label{font-size:11px;color:var(--ink-soft);display:block;margin-bottom:5px}.sl-settings-desc{font-size:11px;color:var(--ink-mute);margin-bottom:10px}.sl-settings-hint{font-size:10px;color:var(--ink-mute);margin-top:4px}.sl-settings-empty{border:1px solid var(--rule);border-radius:3px;padding:10px 12px;font-size:11px;color:var(--ink-mute);background:var(--paper-hi)}.sl-settings-row{display:flex;flex-wrap:wrap;gap:4px}.sl-settings-col{display:flex;flex-direction:column;gap:3px}.sl-settings-flex{display:flex;align-items:center;gap:6px}.sl-settings-checkbox{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-soft);cursor:pointer}.sl-color-themes{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:6px}.sl-color-swatches{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.sl-swatch{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .12s,border-color .12s}.sl-swatch:hover{transform:scale(1.1);border-color:#0003}.sl-swatch--active{transform:scale(1.2);border-color:var(--ink)!important}.sl-color-custom{display:flex;align-items:center;gap:5px}.sl-color-preview{width:16px;height:16px;border-radius:3px;border:1px solid var(--rule-hard);flex-shrink:0}.sl-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:3px;border:1px solid var(--rule-hard);background:var(--paper-hi);font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink-soft);cursor:pointer;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.sl-btn:hover{background:var(--paper);color:var(--ink);border-color:var(--rule-hard)}.sl-btn:active{opacity:.75}.sl-btn-primary{background:var(--accent);color:var(--white);border-color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.sl-btn-primary:hover{background:var(--accent-ink);border-color:var(--accent-ink);color:var(--white)}.sl-btn-danger{background:transparent;border-color:var(--rule);color:var(--ink-mute)}.sl-btn-danger:hover{color:var(--accent);border-color:var(--accent);background:transparent}.sl-btn-sm{padding:3px 8px;font-size:10px}.sl-btn-link{background:transparent;border:none;padding:0;font-family:var(--mono);font-size:11px;color:var(--ink-soft);cursor:pointer;display:inline-flex;align-items:center;gap:3px;transition:color .12s}.sl-btn-link:hover{color:var(--accent)}.sl-input{width:100%;background:var(--paper-hi);border:1px solid var(--rule);border-radius:3px;padding:5px 8px;font-family:var(--mono);font-size:11px;color:var(--ink);outline:none;transition:border-color .12s}.sl-input:focus{border-color:var(--rule-hard)}.sl-input::placeholder{color:var(--ink-mute)}.sl-input-sm{width:60px;padding:3px 6px}.sl-preview{border:1px solid var(--rule);border-radius:4px;overflow:hidden}.sl-preview-bar{--sl-dot-close: #f38ba8;--sl-dot-min: #f9e2af;--sl-dot-max: #a6e3a1;display:flex;align-items:center;gap:5px;padding:7px 10px;background:var(--ink);border-bottom:1px solid rgba(255,255,255,.08)}.sl-preview-dot{width:10px;height:10px;border-radius:50%}.sl-preview-dot:nth-child(1){background:var(--sl-dot-close)}.sl-preview-dot:nth-child(2){background:var(--sl-dot-min)}.sl-preview-dot:nth-child(3){background:var(--sl-dot-max)}.sl-preview-title{margin-left:6px;font-size:11px;color:var(--ink-mute);font-family:var(--mono)}.sl-preview-body{background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:13px;padding:10px 14px;overflow-x:auto}.sl-preview-body-inner{display:flex;flex-wrap:wrap;align-items:center}.sl-preview-empty{font-style:italic;color:var(--ink-soft)}.sl-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:#141210b3}.sl-modal-body{width:100%;max-width:720px;max-height:80vh;border:1px solid var(--rule-hard);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;background:var(--paper)}.sl-modal-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--rule);background:var(--paper-hi)}.sl-modal-title{font-size:12px;font-weight:600;color:var(--ink);letter-spacing:.04em}.sl-modal-actions{display:flex;align-items:center;gap:6px}.sl-modal-code{flex:1;overflow:auto;padding:14px;font-family:var(--mono);font-size:12px;color:var(--ink-soft);line-height:1.6;background:var(--paper);white-space:pre}.sl-btn--active{background:var(--paper-hi);border-color:var(--accent);color:var(--accent)}.sl-btn--active:hover{background:var(--paper-hi);color:var(--accent);border-color:var(--accent)}@keyframes sl-blink{0%,to{opacity:1}50%{opacity:0}}.sl-cursor{animation:sl-blink 1.2s ease-in-out infinite}@media(max-width:768px){.sl-body{flex-direction:column}.sl-catalog{width:100%;border-right:none;border-bottom:1px solid var(--rule);max-height:220px}.sl-settings{width:100%;border-left:none;border-top:1px solid var(--rule)}.sl-header{padding:8px 12px}}.sl-section-label,.sl-cat-group-label{font-size:12px}.sl-line-num{font-size:11px}.sl-cat-item,.sl-cat-item-label,.sl-catalog-search{font-size:13px}.sl-line-empty{font-size:12px}.sl-header-presets-label{font-size:13px}.sl-header .sl-btn-sm,.sl-btn-link{font-size:12px}.sl-preview-title{font-size:13px}.sl-export-preview{border-bottom:1px solid var(--rule-hard)}.sl-export-col-head{display:flex;align-items:center;padding:0 2px 10px}.sl-export-setup{border-top:1px solid var(--rule-hard)}.sl-install-row{display:grid;grid-template-columns:20px 140px 1fr;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid var(--rule-hard)}.sl-install-row:last-child{border-bottom:none}.sl-hint-step{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--ink-2);color:var(--paper);font-size:10px;font-weight:700;flex-shrink:0;letter-spacing:0}.sl-install-row-label{font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap}.sl-install-row-code{font-family:var(--mono);font-size:12px;color:var(--ink);background:#0000000f;border:1px solid var(--rule-hard);padding:3px 7px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sl-install-row-note{font-size:13px;color:var(--ink-mute)}.sl-install-row-setting{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.sl-install-row-file{font-family:var(--mono);font-size:11px;color:var(--ink);white-space:nowrap;flex-shrink:0}.sl-modal-title{font-size:13px}.sl-modal-code{font-size:13px;line-height:1.65}.sl-btn,.sl-input,.sl-chip-label,.sl-settings-label,.sl-settings-hint{font-size:13px}.sl-btn-sm{font-size:11px}.sl-line-max-hint{font-size:11px;color:var(--ink-mute)}.sl-settings-label--mt{margin-top:10px}.sl-settings-widget-name{font-size:14px}.sl-settings-widget-icon{font-size:16px}.sl-settings-block{margin-bottom:18px}.sl-settings-row{gap:6px}.sl-settings-col{gap:6px;overflow:hidden}.sl-catalog-col,.sl-settings-col{display:flex;flex-direction:column;flex-shrink:0}.sl-catalog-col{margin:14px 0 14px 14px}.sl-settings-col{margin:14px 14px 14px 0}.sl-body>.sl-settings-col{gap:0}.sl-col-head{display:flex;align-items:center;padding:0 2px 10px}.sl-catalog{background:var(--rule);border-right:none;border:1px solid var(--rule-hard);border-radius:4px;margin:0;width:100%;flex:1;min-height:0;overflow-y:auto}.sl-settings{background:var(--rule);border-left:none;border:1px solid var(--rule-hard);border-radius:4px;margin:0;width:100%;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto}.sl-cat-grid{grid-template-columns:1fr}.sl-app{min-height:auto}.sl-canvas-constructor{flex:none}@media(min-width:769px){.sl-catalog-col{width:240px}.sl-body>.sl-settings-col{width:240px}}@media(max-width:768px){.sl-catalog-col,.sl-settings-col{width:100%;margin:0}}.sl-header-actions{display:flex;gap:4px;margin-left:auto}.sl-canvas-export{background:var(--rule);border:1px solid var(--rule-hard);border-radius:4px;margin-bottom:14px;overflow-x:hidden}.sl-line{background:var(--rule);border-style:solid;border-color:var(--rule-hard)}.sl-line .sl-chip{background:#1e1e2e;border-color:#ffffff26}.sl-line .sl-chip:hover:not(.sl-chip--selected){background:#252540;border-color:#ffffff47}.sl-line .sl-chip-remove{color:#b4001e;opacity:1}.sl-line .sl-chip-remove:hover{color:var(--accent-ink)}.sl-line .sl-chip--selected{border-color:var(--accent)}.sl-line--drag-over{background:var(--paper-hi);border-color:var(--accent)}.sl-settings-empty{border:none;background:none;font-size:13px;color:var(--ink-mute);line-height:1.6;padding:0}p.sl-settings-empty{max-width:26ch;margin:0}.sl-settings-block+.sl-settings-block{border-top:1px solid var(--rule);padding-top:14px}.sl-settings-block+.sl-settings-empty{margin-top:14px}.sl-settings>div>.sl-settings-head{flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:0;border-bottom:1px solid var(--rule);margin-bottom:0}.sl-settings>div>.sl-settings-head>.sl-btn-link{order:-1}.sl-settings-desc{font-size:13px;margin-top:0;margin-bottom:14px}.sl-settings-checkbox{font-size:13px;margin-bottom:6px}.sl-btn--active{background:var(--ink-2);border-color:var(--ink-2);color:var(--paper)}.sl-btn--active:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.sl-header-brand{display:none}.masthead{margin-bottom:44px}.sl-page[data-astro-cid-eyczjcvm]{max-width:1000px;margin:0 auto;padding:80px 24px}@media(max-width:640px){.sl-page[data-astro-cid-eyczjcvm]{padding:48px 16px 60px}}.sl-back[data-astro-cid-eyczjcvm]{text-decoration:none;color:var(--ink-soft);transition:color .15s}.sl-back[data-astro-cid-eyczjcvm]:hover{color:var(--ink)}.sl-intro[data-astro-cid-eyczjcvm]{margin-bottom:40px}.sl-name[data-astro-cid-eyczjcvm]{font-family:var(--serif);font-weight:400;font-style:italic;font-size:clamp(36px,5vw,56px);line-height:.95;letter-spacing:-.02em;margin:0 0 14px;text-rendering:optimizeLegibility}.sl-name[data-astro-cid-eyczjcvm] .period[data-astro-cid-eyczjcvm]{color:var(--accent);font-style:normal}.sl-intro[data-astro-cid-eyczjcvm] .lede[data-astro-cid-eyczjcvm]{font-size:clamp(15px,1.8vw,18px);max-width:62ch}.inspired-by[data-astro-cid-eyczjcvm]{margin-top:10px;font-size:13px;color:var(--ink-soft)}.inspired-by[data-astro-cid-eyczjcvm] a[data-astro-cid-eyczjcvm]{color:var(--ink-soft);text-decoration:underline;text-decoration-color:var(--ink-soft);text-underline-offset:2px;transition:color .15s}.inspired-by[data-astro-cid-eyczjcvm] a[data-astro-cid-eyczjcvm]:hover{color:var(--ink)}@media(max-width:640px){.sl-intro[data-astro-cid-eyczjcvm]{margin-bottom:28px}}