.showcase{--sx:clamp(20px, 5vw, 72px);background:#000;width:100%;padding:0 0 clamp(40px,4.5vw,64px)}.appmock{width:min(100% - 2 * var(--sx), 1296px);margin:0 auto;container:appmock/inline-size}.appmock__cap{font:400 12px/1.4 var(--mono);color:#7a8a82;margin-top:14px}.aw{--bg:#0e0e0e;--bg-sunk:#0a0a0a;--card:#181818;--hover:#202020;--active:#1f1f1f;--border-strong:#2e2e2e;--text:#f2f2f2;--text-2:#c4c4c4;--muted:#8a8a8a;--faint:#5c5c5c;--accent:#19c366;--accent-text:#3dd584;--kit-line:#1f2422;--kit-hairline:#1a1f1d;--kit-head:#0e1110;--kit-body:#0c0e0d;--kit-hover:#111413;--kit-label:#8a938e;--kit-text-2:#b9c0bc;--kit-control:#2a302d;--kit-dim:#0e2f1d;--r:7px;--rs:5px;--rx:4px;background:var(--bg);color:var(--text);font:400 13px/1.45 var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;border:1px solid #2a2f2d;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,0 48px 140px -48px #19c36647}.aw svg{flex:none}.aw-spacer{flex:1}.aw-muted{color:var(--muted)}.aw-sm{font-size:12px}.aw-bar{background:var(--bg-sunk);border-bottom:1px solid #1c1c1c;justify-content:center;align-items:center;height:34px;display:flex;position:relative}.aw-dots{gap:7px;display:flex;position:absolute;left:14px}.aw-dots i{background:#2a2d2c;border-radius:50%;width:10px;height:10px}.aw-title{letter-spacing:.12em;color:var(--muted);font-size:12px;font-weight:600}.aw-body{grid-template-columns:48px minmax(0,1fr) clamp(340px,30%,420px);height:640px;display:grid}.aw-rail{border-right:1px solid var(--border-strong);background:var(--bg);flex-direction:column;min-height:0;display:flex}.aw-brand{height:48px;color:var(--accent);place-items:center;line-height:0;display:grid}.aw-rail-list{flex-direction:column;gap:2px;margin:0;padding:6px;list-style:none;display:flex}.aw-rail-bottom{border-top:1px solid var(--border-strong);margin-top:auto}.aw-rail-item{border-radius:var(--rs);height:32px;color:var(--text-2);align-items:center;padding:0 9px;display:flex}.aw-rail-item.is-active{background:var(--active);color:var(--accent);box-shadow:inset 2px 0 0 var(--accent);border-radius:0}.aw-ib{border-radius:var(--rx);width:28px;height:28px;color:var(--text-2);flex:none;place-items:center;display:inline-grid}.aw-btn{border-radius:var(--rs);border:1px solid var(--kit-control);background:var(--card);height:32px;color:var(--text);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.aw-btn--ghost{color:var(--kit-text-2);background:0 0;border-color:#0000;padding:0 10px}.aw-btn--sm{height:28px;padding:0 10px;font-size:12px}.aw-btn--accent{border-color:var(--accent);color:var(--accent-text);background:0 0}.aw-btn--off{opacity:.45}.aw-btn--primary{background:var(--accent);border-color:var(--accent);color:#04130a;font-weight:600}.aw-chip{border-radius:var(--rx);height:18px;color:var(--accent-text);white-space:nowrap;border:1px solid #1c4a2f;align-items:center;gap:4px;padding:0 6px;font-size:10.5px;font-weight:500;line-height:1;display:inline-flex}.aw-chip--act{border-color:var(--accent)}.aw-centre{flex-direction:column;min-width:0;min-height:0;padding:0 8px;display:flex}.aw-head{border-bottom:1px solid var(--kit-line);align-items:center;gap:12px;height:48px;margin:0 -8px;padding:0 16px;display:flex}.aw-name{border-left:1px solid var(--kit-control);padding-left:12px;font-size:13px;font-weight:600}.aw-tabs{height:42px;box-shadow:inset 0 -1px 0 var(--kit-line);flex:none;gap:4px;margin-top:8px;display:flex}.aw-tab{color:var(--kit-text-2);white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:0 16px;font-weight:500;display:inline-flex}.aw-tab.is-active{border-bottom-color:var(--accent);color:var(--text);font-weight:600}.aw-work{flex:1;grid-template-columns:36px minmax(0,1fr) 220px;gap:12px;min-height:0;padding:12px 0;display:grid}.aw-xrail{border:1px solid var(--kit-line);border-radius:var(--r);background:var(--kit-head);color:var(--muted);justify-content:center;padding-top:9px;display:flex}.aw-editor{border:1px solid var(--kit-line);border-radius:var(--r);background:var(--kit-body);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.aw-ehead{background:var(--kit-head);border-bottom:1px solid var(--kit-line);white-space:nowrap;flex:none;align-items:center;gap:8px;min-height:40px;padding:0 8px;display:flex}.aw-fname{font-family:var(--mono);font-weight:600}.aw-code{color:#e2e5ea;min-height:0;font:400 12px/18px var(--mono);background:#0c0d10;flex-direction:column;flex:1;margin:0;padding:6px 0;display:flex;overflow:hidden}.aw-line{white-space:pre;min-height:18px;display:flex}.aw-gut{text-align:right;color:#5b6270;background:#0f1114;flex:none;width:40px;margin-right:12px;padding-right:10px;box-shadow:1px 0 #22262d}.aw-t--c{color:#6b7383;font-style:italic}.aw-t--s{color:#a5d6a7}.aw-t--k{color:#c792ea}.aw-t--v{color:#f07178}.aw-t--f{color:#82aaff}.aw-t--y{color:#ffcb6b}.aw-info{min-width:0;min-height:0;font-size:12px;overflow:hidden}.aw-side{border:1px solid var(--kit-line);border-radius:var(--r);background:var(--kit-body);margin:0 0 12px;overflow:hidden}.aw-side h3{background:var(--kit-head);border-bottom:1px solid var(--kit-line);text-transform:uppercase;letter-spacing:.06em;min-height:36px;color:var(--kit-label);align-items:center;margin:0;padding:4px 12px;font-size:11px;font-weight:500;display:flex}.aw-row{border-top:1px solid var(--kit-hairline);justify-content:space-between;gap:10px;padding:8px 12px;display:flex}.aw-side h3+.aw-row,.aw-rows>.aw-row:first-child{border-top:0}.aw-k{color:var(--kit-label);-webkit-text-decoration:underline dotted var(--faint);text-decoration:underline dotted var(--faint);text-underline-offset:3px;flex:none}.aw-side--about .aw-k{text-decoration:none}.aw-row--stack{flex-direction:column;gap:3px}.aw-row--stack .aw-v{text-align:left;white-space:nowrap}.aw-v{min-width:0;color:var(--text);font-family:var(--mono);text-align:right;overflow-wrap:anywhere}.aw-pos{color:var(--accent)}.aw-link{color:var(--accent-text)}.aw-cp{border-left:1px solid var(--border-strong);background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.aw-cp-head{border-bottom:1px solid var(--kit-line);flex:none;align-items:center;gap:8px;height:48px;padding:0 12px 0 16px;display:flex}.aw-cp-tabs{align-self:stretch;align-items:stretch;gap:14px;margin-bottom:-1px;display:flex}.aw-cp-tabs span{color:var(--kit-text-2);border-bottom:2px solid #0000;align-items:center;padding:0 2px;font-size:12px;font-weight:500;display:inline-flex}.aw-cp-tabs .is-active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.aw-cp-chat{flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px 18px 12px 20px;display:flex;overflow:hidden}.aw-user{background:var(--kit-hover);border:1px solid var(--kit-line);border-radius:var(--rs);padding:8px 10px}.aw-reply{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.aw-reply>p{margin:0;line-height:1.55}.aw-marker{border:1px solid var(--kit-line);border-radius:var(--rx);align-items:stretch;font-size:11px;line-height:1.4;display:inline-flex;overflow:hidden}.aw-marker b{text-transform:uppercase;letter-spacing:.04em;color:var(--accent-text);background:#102618;padding:1px 6px;font-weight:600}.aw-marker span{color:var(--text-2);border-left:1px solid var(--kit-line);padding:1px 6px}.aw-prop{border:1px solid var(--kit-line);border-radius:var(--r);background:var(--kit-body);flex-direction:column;align-self:stretch;gap:8px;padding:0 0 10px;display:flex;overflow:hidden}.aw-prop>*{margin:0;padding-left:12px;padding-right:12px}.aw-prop-head{background:var(--kit-head);border-bottom:1px solid var(--kit-line);min-height:34px;color:var(--text-2);align-items:center;gap:7px;padding-top:4px;padding-bottom:4px;display:flex}.aw-prop-head strong{color:var(--text);font-weight:600}.aw-prop-why{color:var(--text-2)}.aw-prop-rows{flex-direction:column;margin:0;display:flex}.aw-prop-rows>div{justify-content:space-between;gap:12px;padding-top:3px;padding-bottom:3px;display:flex}.aw-prop-rows dt{color:var(--muted)}.aw-prop-rows dd{color:var(--text);margin:0;font-weight:600}.aw-prop-act{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.aw-note{color:var(--muted);align-items:center;gap:6px;display:flex}.aw-cp-foot{flex:none;padding:0 16px 10px}.aw-input{border:1px solid var(--kit-control);border-radius:var(--rs);background:var(--bg);padding:7px 8px 6px}.aw-ph{color:var(--faint);padding:3px 2px 8px;display:block}.aw-ctl{min-width:0;color:var(--faint);align-items:center;gap:4px;display:flex}.aw-picker{color:var(--text-2);align-items:center;gap:4px;padding:2px 4px;font-size:11px;display:inline-flex}.aw-tog{border-radius:var(--rx);width:26px;height:26px;color:var(--muted);flex:none;place-items:center;display:inline-grid}.aw-tog.is-on{background:var(--kit-dim);color:var(--accent-text)}.aw-share{text-overflow:ellipsis;min-width:0;height:22px;margin-left:2px;padding:0 7px;overflow:hidden}.aw-send{color:var(--accent-text)}.aw-cp-note{text-align:center;color:var(--faint);margin-top:6px;font-size:10px}@container appmock (width<=1240px) and (width>=1060px){.aw-hide-md{display:none}}@container appmock (width<=1059px){.aw-body{grid-template-rows:640px auto;grid-template-columns:48px minmax(0,1fr);height:auto}.aw-cp{border-left:0;border-top:1px solid var(--border-strong);grid-column:1/-1}.aw-cp-chat{padding-bottom:14px}.aw-reply,.aw-user{max-width:640px}}@container appmock (width<=699px){.aw-body{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr)}.aw-rail{display:none}.aw-centre{padding:0 8px}.aw-head{gap:8px;padding:0 12px}.aw-head .aw-btn{height:30px;padding:0 8px}.aw-tabs{justify-content:space-between;gap:0;overflow:hidden}.aw-tab{gap:0;padding:0 7px;font-size:12px}.aw-tab svg{display:none}.aw-work{grid-template-columns:minmax(0,1fr);gap:10px;padding:10px 0 8px}.aw-xrail,.aw-hide-sm,.aw-lines{display:none}.aw-code{flex:none;height:240px;padding:6px 0 0;font-size:11px;line-height:17px;-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.aw-line{min-height:17px}.aw-gut{width:30px;margin-right:8px;padding-right:6px}.aw-info{overflow:visible}.aw-side{margin:0}.aw-row--date{flex-direction:row;gap:10px}.aw-row--date .aw-v{text-align:right}.aw-cp-chat{padding:12px}.aw-cp-foot{padding:0 12px 10px}.aw-share,.aw-prop-why{display:none}}@container appmock (width<=380px){.aw-row--date{flex-direction:column;gap:3px}.aw-row--date .aw-v{text-align:left}}