@import url("/app/nav.css");
:root{color-scheme:dark;--c2-ground:#05090f;--c2-panel:#0b121c;--c2-panel2:#101923;--c2-edge:#223044;--c2-ink:#e7f1ff;--c2-muted:#a8bad0;--c2-cyan:#34d9ff;--c2-ok:#60e6a8;--c2-warn:#f0b84b;--c2-red:#ff7580}
.crea2-app{margin:0;background:var(--c2-ground);color:var(--c2-ink);font:14px/1.6 system-ui,sans-serif}.crea2-app *,.crea2-shell *,.crea2-overlay *{box-sizing:border-box}.crea2-app a,.crea2-shell a{color:var(--c2-cyan)}
.crea2-shell{position:sticky;top:0;z-index:1000;color:var(--c2-ink);font:13px/1.4 system-ui,sans-serif;background:var(--c2-ground);margin:0!important;max-width:none!important;text-align:left}
.crea2-ctxmenu{position:fixed!important;z-index:2147483647!important;min-width:230px;max-width:min(360px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow:auto;margin:0!important;padding:5px!important;background:var(--c2-panel)!important;color:var(--c2-ink)!important;border:1px solid var(--c2-edge)!important;border-radius:8px!important;box-shadow:0 14px 34px #000a,0 0 0 1px #0006;font:13px/1.4 system-ui,sans-serif!important;text-align:left!important;outline:none;user-select:none}.crea2-ctxmenu *{box-sizing:border-box}
.crea2-ctxmenu-title{padding:6px 10px 5px;color:var(--c2-muted);font:11px/1.4 ui-monospace,monospace;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--c2-edge);margin-bottom:4px}.crea2-ctxmenu-heading{padding:5px 10px 2px 32px;color:var(--c2-muted);font:10px/1.4 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em}
.crea2-ctxmenu-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:5px;cursor:pointer;white-space:nowrap;color:var(--c2-ink);outline:none}.crea2-ctxmenu-item:hover,.crea2-ctxmenu-item:focus{background:#092e3d;color:var(--c2-cyan)}.crea2-ctxmenu-item:focus-visible{box-shadow:inset 0 0 0 1px var(--c2-cyan)}.crea2-ctxmenu-item[aria-disabled=true]{opacity:.42;cursor:default}.crea2-ctxmenu-item[aria-disabled=true]:hover{background:none;color:var(--c2-ink)}
.crea2-ctxmenu-check{width:14px;flex-shrink:0;color:var(--c2-cyan);text-align:center}.crea2-ctxmenu-label{flex:1;overflow:hidden;text-overflow:ellipsis}.crea2-ctxmenu-hint{color:var(--c2-muted);font:11px ui-monospace,monospace;padding-left:14px}.crea2-ctxmenu-sep{height:1px;background:var(--c2-edge);margin:4px 6px}
.crea2-viewhint{color:var(--c2-muted);font:12px ui-monospace,monospace}.crea2-file{position:relative;cursor:pointer}.crea2-file input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.crea2-file-name{color:var(--c2-cyan);text-decoration:underline;text-underline-offset:3px}.crea2-file:focus-within .crea2-file-name{outline:1px solid var(--c2-cyan);outline-offset:2px}.crea2-listrow{cursor:context-menu}.crea2-listrow>a{cursor:pointer}
.crea2-main{max-width:1440px;margin:auto;padding:28px 28px 70px}.crea2-loading{padding:30px}.crea2-main h1{font-size:30px;line-height:1.2;margin:12px 0 8px;font-weight:550}.crea2-main h2{font-size:20px;font-weight:500;margin:22px 0 12px}.crea2-main h3{font-size:17px;font-weight:500;margin:0 0 6px}.crea2-main p{color:var(--c2-muted);margin:7px 0 18px}.crea2-meta{font:12px/1.5 ui-monospace,monospace;color:var(--c2-muted)}.crea2-breadcrumb{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--c2-muted);font-size:12px}.crea2-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0}.crea2-toolbar .spacer{flex:1}
.crea2-app button,.crea2-button{font:inherit;border:1px solid var(--c2-edge);border-radius:5px;background:var(--c2-panel);color:var(--c2-ink);padding:8px 12px;cursor:pointer;text-decoration:none;display:inline-block}.crea2-app button:hover,.crea2-button:hover{border-color:var(--c2-cyan)}.crea2-app button.primary,.crea2-button.primary{color:var(--c2-cyan);border-color:var(--c2-cyan);background:#092e3d}.crea2-app button[aria-pressed=true]{color:var(--c2-cyan);border-color:var(--c2-cyan)}.crea2-app button:disabled{opacity:.5;cursor:default}.crea2-app input,.crea2-app select,.crea2-app textarea{font:inherit;background:var(--c2-panel);color:var(--c2-ink);border:1px solid var(--c2-edge);padding:9px 10px;border-radius:5px;max-width:100%;min-width:0}.crea2-app label{display:flex;align-items:center;gap:8px}.crea2-app textarea{width:100%;min-height:150px;resize:vertical}.crea2-app details{border-top:1px solid var(--c2-edge);padding:12px 0}.crea2-app summary{cursor:pointer;color:var(--c2-muted)}
.crea2-grid{display:grid;grid-template-columns:repeat(var(--c2-columns,4),minmax(0,1fr));gap:18px}.crea2-card{background:var(--c2-panel);border:1px solid var(--c2-edge);border-radius:7px;overflow:hidden;min-width:0}.crea2-photo{padding:0!important;border:0!important;background:var(--c2-panel2)!important;display:block!important;width:100%;overflow:hidden;position:relative;aspect-ratio:4/5;cursor:zoom-in!important;border-radius:0!important}.crea2-photo img{display:block;width:100%;height:100%;object-fit:cover}.crea2-photo .crea2-image-error{color:var(--c2-muted);position:absolute;inset:0;display:grid;place-content:center;padding:18px}.crea2-cardcopy{padding:16px}.crea2-cardcopy p{font-size:13px}.crea2-cardcopy small{color:var(--c2-muted)}.crea2-cardcopy .crea2-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.crea2-cardcopy .crea2-actions button,.crea2-cardcopy .crea2-actions a{font-size:12px;padding:6px 9px}.crea2-tag{color:var(--c2-cyan);font:11px ui-monospace,monospace;text-transform:uppercase}.crea2-tag.failed,.crea2-error{color:var(--c2-red)}.crea2-notice{padding:14px 18px;background:var(--c2-panel2);border-left:3px solid var(--c2-cyan);margin:18px 0;color:var(--c2-muted)}.crea2-error{padding:15px;border:1px solid var(--c2-red);border-radius:6px}.crea2-list{display:grid;gap:8px}.crea2-listrow{padding:16px;background:var(--c2-panel);border:1px solid var(--c2-edge);border-radius:6px;display:flex;align-items:center;gap:15px}.crea2-listrow>a{flex:1;text-decoration:none}.crea2-listrow small{display:block;color:var(--c2-muted)}.crea2-form{display:grid;gap:16px;max-width:660px;padding:22px;border:1px solid var(--c2-edge);border-radius:7px;background:var(--c2-panel)}.crea2-form label{display:grid;gap:6px}.crea2-form small{color:var(--c2-muted)}.crea2-statrow{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--c2-edge);padding:15px 0;max-width:800px}.crea2-statrow code{color:var(--c2-cyan)}.crea2-prose{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.8 system-ui,sans-serif;color:var(--c2-muted);max-width:900px}.crea2-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.crea2-lanes .crea2-grid{grid-template-columns:1fr}
.crea2-overlay{position:fixed!important;inset:0!important;z-index:2147483647!important;background:#05090ff5!important;color:var(--c2-ink)!important;display:flex!important;flex-direction:column!important;font:14px/1.5 system-ui,sans-serif!important;padding:0!important;margin:0!important;max-width:none!important}.crea2-viewbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 18px;background:var(--c2-panel);border-bottom:1px solid var(--c2-edge)}.crea2-viewbar strong{flex:1;min-width:100px;font-weight:500}.crea2-overlay button,.crea2-overlay a{font:13px system-ui,sans-serif;color:var(--c2-ink);border:1px solid var(--c2-edge);background:var(--c2-panel2);border-radius:5px;padding:8px 10px;text-decoration:none;cursor:pointer}.crea2-canvas{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:12px}.crea2-canvas img{display:block;max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-out}.crea2-canvas.fill img{width:100%;height:100%;object-fit:cover}.crea2-canvas.actual{display:block}.crea2-canvas.actual img{max-width:none;max-height:none}.crea2-viewfoot{text-align:center;padding:8px;color:var(--c2-muted);font:12px ui-monospace,monospace}.crea2-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:2147483647;max-width:90vw;background:var(--c2-panel2);border:1px solid var(--c2-edge);color:var(--c2-ink);padding:12px 18px;border-radius:6px;font:13px system-ui,sans-serif}
@media(max-width:1050px){.crea2-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.crea2-main{padding:20px 15px 50px}.crea2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crea2-lanes{grid-template-columns:1fr}.crea2-listrow{flex-wrap:wrap}.crea2-main h1{font-size:25px}.crea2-viewbar{gap:6px}.crea2-viewbar strong{flex-basis:100%}}
@media(max-width:420px){.crea2-grid{grid-template-columns:1fr}.crea2-photo{aspect-ratio:1}}
/* Notes readability: rendered Markdown, sticky outline (scroll-spy) and tables. --c2-sticky = visible height of the sticky tab row (set by shell.mjs). */
html{scroll-padding-top:calc(var(--c2-sticky,47px) + 16px)}
.crea2-notes-meta{margin:-6px 0 22px;color:#8fa3bb}
.crea2-notes{display:grid;grid-template-columns:250px minmax(0,1fr);gap:44px;align-items:start}.crea2-notes.no-toc{grid-template-columns:minmax(0,1fr)}
.crea2-toc{position:sticky;top:calc(var(--c2-sticky,47px) + 18px);max-height:calc(100vh - var(--c2-sticky,47px) - 36px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;border-left:1px solid var(--c2-edge);padding:2px 0 12px;font:13.5px/1.4 system-ui,sans-serif}
.crea2-toc-title{padding:0 12px 8px;color:#8fa3bb;font:11px/1.4 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.07em}
.crea2-toc a{display:block;margin-left:-1px;padding:5px 12px;border-left:2px solid transparent;color:#a9bbd0;text-decoration:none;overflow-wrap:anywhere;transition:color .12s,background .12s,border-color .12s}
.crea2-toc a.l2{color:#d3dfec;font-weight:550;margin-top:6px}.crea2-toc a.l3{padding-left:24px}.crea2-toc a.l4{padding-left:36px;font-size:12.5px;color:#93a7be}
.crea2-toc a:hover{color:var(--c2-ink);background:#0d1825}.crea2-toc a[aria-current]{color:var(--c2-cyan);border-left-color:var(--c2-cyan);background:#092e3d99}
.crea2-doc{min-width:0;font:16.5px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;color:#d7e3f1;-webkit-font-smoothing:antialiased}
.crea2-doc>*:first-child{margin-top:0}
.crea2-doc p,.crea2-doc ul,.crea2-doc ol,.crea2-doc blockquote,.crea2-doc pre{max-width:75ch}
.crea2-main .crea2-doc p{color:#d7e3f1;margin:0 0 16px}
.crea2-doc h1,.crea2-doc h2,.crea2-doc h3,.crea2-doc h4,.crea2-doc h5,.crea2-doc h6{color:#f3f8ff;line-height:1.3;letter-spacing:-.005em}
.crea2-main .crea2-doc h1{font-size:30px;font-weight:600;margin:0 0 18px}
.crea2-main .crea2-doc h2{font-size:24px;font-weight:600;margin:52px 0 16px;padding-top:20px;border-top:1px solid var(--c2-edge)}
.crea2-main .crea2-doc h3{font-size:19.5px;font-weight:600;margin:36px 0 12px;color:#e9f2fd}
.crea2-main .crea2-doc h4{font-size:17px;font-weight:600;margin:28px 0 10px;color:#bfe8ff}
.crea2-doc h5,.crea2-doc h6{font-size:15px;margin:22px 0 8px;color:#bfe8ff}
.crea2-doc hr{border:0;border-top:1px solid var(--c2-edge);margin:40px 0}.crea2-doc hr+h2{border-top:0;padding-top:0;margin-top:0}
.crea2-doc strong{color:#fff;font-weight:650}.crea2-doc em{color:#e8f0fa}
.crea2-doc a{color:#5fe0ff;text-decoration:underline;text-decoration-color:#5fe0ff66;text-underline-offset:3px}.crea2-doc a:hover{text-decoration-color:currentColor}
.crea2-doc code{font:.86em/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:#0f1b29;border:1px solid #1f2d40;border-radius:4px;padding:.12em .38em;color:#c4ecff;overflow-wrap:anywhere}
.crea2-doc pre.crea2-code{background:#0a121c;border:1px solid var(--c2-edge);border-radius:8px;padding:14px 16px;overflow:auto;margin:0 0 18px}.crea2-doc pre.crea2-code code{background:none;border:0;padding:0;font-size:14px;white-space:pre;overflow-wrap:normal}
.crea2-doc ul,.crea2-doc ol{padding-left:1.45em;margin:0 0 16px}.crea2-doc li{margin:5px 0;padding-left:.2em}.crea2-doc li::marker{color:#6f8bab}.crea2-doc li ul,.crea2-doc li ol{margin:5px 0 0}.crea2-doc li.task{list-style:none;margin-left:-1.2em}
.crea2-doc blockquote{margin:0 0 18px;padding:10px 18px;border-left:3px solid var(--c2-cyan);background:var(--c2-panel);border-radius:0 6px 6px 0;color:#c9d7e7}.crea2-doc blockquote p:last-child{margin-bottom:0}
.crea2-tablewrap{margin:4px 0 26px;max-width:100%}.crea2-tablewrap:focus-visible{outline:1px solid var(--c2-cyan);outline-offset:3px}
.crea2-table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;line-height:1.5;border:1px solid #26364b;border-radius:8px;background:var(--c2-panel)}
.crea2-table th{position:sticky;top:var(--c2-sticky,47px);z-index:3;background:#152334;color:#f3f8ff;font-weight:600;text-align:left;padding:10px 14px;border-bottom:1px solid #31445e;white-space:nowrap;box-shadow:0 1px 0 #31445e}
.crea2-table th:first-child{border-top-left-radius:7px}.crea2-table th:last-child{border-top-right-radius:7px}
.crea2-table td{padding:9px 14px;vertical-align:top;color:#d7e3f1;border-top:1px solid #1b2738;overflow-wrap:break-word}
.crea2-table tbody tr:first-child td{border-top:0}.crea2-table tbody tr:nth-child(even) td{background:#111c2a}.crea2-table tbody tr:hover td{background:#132538}
.crea2-table tbody tr:last-child td:first-child{border-bottom-left-radius:7px}.crea2-table tbody tr:last-child td:last-child{border-bottom-right-radius:7px}
.crea2-table .a-right,.crea2-table .num{text-align:right}.crea2-table .a-center{text-align:center}.crea2-table td.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.crea2-table td:first-child{color:#eef5ff}
@media(max-width:1050px){.crea2-notes{grid-template-columns:minmax(0,1fr);gap:18px}.crea2-toc{position:static;max-height:40vh;border:1px solid var(--c2-edge);border-radius:8px;padding:10px 0;background:var(--c2-panel)}.crea2-toc a{margin-left:0}}
@media(max-width:760px){.crea2-doc{font-size:16px}.crea2-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.crea2-table{width:max-content;min-width:100%;max-width:none}.crea2-table td{max-width:70vw}.crea2-table th{position:static}}

/* T pages list: search + page count stay pinned under the 32px Crea Lab 2 bar while the list scrolls (Oct 21). */
.crea2-tp-bar{position:sticky;top:var(--c2-sticky,32px);z-index:900;background:var(--c2-ground);margin:20px 0 0;padding:10px 0;border-bottom:1px solid var(--c2-edge)}.crea2-tp-bar .crea2-meta{margin:0}

/* Insights top posts (Oct 22): phone-first cards, thumbnails via /api/insights/thumb. */
.crea2-ins-bar{margin:16px 0 6px}.crea2-ins-bar select{font:inherit;background:var(--c2-panel);color:var(--c2-ink);border:1px solid var(--c2-edge);border-radius:5px;padding:8px 10px}
.crea2-app a.crea2-ins-card{display:block;color:var(--c2-ink);text-decoration:none}.crea2-ins-card:hover,.crea2-ins-card:focus-visible{border-color:var(--c2-cyan);outline:none}
.crea2-ins-photo{position:relative;aspect-ratio:4/5;background:var(--c2-panel2);overflow:hidden;display:flex;align-items:center;justify-content:center}.crea2-ins-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.crea2-ins-rank,.crea2-ins-ratio{position:absolute;left:8px;background:#05090fd9;border-radius:5px;padding:2px 8px;font:12px/1.6 ui-monospace,monospace}.crea2-ins-rank{top:8px;color:var(--c2-muted)}.crea2-ins-ratio{bottom:8px;color:var(--c2-ok);font-size:16px;font-weight:650}
.crea2-ins-card .crea2-cardcopy{padding:12px 14px}.crea2-main .crea2-ins-card h3{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:2px 0}
.crea2-ins-stats{font:13px/1.5 ui-monospace,monospace;color:var(--c2-ink)}.crea2-main p.crea2-ins-cap{font-size:13px;line-height:1.45;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.crea2-main p.crea2-ins-foot{margin-top:28px;font-size:13px}
@media(max-width:760px){.crea2-ins-bar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:4px}.crea2-ins-bar button,.crea2-ins-bar select{flex:none;font-size:13px;padding:7px 10px}}
@media(max-width:420px){.crea2-grid.crea2-ins-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.crea2-ins-photo{aspect-ratio:4/5}.crea2-ins-card .crea2-cardcopy{padding:8px 10px}.crea2-main .crea2-ins-card h3{font-size:14px}.crea2-ins-stats{font-size:11.5px}.crea2-main p.crea2-ins-cap{display:none}}