.scripts-directory{margin-bottom:var(--s-8)}.scripts-group{gap:var(--s-8);padding-block:var(--s-7);border-top:1px solid var(--border);grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);display:grid}.scripts-group>h2{font-family:var(--font-display);font-size:var(--t-h3);margin:0;font-weight:500;line-height:1.25}.scripts-group-links{gap:var(--s-6) var(--s-7);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.script-card{justify-content:space-between;align-items:flex-start;gap:var(--s-4);color:var(--ink);border-radius:var(--r);text-decoration:none;display:flex}.script-card>div{min-width:0}.script-card h3{margin:0 0 var(--s-2);font-size:var(--t-h4);line-height:1.4}.script-card p{font-size:var(--t-sm);color:var(--ink-mid);margin:0;line-height:1.6}.script-card>svg{margin-top:var(--s-1);color:var(--ink-light);flex:none}.script-card:hover h3{color:var(--accent-text);text-underline-offset:.2em;text-decoration:underline}.script-card:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset)}.script-crumb{color:var(--ink-light);text-decoration:none}.script-detail-grid{gap:var(--s-7);margin:var(--s-5) 0 var(--s-9);grid-template-columns:1fr;display:grid}.script-main-content,.script-config-aside{min-width:0}.script-config-panel{padding:var(--s-5);border-radius:var(--r-panel);background:var(--bg-alt);position:sticky;top:5rem}.script-config-title{margin:0 0 var(--s-2);font-family:var(--font-display);font-size:var(--t-h4);color:var(--ink);font-weight:500}.script-config-hint{margin:0 0 var(--s-5);font-size:var(--t-label);color:var(--ink-mid);line-height:1.6}.script-config-copy{justify-content:center;gap:var(--s-2);width:100%;margin-top:var(--s-4);padding:var(--s-3);display:flex}.script-form-group{margin-bottom:var(--s-4)}.script-form-label{margin-bottom:var(--s-1);font-size:var(--t-label);color:var(--ink-mid);font-weight:600;display:block}.script-form-input,.script-form-select{width:100%;min-height:var(--tap);padding:var(--s-2) var(--s-3);border:1px solid var(--border-mid);border-radius:var(--r);background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:var(--t-sm)}.script-form-input:focus,.script-form-select:focus{outline:var(--focus-width) solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.script-form-checkbox{align-items:center;gap:var(--s-2);min-height:var(--tap);font-size:var(--t-sm);color:var(--ink-mid);cursor:pointer;display:flex}.script-shots{gap:var(--s-4);margin-bottom:var(--s-7);display:grid}.script-shot{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-alt);margin:0;overflow:hidden}.script-shot img{width:100%;height:auto;display:block}.script-shot figcaption{padding:var(--s-2) var(--s-3);border-top:1px solid var(--border);font-size:var(--t-label);color:var(--ink-light)}.script-playground{margin-bottom:var(--s-7);padding:var(--s-5);border-radius:var(--r-panel);background:var(--bg-alt)}.script-playground-head{justify-content:space-between;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-4);flex-wrap:wrap;display:flex}.script-playground-title{font-family:var(--font-display);font-size:var(--t-h4);color:var(--ink);margin:0;font-weight:500}.script-playground-note{font-size:var(--t-label);color:var(--ink-light)}.script-demo-actions{align-items:center;gap:var(--s-3) var(--s-4);flex-wrap:wrap;display:flex}.script-demo-hint{max-width:var(--measure);font-size:var(--t-sm);color:var(--ink-mid);flex:260px;line-height:1.6}.btn-demo-trigger{align-items:center;gap:var(--s-2);min-height:var(--tap);padding:var(--s-2) var(--s-5);background:var(--action-bg);color:var(--action-text);font-size:var(--t-sm);cursor:pointer;border:0;border-radius:999px;font-weight:600;display:inline-flex}.btn-demo-trigger:hover{background:var(--action-bg-hover)}.btn-demo-trigger:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset)}.script-datalayer-log{max-height:180px;margin-top:var(--s-4);padding:var(--s-3);border-radius:var(--r);background:var(--bg);font-family:var(--font-mono);font-size:var(--t-label);color:var(--ink);line-height:1.6;overflow-y:auto}.script-datalayer-head{margin-bottom:var(--s-1);font-family:var(--font-text);color:var(--ink-mid);font-weight:600}.script-datalayer-empty{font-family:var(--font-text);color:var(--ink-light)}.script-sim-table{width:100%;margin-top:var(--s-4);border-collapse:collapse;border-radius:var(--r);background:var(--bg);font-size:var(--t-label)}.script-sim-table caption{padding:var(--s-3) var(--s-3) var(--s-2);text-align:left;color:var(--ink);background:var(--bg);border-radius:var(--r) var(--r) 0 0;font-weight:600}.script-sim-table th{padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--border);text-align:left;color:var(--ink-light);font-weight:600}.script-sim-table td{padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--border);color:var(--ink-mid)}.script-sim-table tr:last-child td{border-bottom:0}.script-sim-table td:first-child{font-family:var(--font-mono);color:var(--ink)}.script-sim-table tr.is-alert td:last-child{color:var(--ink);font-weight:600}.script-demo-hud-preview{margin-top:var(--s-4);padding:var(--s-4);border:1px solid var(--border);border-radius:var(--r);background:var(--bg);font-family:var(--font-mono);font-size:var(--t-label);color:var(--ink)}.script-demo-hud-head{justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-2);padding-bottom:var(--s-2);border-bottom:1px solid var(--border);font-family:var(--font-text);display:flex}.script-demo-hud-close{min-width:var(--tap);min-height:var(--tap);border-radius:var(--r);background:var(--surface-pill);color:var(--ink-mid);cursor:pointer;border:0;place-items:center;display:grid}.script-demo-hud-close:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset)}.script-easteregg-overlay{z-index:999999;padding:var(--s-5);background:color-mix(in srgb, var(--ink) 45%, transparent);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.script-easteregg-modal{width:100%;max-width:480px;padding:var(--s-6);border-radius:var(--r-panel);background:var(--bg);box-shadow:var(--shadow-lg);color:var(--ink)}.script-easteregg-header{justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3);display:flex}.script-easteregg-badge{font-family:var(--font-mono);font-size:var(--t-label);color:var(--ink-light)}.script-easteregg-title{margin-bottom:var(--s-3);font-family:var(--font-display);font-size:var(--t-h4);font-weight:500}.script-easteregg-table{width:100%;margin-bottom:var(--s-5);border-collapse:collapse;font-family:var(--font-mono);font-size:var(--t-label)}.script-easteregg-table td{padding:var(--s-2) 0;border-bottom:1px solid var(--border)}.script-easteregg-table td:first-child{width:1%;padding-right:var(--s-5);white-space:nowrap;color:var(--ink-light)}.script-easteregg-close-btn{width:100%;min-height:var(--tap);background:var(--surface-pill);color:var(--ink);font-size:var(--t-sm);cursor:pointer;border:0;border-radius:999px;font-weight:600}.script-easteregg-close-btn:hover{background:var(--border)}.script-easteregg-close-btn:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset)}.script-code-container{margin-bottom:var(--s-8);border-radius:var(--r-lg);background:var(--bg-alt);overflow:hidden}.script-code-header{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4);border-bottom:1px solid var(--border);background:var(--surface-pill);flex-wrap:wrap;display:flex}.script-code-lang{font-size:var(--t-label);color:var(--ink-mid);font-weight:600}.btn-code-copy{align-items:center;gap:var(--s-1);min-height:32px;padding:var(--s-1) var(--s-3);border-radius:var(--r);background:var(--bg);color:var(--ink);font-size:var(--t-label);cursor:pointer;border:0;font-weight:600;display:inline-flex}.btn-code-copy:hover{color:var(--accent-text)}.btn-code-copy:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset)}.script-code-pre{max-height:520px;padding:var(--s-5);font-family:var(--font-mono);font-size:var(--t-label);color:var(--ink);margin:0;line-height:1.6;overflow:auto}.script-section{margin-bottom:var(--s-8)}.script-section-h2{margin:0 0 var(--s-4);font-family:var(--font-display);font-size:var(--t-h3);color:var(--ink);font-weight:500}.script-prose,.script-steps-list{max-width:var(--measure);font-size:var(--t-body);color:var(--ink-mid);line-height:1.7}.script-prose ol,.script-prose ul,.script-steps-list{margin:0;padding-left:1.25rem}.script-prose li,.script-step-item{margin-bottom:var(--s-2)}.script-prose code{border-radius:var(--r);background:var(--bg-alt);font-family:var(--font-mono);color:var(--ink);padding:.1em .35em;font-size:.85em}@media (width>=720px){.script-shots{grid-template-columns:repeat(2,minmax(0,1fr))}.script-shot:first-child{grid-column:1/-1}}@media (width>=900px){.script-detail-grid{grid-template-columns:320px minmax(0,1fr)}}@media (width<=899px){.script-config-panel{position:static}}@media (width<=860px){.scripts-group{gap:var(--s-5);grid-template-columns:1fr}}@media (width<=540px){.scripts-group-links{grid-template-columns:1fr}}
