/* latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/brand-3.woff2?v=a3b66800e9aa") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/brand-4.woff2?v=4a259dde317e") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/brand-8.woff2?v=6bc0f226a5b7") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/brand-9.woff2?v=08949f728dc5") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/brand-16.woff2?v=0b1fcab42c18") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/brand-17.woff2?v=7d93459d8658") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/brand-19.woff2?v=af5fda16a191") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/brand-20.woff2?v=cd36de204aca") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/brand-22.woff2?v=bb1f2d582e7f") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/brand-23.woff2?v=f4e80d9dfd37") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/brand-25.woff2?v=ccfd87f69ef0") format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/brand-26.woff2?v=9338e65fc077") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{font-family:'Exo 2';font-style:normal;font-weight:400 700;font-display:swap;src:url("/fonts/exo-workspace-3.woff2?v=cca67914133e") format('woff2');unicode-range:U+0020,U+0041,U+00C1,U+0150,U+0151,U+0170,U+0171}
@font-face{font-family:'Exo 2';font-style:normal;font-weight:400 700;font-display:swap;src:url("/fonts/exo-workspace-4.woff2?v=9447824d102f") format('woff2');unicode-range:U+0020,U+0021,U+0022,U+0023,U+0024,U+0025,U+0026,U+0027,U+0028,U+0029,U+002A,U+002B,U+002C,U+002D,U+002E,U+002F,U+0030,U+0031,U+0032,U+0033,U+0034,U+0035,U+0036,U+0037,U+0038,U+0039,U+003A,U+003B,U+003C,U+003D,U+003E,U+003F,U+0040,U+0041,U+0042,U+0043,U+0044,U+0045,U+0046,U+0047,U+0048,U+0049,U+004A,U+004B,U+004C,U+004D,U+004E,U+004F,U+0050,U+0051,U+0052,U+0053,U+0054,U+0055,U+0056,U+0057,U+0058,U+0059,U+005A,U+005B,U+005C,U+005D,U+005E,U+005F,U+0060,U+0061,U+0062,U+0063,U+0064,U+0065,U+0066,U+0067,U+0068,U+0069,U+006A,U+006B,U+006C,U+006D,U+006E,U+006F,U+0070,U+0071,U+0072,U+0073,U+0074,U+0075,U+0076,U+0077,U+0078,U+0079,U+007A,U+007B,U+007C,U+007D,U+007E,U+00A3,U+00A9,U+00AB,U+00B7,U+00BB,U+00C1,U+00C9,U+00CD,U+00D3,U+00D6,U+00D7,U+00DA,U+00DC,U+00E1,U+00E9,U+00ED,U+00F3,U+00F6,U+00FA,U+00FC,U+2013,U+2014,U+2018,U+2019,U+201C,U+201D,U+201E,U+2022,U+2026,U+2039,U+203A,U+20AC,U+2212}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/brand-workspace-8.woff2?v=d7e54036a8f6") format('woff2');unicode-range:U+0020,U+0061,U+0062,U+0150,U+0151,U+0170,U+0171}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/brand-workspace-9.woff2?v=0c1caca0453b") format('woff2');unicode-range:U+0020,U+0021,U+0022,U+0023,U+0024,U+0025,U+0026,U+0027,U+0028,U+0029,U+002A,U+002B,U+002C,U+002D,U+002E,U+002F,U+0030,U+0031,U+0032,U+0033,U+0034,U+0035,U+0036,U+0037,U+0038,U+0039,U+003A,U+003B,U+003C,U+003D,U+003E,U+003F,U+0040,U+0041,U+0042,U+0043,U+0044,U+0045,U+0046,U+0047,U+0048,U+0049,U+004A,U+004B,U+004C,U+004D,U+004E,U+004F,U+0050,U+0051,U+0052,U+0053,U+0054,U+0055,U+0056,U+0057,U+0058,U+0059,U+005A,U+005B,U+005C,U+005D,U+005E,U+005F,U+0060,U+0061,U+0062,U+0063,U+0064,U+0065,U+0066,U+0067,U+0068,U+0069,U+006A,U+006B,U+006C,U+006D,U+006E,U+006F,U+0070,U+0071,U+0072,U+0073,U+0074,U+0075,U+0076,U+0077,U+0078,U+0079,U+007A,U+007B,U+007C,U+007D,U+007E,U+00A3,U+00A9,U+00AB,U+00B7,U+00BB,U+00C1,U+00C9,U+00CD,U+00D3,U+00D6,U+00D7,U+00DA,U+00DC,U+00E1,U+00E9,U+00ED,U+00F3,U+00F6,U+00FA,U+00FC,U+2013,U+2014,U+2018,U+2019,U+201C,U+201D,U+201E,U+2022,U+2026,U+2039,U+203A,U+20AC,U+2193,U+2212}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/brand-workspace-19.woff2?v=54c456215622") format('woff2');unicode-range:U+0020,U+0150,U+0151,U+0170,U+0171}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/brand-workspace-20.woff2?v=9a92cd709a27") format('woff2');unicode-range:U+0020,U+0021,U+0022,U+0023,U+0024,U+0025,U+0026,U+0027,U+0028,U+0029,U+002A,U+002B,U+002C,U+002D,U+002E,U+002F,U+0030,U+0031,U+0032,U+0033,U+0034,U+0035,U+0036,U+0037,U+0038,U+0039,U+003A,U+003B,U+003C,U+003D,U+003E,U+003F,U+0040,U+0041,U+0042,U+0043,U+0044,U+0045,U+0046,U+0047,U+0048,U+0049,U+004A,U+004B,U+004C,U+004D,U+004E,U+004F,U+0050,U+0051,U+0052,U+0053,U+0054,U+0055,U+0056,U+0057,U+0058,U+0059,U+005A,U+005B,U+005C,U+005D,U+005E,U+005F,U+0060,U+0061,U+0062,U+0063,U+0064,U+0065,U+0066,U+0067,U+0068,U+0069,U+006A,U+006B,U+006C,U+006D,U+006E,U+006F,U+0070,U+0071,U+0072,U+0073,U+0074,U+0075,U+0076,U+0077,U+0078,U+0079,U+007A,U+007B,U+007C,U+007D,U+007E,U+00A3,U+00A9,U+00AB,U+00B7,U+00BB,U+00C1,U+00C9,U+00CD,U+00D3,U+00D6,U+00D7,U+00DA,U+00DC,U+00E1,U+00E9,U+00ED,U+00F3,U+00F6,U+00FA,U+00FC,U+2013,U+2014,U+2018,U+2019,U+201C,U+201D,U+201E,U+2022,U+2026,U+2039,U+203A,U+20AC,U+2212}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/brand-workspace-22.woff2?v=986b1e321928") format('woff2');unicode-range:U+0020,U+0150,U+0151,U+0170,U+0171}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/brand-workspace-23.woff2?v=a72cb6178e51") format('woff2');unicode-range:U+0020,U+0021,U+0022,U+0023,U+0024,U+0025,U+0026,U+0027,U+0028,U+0029,U+002A,U+002B,U+002C,U+002D,U+002E,U+002F,U+0030,U+0031,U+0032,U+0033,U+0034,U+0035,U+0036,U+0037,U+0038,U+0039,U+003A,U+003B,U+003C,U+003D,U+003E,U+003F,U+0040,U+0041,U+0042,U+0043,U+0044,U+0045,U+0046,U+0047,U+0048,U+0049,U+004A,U+004B,U+004C,U+004D,U+004E,U+004F,U+0050,U+0051,U+0052,U+0053,U+0054,U+0055,U+0056,U+0057,U+0058,U+0059,U+005A,U+005B,U+005C,U+005D,U+005E,U+005F,U+0060,U+0061,U+0062,U+0063,U+0064,U+0065,U+0066,U+0067,U+0068,U+0069,U+006A,U+006B,U+006C,U+006D,U+006E,U+006F,U+0070,U+0071,U+0072,U+0073,U+0074,U+0075,U+0076,U+0077,U+0078,U+0079,U+007A,U+007B,U+007C,U+007D,U+007E,U+00A3,U+00A9,U+00AB,U+00B7,U+00BB,U+00C1,U+00C9,U+00CD,U+00D3,U+00D6,U+00D7,U+00DA,U+00DC,U+00E1,U+00E9,U+00ED,U+00F3,U+00F6,U+00FA,U+00FC,U+2013,U+2014,U+2018,U+2019,U+201C,U+201D,U+201E,U+2022,U+2026,U+2039,U+203A,U+20AC,U+2212}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/brand-workspace-25.woff2?v=0ce8dfc2aa30") format('woff2');unicode-range:U+0020,U+0150,U+0151,U+0170,U+0171}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/brand-workspace-26.woff2?v=7809fa13f282") format('woff2');unicode-range:U+0020,U+0021,U+0022,U+0023,U+0024,U+0025,U+0026,U+0027,U+0028,U+0029,U+002A,U+002B,U+002C,U+002D,U+002E,U+002F,U+0030,U+0031,U+0032,U+0033,U+0034,U+0035,U+0036,U+0037,U+0038,U+0039,U+003A,U+003B,U+003C,U+003D,U+003E,U+003F,U+0040,U+0041,U+0042,U+0043,U+0044,U+0045,U+0046,U+0047,U+0048,U+0049,U+004A,U+004B,U+004C,U+004D,U+004E,U+004F,U+0050,U+0051,U+0052,U+0053,U+0054,U+0055,U+0056,U+0057,U+0058,U+0059,U+005A,U+005B,U+005C,U+005D,U+005E,U+005F,U+0060,U+0061,U+0062,U+0063,U+0064,U+0065,U+0066,U+0067,U+0068,U+0069,U+006A,U+006B,U+006C,U+006D,U+006E,U+006F,U+0070,U+0071,U+0072,U+0073,U+0074,U+0075,U+0076,U+0077,U+0078,U+0079,U+007A,U+007B,U+007C,U+007D,U+007E,U+00A3,U+00A9,U+00AB,U+00B7,U+00BB,U+00C1,U+00C9,U+00CD,U+00D3,U+00D6,U+00D7,U+00DA,U+00DC,U+00E1,U+00E9,U+00ED,U+00F3,U+00F6,U+00FA,U+00FC,U+2013,U+2014,U+2018,U+2019,U+201C,U+201D,U+201E,U+2022,U+2026,U+2039,U+203A,U+20AC,U+2212}
/* Essentials for the app shell. Editorial routes retain their own legacy layer. */
:root{--carbon:#0f0a1e;--carbon-2:#181127;--carbon-3:#211832;--bone:#f3f3f9;--bone-dim:#cbc7db;--bone-faint:#aba6bf;--line:#e2d2ff1f;--line-strong:#e2d2ff3d;--ember:#6600ff;--ember-2:#d59bff;--gold:#00ffcc;--ok:#00ffcc;--ember-grad:linear-gradient(95deg,#a975ff,#fa66ff);--font-display:'Exo 2',sans-serif;--font-body:'Poppins',sans-serif;--font-editorial:'Exo 2',sans-serif;--font-mono:'IBM Plex Mono',monospace;--maxw:1320px;--pad:clamp(1.25rem,4vw,2.5rem);--radius:10px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}ul,ol{list-style:none}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.025em;text-wrap:balance}h1 em,h2 em{font-style:normal}p{overflow-wrap:break-word}input,select,textarea{min-width:0}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.anchor-alias{position:absolute;top:0}.skip{position:absolute;left:-9999px;top:0;background:#d59bff;color:#15121f;padding:12px 20px;z-index:2000;font:14px var(--font-mono)}.skip:focus{left:0}.grid-2{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}.field input,.field textarea,.field select{width:100%;background:var(--carbon-3);border:1px solid var(--line-strong);border-radius:var(--radius);color:var(--bone);padding:.85rem 1rem;font:inherit}.field textarea{min-height:140px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:12px 20px;border:1px solid var(--line-strong);border-radius:6px;font:inherit}.btn--primary{background:linear-gradient(110deg,#6600ff,#9600d4);color:#fff}
[data-install-app][hidden]{display:none!important}.pwa-update,.pwa-dialog{font-family:inherit;color:#f3f3f9;background:#181127;border:1px solid #ba82ff;border-radius:16px;box-shadow:0 12px 40px #0006}.pwa-update{position:fixed;z-index:85;right:20px;bottom:20px;max-width:min(400px,calc(100vw - 40px));padding:18px;display:flex;flex-wrap:wrap;gap:12px}.pwa-update p{margin:0;width:100%;line-height:1.5}.pwa-update button,.pwa-dialog button{font:inherit;font-weight:600;border:1px solid #ba82ff;border-radius:8px;padding:10px 16px;min-height:44px;color:#0f0a1e;background:#ba82ff;cursor:pointer}.pwa-update button:last-child{color:#f3f3f9;background:transparent}.pwa-update button:focus-visible,.pwa-dialog button:focus-visible{outline:3px solid #f3f3f9;outline-offset:3px}.pwa-dialog{max-width:min(480px,calc(100vw - 32px));padding:28px}.pwa-dialog::backdrop{background:#000b}.pwa-dialog h2{font-size:1.35rem;line-height:1.3}.pwa-dialog p{line-height:1.65;margin:18px 0}
/* MyForge IDE: one responsive workspace, using the original brand identity. */
body.ide-site,body.ide-document{--ide-bg:#15121f;--ide-panel:#1b1727;--ide-raised:#231e31;--ide-line:#ffffff0e;--ide-line-strong:#b69cdb25;--ide-text:#eeeaf5;--ide-muted:#a79cb9;--ide-faint:#80748f;--ide-purple:#a772ff;--ide-magenta:#e18af5;--ide-cyan:#5ae3c9;--ide-ui:"Poppins",system-ui,sans-serif;--ide-display:"Exo 2",system-ui,sans-serif;--ide-mono:"IBM Plex Mono",Consolas,monospace;background:var(--ide-bg);color:var(--ide-text);font-family:var(--ide-ui);font-size:14px;line-height:1.6}
body.ide-site{height:100dvh;margin:0;overflow:hidden}
.ide-site *, .ide-document *{box-sizing:border-box}
.ide-site [hidden],.ide-document [hidden]{display:none!important}
.ide-site > .nav,.ide-site > .footer{display:none}
.ide-site button,.ide-site input,.ide-site select,.ide-site textarea{font:inherit}
.ide-site a{color:inherit;text-decoration:none}
.ide-site button{cursor:pointer}
.ide-site :focus-visible,.ide-document :focus-visible{outline:2px solid var(--ide-cyan);outline-offset:3px}
.ide-site ::selection,.ide-document ::selection{background:#9254e75c;color:#fff}
.ide-window{display:grid;grid-template-rows:42px minmax(0,1fr) 25px;width:100%;height:100dvh;min-height:0;overflow:hidden;background:var(--ide-bg)}
/* Chrome */
.ide-titlebar{display:flex;align-items:center;gap:13px;min-width:0;height:42px;padding:0 15px;background:#1b1726;border-bottom:1px solid #0007;position:relative;z-index:50;color:#cbbfdc}
.ide-window-controls{display:flex;gap:6px;align-items:center;flex:none;margin-right:2px}
.ide-wordmark{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap;font:600 14px/1 var(--ide-display);color:#eee5f8;letter-spacing:.01em}
.ide-wordmark img{display:block;width:24px;height:24px;object-fit:contain;border:0;box-shadow:none;border-radius:0}
.ide-wordmark strong,.ide-wordmark .brand-word>span{color:#cd9cff}
.ide-command-button{appearance:none;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-width:90px;max-width:490px;flex:1;min-height:27px;margin:0 auto;padding:3px 11px;border:1px solid #ab8dc62c;border-radius:5px;background:#ffffff04;color:#b7aacb;font:11px/1.4 var(--ide-ui);cursor:pointer}
.ide-command-button:hover{background:#ffffff08;border-color:#bc91ee66}
.ide-command-button svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}
.ide-command-button kbd{font:10px var(--ide-mono);color:#9989af;border:1px solid #ab8dc623;border-radius:3px;padding:1px 4px}
.ide-top-cta{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:29px;padding:4px 12px;border:1px solid #a978ed65;border-radius:4px;background:#7842ba24;color:#e9d8ff;font-size:11px;font-weight:500;white-space:nowrap}
.ide-titlebar .ide-top-cta{color:#eee0ff;transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s}
.ide-titlebar .ide-top-cta:is(:hover,:focus-visible){background:#533078;border-color:#c697ff;color:#fff4ff;box-shadow:inset 0 0 0 1px #c697ff24}
.ide-language{display:flex;align-items:center;gap:5px;flex:none;color:#a292b6;font:10px var(--ide-mono)}
.ide-language a,.ide-language button{display:inline-flex;align-items:center;justify-content:center;min-height:27px;min-width:24px;background:none;border:0;color:inherit;padding:2px;font:inherit}
.ide-language [aria-current],.ide-language .is-active{color:#e6d4ff}
.ide-explorer-toggle,.ide-agents-toggle{display:none;align-items:center;justify-content:center;flex:none;width:32px;height:32px;background:none;border:0;color:#c9b8dc;padding:6px}
.ide-explorer-toggle svg,.ide-agents-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}
.ide-shell{display:grid;grid-template-columns:48px 222px minmax(0,1fr) 286px;min-width:0;min-height:0;overflow:hidden;padding:0!important;margin:0!important;max-width:none!important}
.ide-statusbar{display:flex;align-items:center;justify-content:space-between;gap:15px;min-width:0;height:25px;padding:0 12px;background:#4c2976;color:#e7d9f4;font:10px/1 var(--ide-mono);white-space:nowrap;position:relative;z-index:51}
.ide-statusbar>div,.ide-statusbar>span{display:flex;align-items:center;gap:14px;min-width:0}
.ide-statusbar a,.ide-statusbar button{display:inline-flex;align-items:center;gap:5px;min-height:23px;border:0;background:transparent;color:inherit;font:inherit;padding:0}
.ide-statusbar svg{height:12px;width:12px;fill:none;stroke:currentColor;stroke-width:1.5}
.ide-statusbar .ide-status-dot{width:5px;height:5px;border-radius:50%;background:#89ecd3;display:inline-block}
/* Activity rail and project explorer */
.ide-activity{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 0;background:#181421;border-right:1px solid #ffffff08;min-width:0;min-height:0;overflow-y:auto}
.ide-activity button,.ide-activity a{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:47px;min-height:42px;padding:10px;border:0;background:none;color:#80758f;border-radius:0;cursor:pointer}
.ide-activity button:hover,.ide-activity a:hover{color:#e5d5fa;background:#ffffff03}
.ide-activity [aria-selected=true],.ide-activity [aria-current],.ide-activity .is-active{color:#d3b3fc;box-shadow:inset 2px 0 #bc8bff;background:#a466dd0b}
.ide-activity svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4}
.ide-activity .ide-activity-bottom{margin-top:auto}
.ide-explorer{min-height:0;min-width:0;overflow:auto;background:var(--ide-panel);border-right:1px solid var(--ide-line);padding-bottom:15px;scrollbar-width:thin;scrollbar-color:#79638c35 transparent}
.ide-explorer-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:42px;padding:10px 15px;color:#a99abc;font:10px var(--ide-mono);letter-spacing:.09em;text-transform:uppercase}
.ide-explorer-header button,.ide-agents-header button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;background:none;color:#b4a3c8;padding:5px}
.ide-explorer-header svg,.ide-agents-header svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}
.ide-search{position:relative;margin:0 10px 15px}
.ide-search input{display:block;width:100%;min-width:0;height:31px;border:1px solid #a084bc26;border-radius:4px;background:#15101e;color:#e6daef;padding:6px 9px;font:11px var(--ide-ui);box-shadow:none}
.ide-search input::placeholder{color:#85728f}
.ide-search svg{position:absolute;right:8px;top:9px;width:12px;height:12px;color:#8b799e;pointer-events:none}
.ide-explorer details.ide-folder{margin:0;border:0;border-radius:0;background:none;padding:0}
.ide-explorer details.ide-folder>summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;padding:9px 12px;color:#c8b9da;font:500 11px var(--ide-ui);border:0;background:none;user-select:none}
.ide-explorer details.ide-folder>summary::-webkit-details-marker{display:none}
.ide-explorer details.ide-folder>summary::before{content:"›";display:inline-block;width:8px;color:#9a88ae;font-size:15px;line-height:1;transform:rotate(0);transition:transform .15s}
.ide-explorer details.ide-folder[open]>summary::before{transform:rotate(90deg)}
.ide-explorer details.ide-folder>summary::after{display:none}
.ide-explorer details.ide-folder>summary svg{width:13px;height:13px;fill:none;stroke:#b695d9;stroke-width:1.5}
.ide-file{appearance:none;display:flex;align-items:center;gap:9px;width:100%;min-width:0;min-height:52px;text-align:left;padding:8px 11px 8px 20px;border:0;border-left:2px solid transparent;border-radius:0;background:transparent;color:#bcaecd;cursor:pointer;transition:background .15s,color .15s}
.ide-file:hover{background:#a575d812;color:#eee4f8}
.ide-file[aria-selected=true],.ide-file[aria-current],.ide-file.is-active{background:#945fd21e;border-left-color:#ae7be6;color:#f0e4ff}
.ide-file img{display:block;width:40px;height:30px;object-fit:cover;object-position:top;border-radius:3px;border:1px solid #ffffff12;flex:none;background:#130e1a}
.ide-file>svg{width:15px;height:15px;fill:none;stroke:#ae93c6;stroke-width:1.4;flex:none}
.ide-file-meta{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.ide-file-meta strong,.ide-file-meta>b{font-size:11px;font-weight:500;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ide-file-meta small,.ide-file-meta>span{font:10px/1.35 var(--ide-mono);color:#8e7fa0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ide-explorer .ide-label{display:block;padding:10px 15px 6px;font:9px var(--ide-mono);color:#776686;text-transform:uppercase;letter-spacing:.08em}
/* The editor is the primary reading surface. */
.ide-editor{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--ide-bg);position:relative}
.ide-tabs{display:flex;align-items:stretch;flex:none;min-height:40px;height:40px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;background:#18131f;border-bottom:1px solid #ffffff06;scrollbar-width:thin;scrollbar-color:#a079bb2d transparent}
.ide-tabs>button,.ide-tabs>a,.ide-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-width:110px;min-height:39px;padding:9px 16px;border:0;border-right:1px solid #ffffff07;border-radius:0;background:#1a1523;color:#8f819f;font:11px var(--ide-ui);cursor:pointer}
.ide-tabs [aria-selected=true],.ide-tabs [aria-current],.ide-tabs .is-active{color:#e2d3f3;background:var(--ide-bg);box-shadow:inset 0 2px #b47df0}
.ide-tabs>button:hover,.ide-tabs>a:hover{color:#ecdefb;background:#231b2c}
.ide-tabs svg{height:13px;width:13px;fill:none;stroke:#b089db;stroke-width:1.5}
.ide-tabs .ide-tab-close{font-size:15px;line-height:1;color:#8d7d9f;margin-left:10px}
.ide-breadcrumb{display:flex;align-items:center;gap:8px;flex:none;height:30px;min-width:0;padding:4px 21px;color:#8d7e9d;font:10px var(--ide-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #ffffff03}
.ide-breadcrumb a:hover{color:#ceb0ef}
.ide-breadcrumb svg{height:12px;width:12px;fill:none;stroke:#987fb3;stroke-width:1.3;flex:none}
.ide-editor-scroll{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a07cb03d transparent;scroll-behavior:smooth}
.ide-editor-scroll::-webkit-scrollbar,.ide-explorer::-webkit-scrollbar,.ide-agents::-webkit-scrollbar{width:7px;height:5px}
.ide-editor-scroll::-webkit-scrollbar-thumb,.ide-explorer::-webkit-scrollbar-thumb,.ide-agents::-webkit-scrollbar-thumb{background:#89739d33;border-radius:7px}
[data-ide-panel]{min-width:0;max-width:100%;outline:none}
.ide-welcome{max-width:1060px;margin:0 auto;padding:clamp(25px,3.5vw,48px) clamp(22px,3.5vw,48px) 42px}
.ide-kicker{display:flex;align-items:center;gap:8px;margin:0 0 18px;color:var(--ide-cyan);font:11px/1.5 var(--ide-mono);letter-spacing:.04em}
.ide-kicker::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ide-cyan);flex:none}
.ide-hero-title{max-width:16ch;margin:0;color:#f1ebf9;font:700 clamp(34px,4.1vw,60px)/1.08 var(--ide-display);letter-spacing:-.035em;text-wrap:balance}
.ide-hero-title em,.ide-hero-title .ide-gradient,.ide-hero-title>span{font-style:normal;background:linear-gradient(100deg,#b989ff,#ef96e4 65%,#7bdccf);background-clip:text;-webkit-background-clip:text;color:transparent}
.ide-intro{max-width:60ch;margin:20px 0 0;color:#bcb0cd;font-size:14px;line-height:1.85;text-wrap:pretty}
.ide-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:23px 0 30px}
.ide-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;max-width:100%;padding:10px 15px;border:1px solid #ae8ecd35;border-radius:5px;background:#21192e;color:#e9dcfa;font:500 12px/1.35 var(--ide-ui);cursor:pointer;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}
.ide-button svg{height:15px;width:15px;fill:none;stroke:currentColor;stroke-width:1.5}
.ide-button.primary,.ide-button--primary,.ide-button[data-primary]{background:linear-gradient(110deg,#713ad2,#944bd0);border-color:#b581ed70;color:#fff;box-shadow:inset 0 1px #ffffff15}
.ide-button.ghost,.ide-button--ghost{background:transparent;color:#c7b6d9;border-color:#9b7bb72b}
.ide-button:hover{background:#332243;border-color:#c392f287;transform:translateY(-1px)}
.ide-button.primary:hover,.ide-button--primary:hover{background:linear-gradient(110deg,#8146e2,#a55adc)}
.ide-label{margin:0;color:#9b89af;font:10px/1.5 var(--ide-mono);letter-spacing:.065em;text-transform:uppercase}
.ide-featured-project{display:grid;grid-template-columns:1.12fr 1fr;min-width:0;overflow:hidden;border:1px solid #b297c127;border-radius:8px;background:linear-gradient(120deg,#241b303f,#1d17283d);margin:14px 0 28px;transition:border-color .2s,background .2s}
.ide-featured-project:hover{border-color:#c09adb50;background:#241b304f}
.ide-featured-image{position:relative;min-width:0;min-height:210px;overflow:hidden;background:#100d16;border-right:1px solid var(--ide-line)}
.ide-featured-image img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:top;transition:transform .4s}
.ide-featured-project:hover .ide-featured-image img{transform:scale(1.015)}
.ide-featured-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:22px}
.ide-featured-copy h2,.ide-featured-copy h3{font:600 23px/1.2 var(--ide-display);letter-spacing:-.015em;margin:10px 0;color:#eee5f7}
.ide-featured-copy p{font-size:14px;line-height:1.8;color:#ad9ebe;margin:0 0 16px}
.ide-featured-copy .ide-button{min-height:36px;padding:8px 11px;font-size:11px}
.ide-project-tag{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:3px 7px;border:1px solid #62d8c32a;border-radius:4px;background:#65dfc807;color:#8ddccb;font:10px/1.5 var(--ide-mono);overflow-wrap:anywhere}
.ide-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:14px 0 0;min-width:0}
.ide-project-card{appearance:none;display:block;text-align:left;min-width:0;width:100%;padding:0;border:1px solid #b397c120;border-radius:7px;overflow:hidden;background:#1b1625;color:inherit;transition:border-color .2s,background .2s,transform .2s;cursor:pointer}
.ide-project-card:hover{border-color:#bd8bdd69;background:#241b31;transform:translateY(-2px)}
.ide-project-card>img,.ide-project-card picture>img{display:block;width:100%;aspect-ratio:1.7;object-fit:cover;object-position:top;border-bottom:1px solid #ffffff0b;background:#0f0c15}
.ide-project-card>div,.ide-project-card .ide-project-card-copy{padding:15px 16px 17px;min-width:0}
.ide-project-card h2,.ide-project-card h3{font:600 18px/1.3 var(--ide-display);margin:8px 0;color:#e6dbf1}
.ide-project-card p{font-size:14px;line-height:1.75;color:#a596b7;margin:0}
.ide-project-card .ide-project-tag{font-size:9px;border:0;background:none;padding:0;color:#baa0d5}
/* Open project files */
.ide-project-heading{max-width:980px;margin:auto;padding:30px clamp(22px,3.5vw,48px) 22px}
.ide-project-heading h1,.ide-project-heading h2{font:650 clamp(30px,3vw,43px)/1.14 var(--ide-display);letter-spacing:-.025em;margin:12px 0;color:#f0e7f8}
.ide-project-heading p{color:#b7a8c7;font-size:14px;line-height:1.85;max-width:65ch;margin:12px 0}
.ide-project-heading .ide-actions{margin-bottom:0}
.ide-project-image{display:block;width:calc(100% - clamp(44px,7vw,96px));max-width:890px;height:auto;max-height:570px;object-fit:cover;object-position:top;margin:0 auto 25px;border:1px solid #c4a5d32a;border-radius:7px;background:#0d0a12}
.ide-project-description{max-width:980px;margin:0 auto;padding:0 clamp(22px,3.5vw,48px) 30px;color:#b9acc9;font-size:14px;line-height:1.9}
.ide-project-description h2,.ide-project-description h3{font:600 25px/1.25 var(--ide-display);color:#e8ddf4;margin:25px 0 13px}
.ide-project-description p{font-size:14px;line-height:1.9;margin:0 0 14px}
.ide-project-description a{color:#c89ef1;text-decoration:underline;text-underline-offset:3px}
.ide-innovation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0;min-width:0}
.ide-innovation{padding:18px;border:1px solid #a486c21e;border-radius:6px;background:#a883d307;min-width:0}
.ide-innovation h3,.ide-innovation h4{font:600 16px/1.4 var(--ide-display);margin:0 0 9px;color:#ddcbe9}
.ide-innovation p{font-size:14px;line-height:1.8;margin:0;color:#b4a3c4}
.ide-innovation svg{width:19px;height:19px;fill:none;stroke:#ba95df;stroke-width:1.5;margin-bottom:10px}
.ide-project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:22px 0;min-width:0}
.ide-project-gallery img{display:block;width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;object-position:top;border:1px solid #bc9bce26;border-radius:5px}
/* Agent room */
.ide-agents{min-width:0;min-height:0;overflow:auto;background:#191421;border-left:1px solid var(--ide-line);scrollbar-width:thin;scrollbar-color:#79638c35 transparent;padding:0 12px 16px}
.ide-agents-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:43px;margin:0 -12px 3px;padding:10px 14px;background:#191421f5;color:#b7a5ca;font:10px/1.4 var(--ide-mono);letter-spacing:.07em;z-index:2}
.ide-agents-header>span{display:flex;align-items:center;gap:7px}
.ide-agents-header small{color:#7e6b8d;font-size:9px;letter-spacing:0}
.ide-agent-card{margin:0 0 12px;padding:14px 12px 12px;border:1px solid #b092c324;border-radius:6px;background:linear-gradient(135deg,#211a2b,#1b1624);min-width:0}
.ide-agent-header{display:flex;align-items:center;gap:10px;margin-bottom:13px;min-width:0}
.ide-agent-avatar{display:flex;align-items:center;justify-content:center;position:relative;flex:none;width:31px;height:31px;border:1px solid #b083d84d;border-radius:7px;background:#7b49b52a;color:#cca8f0;font:600 13px var(--ide-display)}
.ide-agent-avatar::after{content:"";position:absolute;right:-3px;bottom:-3px;width:7px;height:7px;border-radius:50%;background:#69d5b4;border:2px solid #21192b}
.ide-agent-avatar[data-agent="architect"],.ide-agent-avatar[data-agent="winston"]{background:#3f898526;border-color:#65b4a74d;color:#9dd6c8}
.ide-agent-avatar[data-agent="developer"],.ide-agent-avatar[data-agent="amelia"]{background:#ac617c26;border-color:#d489a14d;color:#e6a7ba}
.ide-agent-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.ide-agent-meta strong,.ide-agent-meta h3{margin:0;color:#dbcaeb;font:500 12px/1.35 var(--ide-ui)}
.ide-agent-meta small,.ide-agent-meta>span{color:#8d799e;font:10px/1.4 var(--ide-mono)}
.ide-agent-body{min-width:0;color:#a996bb;font-size:12px;line-height:1.8}
.ide-agent-line{margin:0 0 8px;font-size:12px;line-height:1.8;color:#b5a0c8;overflow-wrap:anywhere}
.ide-agent-path{display:block;margin:8px 0;padding:6px 7px;border-left:2px solid #986bb055;background:#110c192d;color:#9781ae;font:10px/1.7 var(--ide-mono);overflow-wrap:anywhere}
.ide-agent-task{display:flex;align-items:flex-start;gap:6px;margin:6px 0;color:#9fb8ad;font:10px/1.7 var(--ide-mono);overflow-wrap:anywhere}
.ide-agent-task::before{content:"✓";color:#6cbda5;flex:none}
.ide-agent-card.is-active{border-color:#b781e557;background:linear-gradient(135deg,#281c35,#1d1627)}
.ide-agent-card [data-agent-status]{font:9px var(--ide-mono);color:#71c8ae}
/* A small working terminal; the content above remains independently scrollable. */
.ide-terminal{display:flex;flex-direction:column;flex:0 0 180px;min-height:110px;max-height:32dvh;min-width:0;overflow:hidden;background:#120e1a;border-top:1px solid #a98ac42b}
.ide-terminal-tabs{display:flex;align-items:center;gap:18px;flex:none;min-height:34px;padding:0 19px;border-bottom:1px solid #ffffff05;color:#897296;font:9px var(--ide-mono);letter-spacing:.08em}
.ide-terminal-tabs button{appearance:none;display:inline-flex;align-items:center;gap:6px;min-height:33px;border:0;border-bottom:1px solid transparent;border-radius:0;background:none;color:#897296;font:inherit;letter-spacing:inherit;padding:4px 0}
.ide-terminal-tabs .is-active,.ide-terminal-tabs [aria-selected=true]{border-bottom-color:#b07adb;color:#d8bee9}
.ide-terminal-tabs svg{height:12px;width:12px;fill:none;stroke:currentColor;stroke-width:1.4}
.ide-terminal-content{flex:1;min-height:0;overflow:auto;padding:10px 19px 8px;font:11px/1.85 var(--ide-mono);color:#bca8cb;scrollbar-width:thin;scrollbar-color:#79638c35 transparent;overscroll-behavior:contain}
.ide-terminal-line{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.85 var(--ide-mono);color:#a38daf}
.ide-terminal-line.is-command,.ide-terminal-line strong{font-weight:400;color:#d5b7ea}
.ide-terminal-line.is-success,.ide-terminal-line .success{color:#75cdb2}
.ide-terminal-line.is-muted{color:#766383}
.ide-prompt{color:#b58bdb;margin-right:7px}
.ide-cursor{display:inline-block;width:6px;height:12px;background:#be92e1;vertical-align:-2px;margin-left:3px;animation:ide-cursor-blink 1.1s steps(2,end) infinite}
.ide-terminal-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:none;padding:6px 18px 9px;color:#8f79a3;font:10px var(--ide-mono);border-top:1px solid #ffffff04}
.ide-workflow{display:flex;align-items:center;gap:5px;min-width:0;width:100%;flex-wrap:wrap}
.ide-workflow button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;min-height:29px;min-width:65px;padding:5px 8px;border:1px solid #9676ac2a;border-radius:4px;background:#9470b207;color:#a690ba;font:10px/1.4 var(--ide-mono);cursor:pointer}
.ide-workflow button:hover{color:#e6d2f7;border-color:#b988d95a;background:#ad77d71a}
.ide-workflow button[aria-pressed=true],.ide-workflow button.is-active{color:#d9b4f1;border-color:#af79da6e;background:#ac70dd1d}
/* Brief, services and team files use the same readable editor surface. */
.ide-site .brief-form{width:100%;max-width:680px;min-width:0;margin:25px 0 0;padding:0;border:0;background:none;box-shadow:none}
.ide-site .brief-form .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.ide-site .brief-form .field{min-width:0;margin:0 0 17px}
.ide-site .brief-form .field label{display:block;margin:0 0 7px;font:500 12px/1.5 var(--ide-ui);color:#c1abcd}
.ide-site .brief-form input,.ide-site .brief-form select,.ide-site .brief-form textarea{display:block;width:100%;min-width:0;min-height:43px;padding:11px 12px;border:1px solid #b192c633;border-radius:4px;background:#110d18;color:#ecdef8;font:14px/1.5 var(--ide-ui);box-shadow:none}
.ide-site .brief-form input::placeholder,.ide-site .brief-form textarea::placeholder{color:#7f6a91}
.ide-site .brief-form textarea{min-height:120px;resize:vertical}
.ide-site .brief-form input:focus,.ide-site .brief-form select:focus,.ide-site .brief-form textarea:focus{border-color:#af7ad5;box-shadow:0 0 0 2px #8b49cb14;outline:none}
.ide-site .brief-form .form-consent{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.8;color:#ad99bf;margin:7px 0 20px}
.ide-site .brief-form .form-consent input{display:block;width:16px;height:16px;min-height:0;padding:0;margin:4px 0 0;flex:none;accent-color:#965ed3}
.ide-site .brief-form .form-consent a{color:#c9a2e4;text-decoration:underline;text-underline-offset:3px}
.ide-site .brief-form .btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:44px;padding:11px 17px;border:1px solid #bd8ced6b;border-radius:5px;background:linear-gradient(110deg,#713ad2,#944bd0);color:#fff;font:500 12px/1.4 var(--ide-ui);box-shadow:none}
.ide-site .brief-form .btn::after,.ide-site .brief-form .btn::before{display:none}
.ide-site .brief-form [role=status],.ide-site .brief-form .form-status{font-size:13px;line-height:1.8;color:#c4b0d4}
.ide-site .ide-service-list{display:grid;gap:12px;margin:25px 0}
.ide-site .ide-service-list>article,.ide-site .ide-service-list>a{padding:18px 20px;border:1px solid #a98abe24;border-radius:6px;background:#a883d305}
.ide-site .ide-service-list h2,.ide-site .ide-service-list h3{font:600 21px var(--ide-display);color:#e1cfef;margin:0 0 9px}
.ide-site .ide-service-list p{font-size:14px;line-height:1.85;color:#b2a0c2;margin:0}
@keyframes ide-cursor-blink{0%,48%{opacity:1}49%,100%{opacity:0}}
/* Drawers stay outside document flow on compact screens. */
@media(max-width:1280px){.ide-shell{grid-template-columns:45px 194px minmax(0,1fr) 260px}.ide-activity button,.ide-activity a{width:44px}.ide-file{padding-left:13px}.ide-file img{width:35px;height:28px}.ide-welcome{padding-inline:30px}.ide-featured-project{grid-template-columns:1fr}.ide-featured-image{min-height:0;aspect-ratio:1.8;border-right:0;border-bottom:1px solid var(--ide-line)}.ide-featured-copy{padding:20px}.ide-featured-copy h2,.ide-featured-copy h3{font-size:23px}.ide-project-grid{gap:12px}.ide-project-card>div{padding:13px}}
@media(max-width:1149px){.ide-shell{grid-template-columns:45px 208px minmax(0,1fr)}.ide-agents-toggle{display:inline-flex}.ide-agents{display:none}.ide-agents[data-open=true]{display:block;position:fixed;z-index:90;right:0;top:42px;bottom:25px;width:min(330px,calc(100vw - 24px));max-height:calc(100dvh - 67px);box-shadow:-30px 0 100px #0009;border-left:1px solid #b797d13d}.ide-titlebar{gap:10px}.ide-command-button{max-width:360px}.ide-featured-project{grid-template-columns:1.1fr 1fr}.ide-featured-image{aspect-ratio:auto;min-height:220px;border-bottom:0;border-right:1px solid var(--ide-line)}.ide-welcome{padding-inline:35px}.ide-hero-title{font-size:clamp(35px,5vw,54px)}}
@media(max-width:900px){.ide-shell{grid-template-columns:43px 184px minmax(0,1fr)}.ide-activity button,.ide-activity a{width:42px}.ide-titlebar{padding-inline:10px;gap:8px}.ide-window-controls{display:none}.ide-command-button kbd{display:none}.ide-file{gap:7px;padding-left:10px}.ide-file img{width:32px;height:27px}.ide-file-meta strong,.ide-file-meta>b{font-size:10px}.ide-featured-project{grid-template-columns:1fr}.ide-featured-image{min-height:0;aspect-ratio:1.85;border-right:0;border-bottom:1px solid var(--ide-line)}.ide-welcome{padding:30px 25px}.ide-project-grid{gap:11px}.ide-project-card>div{padding:13px}.ide-project-card h3{font-size:17px}.ide-hero-title{font-size:38px}}
@media(max-width:760px){
 body.ide-site{font-size:14px}.ide-window{grid-template-rows:46px minmax(0,1fr) 25px}.ide-titlebar{height:46px;padding-inline:10px;gap:9px}.ide-explorer-toggle,.ide-agents-toggle{display:inline-flex;width:30px;height:36px;padding:5px}.ide-wordmark{font-size:13px;gap:6px}.ide-wordmark img{width:25px;height:25px}.ide-command-button{display:none}.ide-top-cta{margin-left:auto;min-height:32px;font-size:10px;padding:5px 9px}.ide-language{gap:1px;font-size:9px}.ide-language a,.ide-language button{min-width:19px;min-height:32px}.ide-shell{display:flex;min-width:0}.ide-activity{display:none}.ide-explorer{display:none}.ide-editor{width:100%;flex:1}.ide-explorer[data-open=true]{display:block;position:fixed;z-index:90;left:0;top:46px;bottom:25px;width:min(292px,calc(100vw - 24px));max-height:calc(100dvh - 71px);box-shadow:30px 0 100px #0009;border-right:1px solid #b797d13d}.ide-agents[data-open=true]{top:46px;max-height:calc(100dvh - 71px)}.ide-explorer-header,.ide-agents-header{min-height:48px;font-size:11px}.ide-explorer-header button,.ide-agents-header button{width:34px;height:34px}.ide-search input{height:38px;font-size:12px}.ide-explorer details.ide-folder>summary{min-height:42px;font-size:12px}.ide-file{min-height:57px;padding:9px 14px;gap:11px}.ide-file img{width:43px;height:33px}.ide-file-meta strong,.ide-file-meta>b{font-size:12px}.ide-file-meta small,.ide-file-meta>span{font-size:10px}.ide-tabs{height:38px;min-height:38px}.ide-tabs>button,.ide-tabs>a,.ide-tab{min-height:37px;padding:8px 14px;font-size:11px;min-width:105px}.ide-breadcrumb{height:29px;padding:4px 19px;font-size:9px}.ide-welcome{padding:28px 23px 35px}.ide-kicker{font-size:10px;margin-bottom:16px}.ide-hero-title{font-size:clamp(30px,7.8vw,46px);max-width:17ch}.ide-intro{font-size:14px;line-height:1.85;margin-top:17px}.ide-actions{gap:9px;margin:20px 0 25px}.ide-button{min-height:44px;padding:10px 13px;font-size:12px}.ide-featured-project{grid-template-columns:1fr;margin:12px 0 25px}.ide-featured-image{aspect-ratio:1.8;min-height:0}.ide-featured-copy{padding:19px}.ide-featured-copy h2,.ide-featured-copy h3{font-size:24px}.ide-featured-copy .ide-button{min-height:40px;font-size:12px}.ide-project-grid{grid-template-columns:minmax(0,1fr);gap:15px}.ide-project-card>div{padding:17px 18px}.ide-project-card h2,.ide-project-card h3{font-size:22px}.ide-project-card .ide-project-tag{font-size:10px}.ide-project-card>img,.ide-project-card picture>img{aspect-ratio:1.85}.ide-project-heading{padding:26px 23px 20px}.ide-project-heading h1,.ide-project-heading h2{font-size:32px}.ide-project-image{width:calc(100% - 46px);max-height:430px;margin-bottom:20px}.ide-project-description{padding:0 23px 30px}.ide-project-description h2,.ide-project-description h3{font-size:24px}.ide-innovation-grid,.ide-project-gallery{grid-template-columns:minmax(0,1fr);gap:13px}.ide-innovation{padding:17px}.ide-terminal{flex-basis:150px;max-height:28dvh;min-height:100px}.ide-terminal-tabs{min-height:30px;padding-inline:15px;gap:16px;font-size:9px}.ide-terminal-tabs button{min-height:29px}.ide-terminal-content{padding:7px 15px;font-size:10px;line-height:1.7}.ide-terminal-line{font-size:10px;line-height:1.7}.ide-terminal-toolbar{padding:5px 12px 7px}.ide-workflow{gap:4px;flex-wrap:nowrap}.ide-workflow button{min-width:0;min-height:30px;font-size:9px;padding:5px 6px}.ide-statusbar{font-size:9px;padding-inline:10px;gap:10px}.ide-statusbar>div,.ide-statusbar>span{gap:10px}.ide-statusbar .ide-status-optional{display:none}.ide-site .brief-form .grid-2{grid-template-columns:minmax(0,1fr);gap:0}.ide-site .brief-form input,.ide-site .brief-form select,.ide-site .brief-form textarea{font-size:16px}.ide-site .brief-form .btn{width:100%;min-height:46px}.ide-site .brief-form .form-consent{font-size:12px}.ide-agent-body,.ide-agent-line{font-size:13px}.ide-agent-meta strong{font-size:13px}.ide-agent-card{padding:15px 13px}.ide-document .ide-titlebar{height:46px}.ide-document-main{width:calc(100% - 38px);padding:30px 0 50px}
}
@media(max-width:380px){.ide-titlebar{gap:6px;padding-inline:8px}.ide-wordmark{gap:5px;font-size:12px}.ide-wordmark img{width:22px;height:22px}.ide-explorer-toggle,.ide-agents-toggle{width:27px;padding:4px}.ide-top-cta{font-size:9px;padding:5px 7px}.ide-language{display:none}.ide-welcome{padding-inline:19px}.ide-hero-title{font-size:32px}.ide-actions{gap:8px}.ide-actions .ide-button{font-size:11px;padding-inline:11px}.ide-breadcrumb{padding-inline:16px}.ide-project-heading{padding-inline:19px}.ide-project-description{padding-inline:19px}.ide-project-image{width:calc(100% - 38px)}.ide-statusbar{font-size:8px}.ide-statusbar>div,.ide-statusbar>span{gap:7px}.ide-terminal-toolbar{padding-inline:9px}.ide-workflow button{font-size:8px;padding-inline:4px}}
@media(max-height:680px) and (min-width:761px){.ide-terminal{flex-basis:135px;max-height:29dvh;min-height:105px}.ide-terminal-content{padding-block:5px}.ide-terminal-tabs{min-height:29px}.ide-terminal-tabs button{min-height:28px}.ide-terminal-toolbar{padding-block:4px}.ide-welcome{padding-top:28px}}
.ide-site[data-motion-paused=true] .ide-cursor,html[data-motion-paused=true] .ide-site .ide-cursor,.ide-site[data-motion=paused] .ide-cursor{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.ide-editor-scroll{scroll-behavior:auto}.ide-site *, .ide-document *{animation:none!important;transition:none!important}.ide-project-card:hover,.ide-button:hover,.ide-featured-project:hover .ide-featured-image img{transform:none}}
/* Dynamically opened files keep their close control beside the tab. */
.ide-tab-item{display:flex;align-items:stretch;flex:none;min-width:0;height:39px;border-right:1px solid #ffffff07;background:#1a1523}
.ide-tab-item.is-active{background:var(--ide-bg);box-shadow:inset 0 2px #b47df0}
.ide-tab-item .ide-tab{border-right:0;min-width:0;padding-right:6px;background:transparent}
.ide-tab-item .ide-tab[aria-selected=true]{background:transparent}
.ide-tab-close{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;min-height:30px;margin:4px 4px 4px 0!important;padding:0;border:0;border-radius:3px;background:transparent;color:#8d7d9f;font:15px/1 var(--ide-ui);cursor:pointer}
.ide-tab-close:hover{background:#ffffff0c;color:#e3cefa}
/* Exact generated-file classes. */
.ide-search{display:block}.ide-search input{padding-right:28px}
.ide-activity-spacer{display:block;flex:1;min-height:12px}
.ide-explorer details.ide-folder>summary::before{display:none}
.ide-explorer details.ide-folder>summary>span:first-child{display:inline-block;transform:rotate(-90deg);color:#9a88ae;line-height:1}
.ide-explorer details.ide-folder[open]>summary>span:first-child{transform:none}
.ide-folder-content{min-width:0}
.ide-count{margin-left:auto;padding:0 5px;color:#8a769b;font:9px var(--ide-mono)}
.ide-file--plain{min-height:34px;gap:8px;font:11px/1.45 var(--ide-mono)}
.ide-file-type{width:21px;flex:none;color:#bc91de;font:10px var(--ide-mono);text-align:center}
.ide-file-ext{color:#786486;font-size:11px;flex:none}
.ide-project-files>[data-ide-search-empty]{padding:8px 15px;color:#a08aaf;font-size:12px;line-height:1.7}
.ide-explorer-bottom{margin:23px 13px 0;padding-top:17px;border-top:1px solid #b192c322}
.ide-explorer-bottom .ide-label{padding:0;font-size:8px;color:#9980ab}
.ide-explorer-bottom p{font:500 11px/1.9 var(--ide-ui);margin:10px 0 6px;color:#c3adcf}
.ide-explorer-bottom p>span{font:9px var(--ide-mono);color:#806b90}
.ide-explorer-bottom>a{font-size:10px;line-height:1.8;color:#a990bc;overflow-wrap:anywhere}
.ide-panel:not(.ide-welcome){max-width:1040px;margin:0 auto;padding:30px clamp(22px,3.5vw,48px) 40px}
.ide-panel-title{font:650 clamp(30px,3.5vw,46px)/1.15 var(--ide-display);letter-spacing:-.025em;color:#eee2f8;margin:12px 0 20px;text-wrap:balance}
.ide-panel-title em{font-style:normal;color:#c39ae8}
.ide-panel>.ide-project-heading{padding:0 0 22px}
.ide-panel>.ide-project-description{padding:0 0 20px}
.ide-code-comment{margin:0 0 14px;color:#9786a8;font:11px/1.6 var(--ide-mono);overflow-wrap:anywhere}
.ide-welcome-hero{padding:0 0 4px}
.ide-branch-mark{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.ide-branch-mark svg{width:13px;height:13px;stroke-width:1.4}
.ide-kicker{flex-wrap:wrap;justify-content:space-between;gap:7px 16px;letter-spacing:0}
.ide-kicker::before{display:none}
.ide-kicker>span:last-child{font-size:10px;color:#8e809d}
.ide-section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin:24px 0 12px}
.ide-section-label h2{font:600 17px/1.4 var(--ide-display);letter-spacing:0;color:#d1bddf;margin:0}
.ide-section-label>span{font:9px var(--ide-mono);color:#8c739f;white-space:nowrap}
.ide-featured-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0}
.ide-featured-tags>span{padding:3px 6px;border:1px solid #bc98ce21;border-radius:3px;font:9px/1.5 var(--ide-mono);color:#a88bbc;background:#a67bca07}
.ide-project-card-image{display:block;padding:0!important;overflow:hidden;background:#100c17}
.ide-project-card-image img{display:block;width:100%;height:auto;aspect-ratio:1.75;object-fit:cover;object-position:top;border-bottom:1px solid #b391c81e}
.ide-project-card-body{padding:16px 17px!important}
.ide-project-card-body .ide-label{font-size:9px;text-transform:none;letter-spacing:.01em}
.ide-project-card-body h3 a{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ide-project-card-body h3 a>span{color:#8d6ca4;font-size:14px}
.ide-panel>.ide-project-image{width:100%;max-width:none;max-height:none;margin:0 0 24px;overflow:hidden}
.ide-project-image img{display:block;width:100%;height:auto;max-height:550px;object-fit:cover;object-position:top;background:#110c18}
.ide-project-image figcaption,.ide-project-gallery figcaption{padding:10px 12px;background:#1c1426;color:#9780a9;font:10px/1.7 var(--ide-mono)}
.ide-project-gallery figure{display:block;min-width:0;margin:0;overflow:hidden;border:1px solid #b48bc32b;border-radius:5px}
.ide-project-gallery figure img{border:0;border-radius:0}
.ide-project-gallery figcaption{font-size:9px}
.ide-innovation .ide-label{display:block;margin-bottom:9px;font-size:9px}
.ide-innovation>a{display:inline-flex;gap:7px;color:#c39ce1;font-size:12px;margin-top:13px;text-decoration:none}
.ide-preview-label{margin-left:auto;color:#80628f;font-size:8px;letter-spacing:.06em;flex:none}
.ide-contact-links{display:flex;flex-wrap:wrap;gap:9px 20px;margin:25px 0 10px}
.ide-contact-links a{font-size:13px;line-height:1.8;color:#c29ade;overflow-wrap:anywhere}
.ide-welcome-note{display:grid;grid-template-columns:23px 1fr;align-items:start;gap:8px 12px;padding:24px 0 0;margin:25px 0 0;border-top:1px solid #b192c320;min-width:0}
.ide-welcome-note>span{display:block;padding-top:4px;color:#9774b1}
.ide-welcome-note svg{width:19px;height:19px;stroke-width:1.4}
.ide-welcome-note p{margin:0;color:#ac97bd;font-size:14px;line-height:1.85}
.ide-welcome-note>a{grid-column:2;font-size:12px;color:#c39bdd;margin-top:2px}
.ide-legal{display:flex;align-items:center;flex-wrap:wrap;gap:7px 13px;margin:32px 0 0;padding:15px 0 0;border-top:1px solid #ad8ac11b;color:#816b92;font:9px/1.7 var(--ide-ui)}
.ide-legal a,.ide-legal button{font:inherit;color:#9f85b1;background:none;border:0;padding:0;text-decoration:none;cursor:pointer}
.ide-legal a:hover,.ide-legal button:hover{color:#dcc1ef}
.ide-agent-avatar[data-agent=claude]{color:#d5b298;background:#bd8e6c19;border-color:#c3977240}
.ide-agent-avatar[data-agent=codex]{color:#bce1d0;background:#6ab49a17;border-color:#78c4a94a}
.ide-agent-avatar[data-agent=gemini]{color:#b6b3ef;background:#847fc417;border-color:#9f92dd4a}
.ide-agent-avatar::after{display:none}
.ide-agent-session{color:#766385;font:9px var(--ide-mono)}
.ide-agents-intro{padding:0 3px;margin:13px 0 19px;color:#c7b3d9;font:500 18px/1.4 var(--ide-display)}
.ide-agent-body,.ide-agent-line,.ide-agent-body>[data-agent-output]{font-size:14px;line-height:1.75;color:#b5a3c6}
.ide-agent-body>[data-agent-output]{margin:12px 0 14px}
.ide-agent-path{font-size:10px;line-height:1.7}
.ide-agent-task{font-size:10px;color:#90829d;gap:6px}
.ide-agent-task::before{display:none}
.ide-demo-badge{display:inline-flex;padding:3px 6px;border:1px solid #be8ee533;border-radius:4px;background:#a372cc0c;font:8px/1.5 var(--ide-mono);letter-spacing:.04em;color:#b998d0}
.ide-demo-note{margin:16px 3px 12px;color:#9986ac;font-size:12px;line-height:1.85}
.ide-agent-method{display:block;margin:12px 3px;font-size:11px;line-height:1.85;color:#c099db}
.ide-terminal-tabs{gap:14px;white-space:nowrap}
.ide-terminal-tabs>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.ide-terminal-tabs>span:first-child{flex:none}
.ide-terminal-demo{margin-left:auto;font-size:8px;color:#7e648f;max-width:120px;min-width:0}
.ide-terminal-tabs>button{flex:none;letter-spacing:0;color:#c19ed9}
.ide-terminal-line,.ide-terminal-content{font-size:12px;line-height:1.8}
.ide-terminal-command{color:#bb93dd}
.ide-terminal-output{margin:4px 0 0;color:#ae9bbf;font:12px/1.8 var(--ide-mono);overflow-wrap:anywhere;white-space:pre-line}
.ide-workflow{margin-bottom:9px}.ide-workflow button{min-height:30px}
.ide-status-spacer{flex:1;min-width:0}
.ide-statusbar [data-motion-toggle]{font-size:inherit}
/* Command palette */
.ide-command-dialog{position:fixed;inset:15dvh auto auto 50%;transform:translateX(-50%);width:min(560px,calc(100vw - 32px));max-width:100%;max-height:70dvh;overflow:hidden;margin:0;padding:0;border:1px solid #b68cdb66;border-radius:10px;background:#20172b;color:#e2cfee;box-shadow:0 25px 120px #000b;z-index:150}
.ide-command-dialog::backdrop{background:#090510a6;backdrop-filter:blur(3px)}
.ide-command-dialog>label{position:relative;display:flex;align-items:center;gap:11px;margin:0;padding:16px;border-bottom:1px solid #b58bca29}
.ide-command-dialog>label>svg{width:18px;height:18px;flex:none;color:#b08ec7;stroke-width:1.5}
.ide-command-dialog input{display:block;flex:1;min-width:0;width:100%;padding:0;background:transparent;border:0;border-radius:0;color:#eadcf3;font:14px/1.8 var(--ide-ui);box-shadow:none;outline:none}
.ide-command-dialog input::placeholder{color:#91799f}
.ide-command-dialog input:focus-visible{outline:0}
.ide-command-dialog>label:focus-within{box-shadow:inset 0 -2px #b285d8}
.ide-command-results{display:flex;flex-direction:column;gap:3px;padding:8px;overflow:auto;max-height:calc(70dvh - 115px);scrollbar-width:thin;scrollbar-color:#b68bd64a transparent}
.ide-command-results a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:43px;padding:10px 12px;border-radius:5px;color:#cbb3df;font:12px/1.5 var(--ide-ui);background:transparent}
.ide-command-results a:hover,.ide-command-results a:focus{background:#9463bd29;color:#f3e4ff}
.ide-command-results a>span:last-child{color:#81678f}
.ide-command-dialog>p{padding:8px 18px 11px;margin:0;border-top:1px solid #b58bca1c;font:10px var(--ide-mono);color:#8f739f}
.ide-preview-label,.ide-section-label>span,.ide-terminal-demo,.ide-terminal-tabs>span:not(.is-active),.ide-explorer-bottom p>span{color:#b0a2c0}
.ide-explorer-bottom>a,.ide-explorer-bottom>[data-chat-enable]{display:flex;align-items:center;min-height:32px;padding-block:5px;font-size:11px}
.ide-explorer-bottom>[data-chat-enable]{margin-top:4px;color:#d1bde6}
.ide-tab .ide-tab-close{margin:0 -8px 0 4px!important;min-height:26px;flex:none}
/* Closing a desktop drawer also releases its grid column. */
@media(min-width:1150px){.ide-window[data-explorer-open=false] .ide-shell{grid-template-columns:48px minmax(0,1fr) 286px}.ide-window[data-agents-open=false] .ide-shell{grid-template-columns:48px 222px minmax(0,1fr)}.ide-window[data-explorer-open=false][data-agents-open=false] .ide-shell{grid-template-columns:48px minmax(0,1fr)}.ide-window[data-explorer-open=false] .ide-explorer,.ide-window[data-agents-open=false] .ide-agents{display:none}}
@media(min-width:1150px) and (max-width:1280px){.ide-window[data-explorer-open=false] .ide-shell{grid-template-columns:45px minmax(0,1fr) 260px}.ide-window[data-agents-open=false] .ide-shell{grid-template-columns:45px 194px minmax(0,1fr)}.ide-window[data-explorer-open=false][data-agents-open=false] .ide-shell{grid-template-columns:45px minmax(0,1fr)}}
@media(min-width:761px) and (max-width:1149px){.ide-window[data-explorer-open=false] .ide-shell{grid-template-columns:45px minmax(0,1fr)}.ide-window[data-explorer-open=false] .ide-explorer{display:none}}
@media(max-width:760px){.ide-panel:not(.ide-welcome){padding:25px 23px 35px}.ide-panel-title{font-size:32px}.ide-panel>.ide-project-heading{padding:0 0 20px}.ide-panel>.ide-project-description{padding:0 0 18px}.ide-panel>.ide-project-image{width:100%}.ide-innovation h3{font-size:19px}.ide-code-comment{font-size:10px}.ide-kicker{gap:7px;align-items:flex-start;flex-direction:column}.ide-kicker>span:last-child{font-size:10px}.ide-section-label{gap:8px}.ide-section-label h2{font-size:18px}.ide-section-label>span{font-size:8px}.ide-project-card-body{padding:17px 18px!important}.ide-featured-tags{gap:6px}.ide-preview-label{font-size:7px}.ide-agent-body,.ide-agent-line,.ide-agent-body>[data-agent-output]{font-size:14px}.ide-terminal-tabs{gap:12px}.ide-terminal-tabs>span:nth-child(2){display:none}.ide-terminal-demo{max-width:95px;font-size:8px}.ide-terminal-tabs>button{font-size:10px}.ide-terminal-line,.ide-terminal-content,.ide-terminal-output{font-size:12px;line-height:1.7}.ide-workflow{margin-bottom:7px}.ide-workflow button{min-height:34px;font-size:9px}.ide-statusbar>span:nth-child(2),.ide-statusbar>span:nth-last-child(2){display:none}.ide-legal{font-size:9px;gap:7px 11px}.ide-contact-links{gap:8px;font-size:12px;flex-direction:column}.ide-command-dialog{inset:9dvh auto auto 50%;max-height:78dvh}.ide-command-dialog input{font-size:16px}.ide-command-results{max-height:calc(78dvh - 115px)}.ide-command-results a{min-height:46px;font-size:13px}}
@media(max-width:380px){.ide-panel:not(.ide-welcome){padding-inline:19px}.ide-panel-title{font-size:30px}.ide-section-label{align-items:flex-start}.ide-section-label h2{font-size:17px}.ide-section-label>span{font-size:7px;padding-top:4px}.ide-terminal-demo{max-width:83px}.ide-terminal-tabs{gap:10px}}
/* First-screen hierarchy: the featured project remains visible below the intro. */
.ide-section-label h2{font-size:18px;line-height:1.35}
.ide-code-comment{font-size:12px;line-height:1.55}
.ide-demo-note{font-size:11px;line-height:1.85}
.ide-file--plain{min-height:32px;padding-top:6px;padding-bottom:6px}
.ide-explorer-bottom{padding:16px 0 0}
@media(min-width:761px){.ide-hero-title{max-width:20ch;font-size:clamp(38px,3.1vw,50px);line-height:1.12}.ide-welcome{padding-top:29px}.ide-kicker{margin-bottom:15px}.ide-welcome-hero .ide-code-comment{margin-bottom:10px}.ide-actions{margin-top:20px;margin-bottom:24px}}

/* A desktop that responds: window controls, resizable editors, tools and sessions. */
body.ide-site{box-sizing:border-box;padding:12px;background:#0c0912;background-image:radial-gradient(ellipse at 35% 0%,#7b42bc17,transparent 60%)}
.ide-window{--ide-explorer-width:250px;--ide-agents-width:300px;--ide-terminal-height:210px;--ide-split-width:45%;position:relative;height:calc(100dvh - 24px);border:1px solid #a88bb12a;border-radius:9px;box-shadow:0 15px 60px #0005;isolation:isolate}
body[data-window-state=maximized]{padding:0}
body[data-window-state=maximized] .ide-window{height:100dvh;border:0;border-radius:0}
body[data-window-state=closed] .ide-window,body[data-window-state=minimized] .ide-window{display:none}
.ide-titlebar{gap:10px;padding-inline:9px;background:#211a2c}
.ide-window-controls{display:flex;gap:2px;margin-right:3px}
.ide-window-controls>button{display:inline-flex;align-items:center;justify-content:center;position:relative;flex:none;width:24px;min-width:24px;height:28px;padding:0;border:0;border-radius:4px;background:transparent!important;color:#3d1417;cursor:pointer}
.ide-window-controls>button::before{content:"";position:absolute;inset:8px 6px;border-radius:50%;background:#ff6468;box-shadow:inset 0 0 0 1px #ffffff0a}
.ide-window-controls>button:nth-child(2)::before{background:#f6c457}
.ide-window-controls>button:nth-child(3)::before{background:#5ed18c}
.ide-window-controls>button>span,.ide-window-controls>button>svg{position:relative;z-index:1;display:block;width:10px;height:10px;background:transparent;border-radius:0;font:12px/10px var(--ide-mono);color:inherit;opacity:0}
.ide-window-controls>button:hover,.ide-window-controls>button:focus-visible{background:transparent!important;box-shadow:none}
.ide-window-controls>button>svg{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ide-window-controls>[data-ide-window-action=minimize]{color:#5b3c00}
.ide-window-controls>[data-ide-window-action=maximize]{color:#064522}
.ide-window-controls>[data-ide-window-action=maximize]>svg{fill:currentColor;stroke:none}
.ide-window-controls:hover>button>span,.ide-window-controls:hover>button>svg,.ide-window-controls>button:focus-visible>span,.ide-window-controls>button:focus-visible>svg{opacity:1}
.ide-titlebar .ide-wordmark{font-size:13px;gap:7px}
.ide-titlebar .ide-wordmark img{width:23px;height:23px}
.ide-command-button{height:28px;min-height:28px;max-width:420px;background:#100d1550;border-color:#ffffff14;color:#c2b7d0}
.ide-titlebar-menus,.ide-menus{display:flex;align-items:center;gap:1px;flex:none}
.ide-menu{position:relative;margin:0;padding:0;border:0;border-radius:0;background:transparent}
.ide-menu>summary{display:flex;align-items:center;justify-content:center;min-height:30px;margin:0;padding:4px 8px;border:0;border-radius:4px;background:transparent;color:#b8a9c7;font:11px/1.4 var(--ide-ui);list-style:none;cursor:pointer;white-space:nowrap}
.ide-menu>summary::-webkit-details-marker{display:none}
.ide-menu>summary::after{display:none}
.ide-menu[open]>summary,.ide-menu>summary:hover{background:#ffffff08;color:#e6d8f3}
.ide-menu>div,.ide-menu>.ide-menu-items{position:absolute;top:calc(100% + 5px);left:0;z-index:120;display:flex;flex-direction:column;gap:2px;min-width:224px;padding:5px;border:1px solid #b398cc35;border-radius:6px;background:#271e33;box-shadow:0 8px 30px #0007}
.ide-menu button,.ide-menu a{display:flex;align-items:center;justify-content:space-between;gap:22px;width:100%;min-height:34px;padding:7px 10px;border:0;border-radius:3px;background:transparent;text-align:left;color:#d8c9e7;font:11px/1.4 var(--ide-ui);white-space:nowrap}
.ide-menu button:hover,.ide-menu a:hover{background:#9d6be32b;color:#fff}
.ide-menu kbd{color:#a18daf;font:10px var(--ide-mono)}
.ide-menu hr{width:calc(100% - 10px);height:1px;margin:3px 5px;border:0;background:#b79bc320}
.ide-shell{position:relative;grid-template-columns:48px var(--ide-explorer-width) minmax(0,1fr) var(--ide-agents-width)}
.ide-activity button,.ide-activity a{width:47px}
.ide-activity [aria-pressed=true]{color:#d3b3fc;box-shadow:inset 2px 0 #bc8bff;background:#a466dd0b}
.ide-explorer{position:relative;padding-bottom:0;border-right:1px solid #b39bc716;background:#191520}
.ide-explorer-header{position:sticky;top:0;z-index:5;min-height:40px;padding:6px 12px;background:#191520;color:#c0b0cd;letter-spacing:.065em}
.ide-sidebar-content{min-width:0;padding-bottom:12px}
.ide-sidebar-content>.ide-search,.ide-sidebar-content [data-ide-sidebar-view]>.ide-search{margin:5px 10px 10px}
/* Editor panels animate locally; cross-document snapshots can be skipped during rapid navigation. */
@view-transition{navigation:none}
.ide-sidebar-switch{display:none;gap:4px;padding:4px 8px 10px}
.ide-sidebar-switch button{flex:1;min-width:0;min-height:28px;padding:4px;border:1px solid #aa8cb526;border-radius:3px;background:#ffffff03;color:#ad99bf;font:10px var(--ide-ui)}
.ide-sidebar-switch button[aria-pressed=true]{background:#a575d51d;border-color:#a575d54a;color:#e8d9f5}
.ide-language-mobile{display:flex;align-items:center;justify-content:center;min-width:36px;padding:4px;border:1px solid #aa8cb526;border-radius:3px;color:#e8d9f5;font:11px var(--ide-ui)}
@media(max-width:1150px){.ide-sidebar-switch{display:flex}.ide-sidebar-switch button,.ide-language-mobile{min-height:36px}}
.ide-explorer details.ide-folder>summary{min-height:29px;padding:5px 11px;background:#ffffff03;color:#d5c7df;font:500 10px/1.5 var(--ide-mono);letter-spacing:.025em;text-transform:uppercase}
.ide-explorer details.ide-folder>summary>span:first-child{font-size:12px;line-height:1}
.ide-explorer details.ide-folder[open]>summary{border-block:1px solid #ffffff04}
.ide-open-editors{padding:3px 0 7px}
.ide-open-editors>button,.ide-open-editor{display:flex;align-items:center;gap:8px;width:100%;min-width:0;min-height:29px;padding:5px 14px 5px 25px;border:0;border-left:2px solid transparent;border-radius:0;background:transparent;text-align:left;color:#a99bb9;font:11px/1.4 var(--ide-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ide-open-editors>button:hover,.ide-open-editor:hover{background:#af80d60d;color:#e7d5f8}
.ide-open-editors>button[aria-current=true],.ide-open-editor.is-active{border-left-color:#bc8bff;background:#aa7bd01c;color:#e7d5f8}
.ide-open-editors svg{width:13px;height:13px;flex:none;stroke:#a98ad0;stroke-width:1.5;fill:none}
.ide-open-editors .ide-open-editor-close{margin-left:auto;color:#a68bb7;flex:none}
.ide-project-folder{position:relative;margin:0;padding:0;border:0;border-radius:0;background:transparent}
.ide-project-folder>summary{display:flex;align-items:center;gap:6px;min-height:30px;padding:5px 10px 5px 18px;border:0;background:transparent;color:#c9b8d8;font:11px/1.45 var(--ide-mono);list-style:none;cursor:pointer}
.ide-project-folder>summary::-webkit-details-marker{display:none}
.ide-project-folder>summary::after{display:none}
.ide-project-folder>summary::before{content:"›";display:block;width:8px;flex:none;font-size:15px;color:#9b86ae;transform-origin:50%;transition:transform .12s}
.ide-project-folder[open]>summary::before{transform:rotate(90deg)}
.ide-project-folder>summary:hover{background:#a682c110}
.ide-project-folder>summary>svg{width:14px;height:14px;flex:none;fill:none;stroke:#b69ad9;stroke-width:1.5}
.ide-project-folder>summary strong{font-weight:400;min-width:0;overflow:hidden;text-overflow:ellipsis}
.ide-project-folder>summary small,.ide-tree-status{margin-left:auto;color:#8fcab9;font:9px var(--ide-mono);white-space:nowrap}
.ide-project-folder>.ide-folder-content{position:relative;margin-left:25px;border-left:1px solid #a785bc25;padding-block:2px 5px}
.ide-tree-file,.ide-project-entry{display:flex;align-items:center;gap:7px;width:100%;min-width:0;min-height:30px;padding:5px 10px 5px 11px;border:0;border-radius:0;background:transparent;text-align:left;color:#af9bbf;font:11px/1.5 var(--ide-mono);overflow-wrap:anywhere}
.ide-tree-file:hover,.ide-project-entry:hover{background:#a575d813;color:#edddfa}
.ide-tree-file[aria-current=true],.ide-project-entry[aria-current=true],.ide-tree-file.is-active,.ide-project-entry.is-active{background:#a678d11c;color:#e4c8fb}
.ide-tree-file>span,.ide-project-entry>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ide-tree-file>svg,.ide-project-entry>svg{width:13px;height:13px;flex:none;fill:none;stroke:#aa84c9;stroke-width:1.5}
.ide-tree-file img,.ide-project-entry img{display:block;width:28px;height:20px;flex:none;object-fit:cover;object-position:top;border:1px solid #ffffff13;border-radius:2px;background:#120d1b}
.ide-tree-file .ide-file-type{width:15px;font-size:9px;flex:none;overflow:visible}
.ide-file--plain{padding-left:21px;color:#b3a0c4;font-size:11px}
.ide-explorer-bottom{margin:20px 12px 8px;padding-top:13px}
.ide-extension-list{display:flex;flex-direction:column;padding:3px 0 10px}
.ide-extension-card{display:grid;grid-template-columns:35px minmax(0,1fr);align-items:start;gap:10px;position:relative;padding:14px 12px;border-bottom:1px solid #ffffff06;min-width:0;background:transparent}
.ide-extension-card:hover{background:#b087d308}
.ide-extension-icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #b993df3b;border-radius:8px;background:linear-gradient(145deg,#713fb92b,#191520);color:#c29aeb;font:600 15px/1 var(--ide-display)}
.ide-extension-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}
.ide-extension-card h3,.ide-extension-card strong{display:block;margin:0 0 4px;font:600 11px/1.5 var(--ide-ui);color:#e0d2eb}
.ide-extension-card p{margin:3px 0;color:#a896ba;font:11px/1.65 var(--ide-ui);overflow-wrap:anywhere}
.ide-extension-card small{display:flex;align-items:center;gap:4px;font:10px/1.5 var(--ide-ui);color:#a48cb7}
.ide-extension-card small::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:10px;height:10px;border-radius:50%;background:#6f9bdd21;color:#a3c7ef;font-size:7px}
.ide-extension-card a,.ide-extension-card button{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:3px 7px;margin-top:7px;border:1px solid #a57dcb43;border-radius:3px;background:#9c62d51a;color:#d6b7ef;font:10px/1.5 var(--ide-ui)}
.ide-extension-card a:hover,.ide-extension-card button:hover{background:#b580df26;border-color:#b580df66}
.ide-editor-top{display:flex;align-items:stretch;min-width:0;flex:none;height:40px;border-bottom:1px solid #ffffff06;background:#18131f}
.ide-editor-top>.ide-tabs{flex:1;min-width:0;border-bottom:0}
.ide-editor-actions{display:flex;align-items:center;gap:1px;flex:none;padding-inline:5px;border-left:1px solid #ffffff08;background:#1b1524}
.ide-editor-actions button,.ide-secondary-header button,.ide-terminal-window-actions button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:29px;min-height:29px;padding:6px;border:0;border-radius:4px;background:transparent;color:#a998bc}
.ide-editor-actions button:hover,.ide-secondary-header button:hover,.ide-terminal-window-actions button:hover{background:#bc91df12;color:#e4cdf6}
.ide-editor-actions button[aria-pressed=true],.ide-editor-actions button[aria-expanded=true]{background:transparent;color:#94f5de}
.ide-editor-actions svg,.ide-secondary-header svg,.ide-terminal-window-actions svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4}
/* Quiet editor controls: icons change colour without a filled button tile. */
.ide-site :is(.ide-editor-actions,.ide-power-toolbar) button,.ide-titlebar :is(.ide-explorer-toggle,.ide-agents-toggle){appearance:none;-webkit-appearance:none;border-radius:5px;transition:background-color .14s,color .14s,box-shadow .14s}
.ide-site :is(.ide-editor-actions,.ide-power-toolbar) button:is(:hover,:focus-visible):not(:disabled),.ide-titlebar :is(.ide-explorer-toggle,.ide-agents-toggle):is(:hover,:focus-visible){background:transparent;border-color:transparent;color:#f1dcff;box-shadow:none}
.ide-site .ide-editor-actions button:is([aria-pressed=true],[aria-expanded=true]):is(:hover,:focus-visible){background:transparent;color:#b9ffe9;box-shadow:none}
.ide-site :is(.ide-editor-actions,.ide-power-toolbar) button svg,.ide-titlebar :is(.ide-explorer-toggle,.ide-agents-toggle) svg{display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ide-editor-body{display:flex;position:relative;flex:1;min-width:0;min-height:0;overflow:hidden}
.ide-editor-body>.ide-editor-scroll{flex:1 1 0;min-width:0;position:relative;container-type:inline-size;container-name:ide-reading}
.ide-secondary{display:flex;flex-direction:column;position:relative;flex:0 0 var(--ide-split-width);width:var(--ide-split-width);min-width:0;min-height:0;border-left:1px solid #b69cdb30;background:#17121f}
.ide-window[data-split-open=false] .ide-secondary{display:none}
.ide-secondary-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;min-height:35px;padding:3px 8px 3px 13px;border-bottom:1px solid #b69cdb17;background:#211829;color:#cbb2dc;font:11px/1.45 var(--ide-mono)}
.ide-secondary-header>span,.ide-secondary-header>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}
.ide-secondary-content{flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a07cb03d transparent;container-type:inline-size;container-name:ide-reading}
.ide-secondary-content>.ide-panel{padding:25px 24px 35px}
.ide-secondary-content .ide-panel-title{font-size:29px}
.ide-secondary-content .ide-project-image{width:100%}
.ide-secondary-content .ide-kicker{font-size:10px}
.ide-secondary-content .ide-featured-project,.ide-secondary-content .ide-project-grid,.ide-secondary-content .ide-innovation-grid,.ide-secondary-content .ide-project-gallery{grid-template-columns:minmax(0,1fr)}
.ide-secondary-content .ide-featured-image{aspect-ratio:1.75;min-height:0;border-right:0;border-bottom:1px solid var(--ide-line)}
.ide-secondary-content .ide-project-heading h2{font-size:29px}
.ide-secondary-content .ide-project-description h3{font-size:21px}
[data-ide-resize]{position:absolute;z-index:15;touch-action:none;user-select:none;background:transparent;border:0;border-radius:0;padding:0;outline-offset:-2px;transition:background .15s}
[data-ide-resize=explorer]{top:0;bottom:0;left:calc(48px + var(--ide-explorer-width) - 3px);width:6px;cursor:col-resize}
[data-ide-resize=agents]{top:0;bottom:0;right:calc(var(--ide-agents-width) - 3px);width:6px;cursor:col-resize}
[data-ide-resize=terminal]{top:-3px;left:0;right:0;height:6px;cursor:row-resize}
[data-ide-resize=split]{top:0;bottom:0;left:-3px;width:6px;cursor:col-resize}
[data-ide-resize]:hover,[data-ide-resize]:focus-visible{background:#b47deb80}
.ide-window[data-resizing] [data-ide-resize]{transition:none}
.ide-window[data-resizing]{user-select:none}
.ide-window[data-resizing=explorer],.ide-window[data-resizing=agents],.ide-window[data-resizing=split]{cursor:col-resize}
.ide-window[data-resizing=terminal]{cursor:row-resize}
.ide-window[data-explorer-open=false] [data-ide-resize=explorer],.ide-window[data-agents-open=false] [data-ide-resize=agents]{display:none}
.ide-terminal{position:relative;flex:0 0 var(--ide-terminal-height);min-height:100px;max-height:none;overflow:visible;background:#120f19;border-top:1px solid #b69cdb26}
.ide-window[data-terminal-open=false] .ide-terminal{display:none}
.ide-window[data-terminal-maximized=true] .ide-editor-body,.ide-window[data-terminal-maximized=true] .ide-breadcrumb{display:none}
.ide-window[data-terminal-maximized=true] .ide-terminal{flex:1 1 auto;min-height:0;height:auto}
.ide-window[data-terminal-maximized=true] [data-ide-resize=terminal]{display:none}
.ide-terminal-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;flex:none;min-height:35px;border-bottom:1px solid #ffffff06}
.ide-terminal-head>.ide-terminal-tabs{flex:1;min-width:0;min-height:34px;padding-inline:16px;gap:17px;border:0;overflow-x:auto;scrollbar-width:none}
.ide-terminal-tabs button{color:#b6a1c7;font-size:10px;white-space:nowrap}
.ide-terminal-tabs button[aria-selected=true]{color:#e0c8f1;border-bottom-color:#c68ef7}
.ide-terminal-window-actions{display:flex;align-items:center;gap:1px;flex:none;padding-right:6px}
.ide-terminal-pane,[data-ide-terminal-pane]{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#a07cb03d transparent}
.ide-terminal-content{padding:10px 17px;min-width:0;font-size:11px}
.ide-terminal-output{font-size:11px}
.ide-terminal-toolbar{padding:6px 16px 9px}
.ide-terminal-command{color:#c29ede}
.ide-terminal-log,.ide-console-log{flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;margin:0;padding:12px 17px;color:#bca8cb;font:11px/1.85 var(--ide-mono);white-space:pre-wrap;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#a07cb03d transparent}
.ide-terminal-log p,.ide-console-log p{font:inherit;margin:0 0 5px;white-space:pre-wrap;overflow-wrap:anywhere}
.ide-console-command{color:#c99eea}.ide-console-success{color:#8ad5bd}.ide-console-muted{color:#a18caf}
.ide-terminal-form,.ide-console-form{display:flex;align-items:center;gap:9px;flex:none;min-width:0;padding:7px 13px 10px;border-top:1px solid #ffffff06;font:11px var(--ide-mono)}
.ide-terminal-form>span,.ide-console-form>span{color:#c798e8;flex:none}
.ide-terminal-form input,.ide-console-form input{flex:1;width:100%;min-width:0;min-height:30px;padding:4px 6px;background:transparent;border:0;color:#e2d3eb;font:12px/1.6 var(--ide-mono);box-shadow:none}
.ide-terminal-form input::placeholder,.ide-console-form input::placeholder{color:#97839f}
.ide-terminal-form button,.ide-console-form button{flex:none;min-height:30px;padding:4px 9px;border:1px solid #a57dcb43;border-radius:3px;background:#9c62d51a;color:#d6b7ef;font:10px var(--ide-mono)}
.ide-agent-header>button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border:0;border-radius:4px;background:transparent;color:#ad92be}
.ide-agent-header>button:hover{background:#b27ad315;color:#e0c0f2}
.ide-agent-header>button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4}
.ide-agent-card .ide-agent-path{border:1px solid #9a7fb21b;border-left:2px solid #b28ace66;border-radius:3px;background:#100c1855;color:#b497c6}
.ide-agent-card details{margin:10px 0 0;padding:0;border:1px solid #a685be1e;border-radius:3px;background:#110c1850}
.ide-agent-card details>summary{padding:7px 8px;border:0;background:none;color:#b79acb;font:10px/1.5 var(--ide-mono);cursor:pointer}
.ide-agent-card details pre{margin:0;padding:9px;border-top:1px solid #a685be1e;background:#0d0a1250;color:#aac9bb;font:10px/1.8 var(--ide-mono);white-space:pre-wrap;overflow-wrap:anywhere}
.ide-session-panel,.ide-tool-detail{max-width:960px;min-width:0}
.ide-session-header,.ide-tool-header{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:7px 0 23px;padding-bottom:22px;border-bottom:1px solid #b392c224}
.ide-session-header .ide-agent-avatar,.ide-tool-header .ide-extension-icon{width:49px;height:49px;font-size:23px;border-radius:10px}
.ide-session-header .ide-panel-title,.ide-tool-header .ide-panel-title{margin:0 0 5px;font-size:34px}
.ide-session-header p,.ide-tool-header p{margin:0;color:#a991be;font:11px/1.6 var(--ide-mono)}
.ide-session-thread{display:grid;gap:20px;padding:8px 0 25px;min-width:0}
.ide-session-message{padding:0 0 0 24px;border-left:1px solid #ad86c92e;position:relative;min-width:0}
.ide-session-message::before{content:"";position:absolute;left:-4px;top:6px;width:7px;height:7px;border:2px solid #1b1727;border-radius:50%;background:#8fcbb2}
.ide-session-message h3{margin:0 0 9px;color:#d5c1e4;font:500 13px/1.6 var(--ide-ui)}
.ide-session-message p{color:#b8a4c9;font-size:13px;line-height:1.85;margin:9px 0}
.ide-session-message pre,.ide-tool-detail pre,.ide-session-code{display:block;max-width:100%;margin:12px 0;padding:14px 16px;border:1px solid #ac88c32a;border-radius:5px;background:#0d0b12;color:#afd2c1;font:11px/1.9 var(--ide-mono);overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.ide-session-message details{border:1px solid #ac88c326;border-radius:4px;background:#9d6acb05;overflow:hidden}
.ide-session-message details summary{padding:10px 13px;color:#bca4ce;font:11px var(--ide-mono);cursor:pointer}
.ide-session-message details pre{margin:0;border:0;border-top:1px solid #ac88c326;border-radius:0}
.ide-tool-detail p,.ide-tool-detail li{color:#bba8ca;font-size:14px;line-height:1.9}
.ide-tool-detail h3{color:#dec9ed;font:600 21px/1.4 var(--ide-display);margin:24px 0 10px}
.ide-run-progress{height:2px;position:relative;overflow:hidden;background:#b392c21c;border-radius:2px;margin:14px 0}
.ide-run-progress>span{display:block;width:34%;height:100%;background:linear-gradient(90deg,#a477e6,#e58ada,#6cd9c4);transform:translateX(-110%)}
[data-bmad-playing=true] .ide-run-progress>span,.ide-session-panel[data-running=true] .ide-run-progress>span{animation:ide-run-travel 1.8s ease-in-out 4}
@keyframes ide-run-travel{0%{transform:translateX(-110%)}100%{transform:translateX(400%)}}
.ide-desktop-home{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:35px 24px;overflow:auto;background:radial-gradient(ellipse at 50% 42%,#5730773b,transparent 56%),#0c0912;color:#ede1f8;text-align:center;isolation:isolate}
.ide-desktop-home::before{content:"";position:absolute;z-index:-1;top:calc(45% - 145px);left:calc(50% - 145px);width:290px;height:290px;border:1px solid #a977d21c;border-radius:50%;box-shadow:0 0 100px #894bd320,inset 0 0 80px #894bd308;animation:ide-desktop-breathe 4s ease-in-out 2}
.ide-desktop-home>img{display:block;width:74px;height:74px;margin:0 auto 22px;object-fit:contain;filter:drop-shadow(0 0 24px #ad60e530)}
.ide-desktop-home h1,.ide-desktop-home h2{margin:0 0 13px;color:#e8d6f6;font:650 clamp(27px,4vw,43px)/1.2 var(--ide-display);letter-spacing:-.025em}
.ide-desktop-home p{max-width:44ch;margin:0 0 25px;color:#b09aba;font-size:14px;line-height:1.85}
.ide-desktop-home button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:12px 18px;border:1px solid #ad79db70;border-radius:6px;background:#7c46ac30;color:#e6d1f7;font:500 12px var(--ide-ui)}
.ide-desktop-home button:hover{background:#8e4abe45;border-color:#c191e8}
.ide-desktop-home button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
.ide-desktop-home small{margin-top:20px;color:#917ca0;font:10px/1.7 var(--ide-mono)}
@keyframes ide-desktop-breathe{50%{transform:scale(1.12);opacity:.65}}
.ide-statusbar{height:25px;background:#4b2a72}
.ide-statusbar button{padding-inline:3px;color:#e7d9f4}
.ide-statusbar button:hover{background:#ffffff12}
.ide-tab-item[draggable=true]{cursor:grab}
.ide-tab-item.is-dragging{opacity:.45}
.ide-tab-item.is-drag-over{box-shadow:inset 3px 0 #72d9c5}
.ide-editor-body.is-drop-target,.ide-secondary.is-drop-target{box-shadow:inset 0 0 0 2px #a575e6;outline:2px solid #a575e6;outline-offset:-2px;background:#9c65dc10}
@container ide-reading (max-width:560px){.ide-featured-project,.ide-project-grid,.ide-innovation-grid,.ide-project-gallery{grid-template-columns:minmax(0,1fr)}.ide-featured-image{aspect-ratio:1.75;min-height:0;border-right:0;border-bottom:1px solid var(--ide-line)}.ide-welcome,.ide-panel:not(.ide-welcome){padding-inline:24px}.ide-hero-title{font-size:clamp(30px,8cqi,43px);max-width:20ch}.ide-panel-title{font-size:32px}.ide-project-heading h2{font-size:30px}.ide-kicker{align-items:flex-start;flex-direction:column;gap:7px}.ide-actions{gap:9px}.ide-brief-panel .brief-form .grid-2{grid-template-columns:minmax(0,1fr)}}
@container ide-reading (max-width:360px){.ide-welcome,.ide-panel:not(.ide-welcome){padding-inline:18px}.ide-hero-title{font-size:31px}.ide-panel-title{font-size:28px}.ide-intro,.ide-project-heading p,.ide-project-description p{font-size:13px}.ide-section-label{align-items:flex-start}.ide-section-label>span{white-space:normal;text-align:right}.ide-featured-copy{padding:16px}.ide-button{font-size:11px;padding-inline:10px}}
@media(min-width:1150px){.ide-window[data-explorer-open=false] .ide-shell{grid-template-columns:48px minmax(0,1fr) var(--ide-agents-width)}.ide-window[data-agents-open=false] .ide-shell{grid-template-columns:48px var(--ide-explorer-width) minmax(0,1fr)}.ide-window[data-explorer-open=false][data-agents-open=false] .ide-shell{grid-template-columns:48px minmax(0,1fr)}}
@media(max-width:1380px){.ide-titlebar-menus,.ide-menus{display:none}.ide-command-button{max-width:350px}.ide-titlebar{gap:8px}.ide-welcome{padding-inline:30px}}
@media(min-width:761px) and (max-width:1149px){.ide-shell{grid-template-columns:48px var(--ide-explorer-width) minmax(0,1fr)}.ide-window[data-explorer-open=false] .ide-shell{grid-template-columns:48px minmax(0,1fr)}.ide-agents[data-open=true]{top:55px;right:13px;bottom:38px;max-height:calc(100dvh - 93px)}body[data-window-state=maximized] .ide-agents[data-open=true]{top:42px;right:0;bottom:25px;max-height:calc(100dvh - 67px)}[data-ide-resize=agents]{display:none}.ide-titlebar .ide-window-controls{display:flex}.ide-command-button{max-width:300px}.ide-language{display:none}}
@media(max-width:900px){.ide-titlebar .ide-wordmark>span,.ide-titlebar .ide-wordmark>strong{display:none}.ide-titlebar .ide-wordmark{gap:0}.ide-window-controls{margin-right:0}.ide-top-cta{font-size:10px}.ide-editor-actions button{width:27px;padding:6px}.ide-titlebar{gap:6px}.ide-command-button{gap:8px}}
@media(max-width:760px){body.ide-site{padding:0}.ide-window,body[data-window-state=maximized] .ide-window{height:100dvh;border:0;border-radius:0;grid-template-rows:46px minmax(0,1fr) 25px}.ide-titlebar{height:46px;padding-inline:6px;gap:5px}.ide-titlebar .ide-window-controls{display:flex;gap:0;margin-right:1px}.ide-window-controls>button{width:22px;min-width:22px;height:30px}.ide-window-controls>button::before{inset:9px 5px}.ide-titlebar .ide-wordmark{gap:0}.ide-titlebar .ide-wordmark img{width:25px;height:25px}.ide-titlebar .ide-wordmark>span,.ide-titlebar .ide-wordmark>strong{display:none}.ide-explorer-toggle,.ide-agents-toggle{width:30px;height:34px}.ide-top-cta{margin-left:auto;min-height:31px;font-size:10px;padding:5px 8px;gap:4px}.ide-language,.ide-titlebar-menus,.ide-menus{display:none}.ide-shell{display:flex}.ide-explorer[data-open=true]{top:46px;bottom:25px;max-height:calc(100dvh - 71px);width:min(305px,calc(100vw - 22px));left:0}.ide-agents[data-open=true]{top:46px;right:0;bottom:25px;max-height:calc(100dvh - 71px)}[data-ide-resize]{display:none}.ide-explorer details.ide-folder>summary{min-height:37px;font-size:11px}.ide-project-folder>summary{min-height:38px;font-size:12px;padding-left:16px}.ide-project-folder>.ide-folder-content{margin-left:24px}.ide-tree-file,.ide-project-entry{min-height:37px;font-size:11px;padding-block:7px}.ide-tree-file img,.ide-project-entry img{width:31px;height:23px}.ide-open-editors>button,.ide-open-editor{min-height:34px;font-size:11px}.ide-file--plain{min-height:36px}.ide-extension-card{grid-template-columns:37px minmax(0,1fr);padding:15px 14px}.ide-extension-card h3,.ide-extension-card strong{font-size:12px}.ide-extension-card p{font-size:12px}.ide-extension-card a,.ide-extension-card button{min-height:32px;font-size:11px}.ide-editor-top{height:38px}.ide-editor-actions{padding-inline:3px}.ide-editor-actions button{width:28px;min-height:30px}.ide-editor-actions button[data-ide-agents]{display:none}.ide-editor-body{display:flex;flex-direction:column}.ide-secondary{flex:1 1 auto;min-height:0;width:100%;border-left:0;border-top:1px solid #b69cdb30}.ide-window[data-split-open=true] .ide-editor-body>.ide-editor-scroll{display:none}.ide-secondary-header{min-height:38px}.ide-secondary-header button{width:34px;min-height:32px}.ide-secondary-content>.ide-panel{padding-inline:22px}.ide-terminal{flex-basis:min(var(--ide-terminal-height),28dvh);min-height:125px;max-height:none}.ide-terminal-head{min-height:34px}.ide-terminal-head>.ide-terminal-tabs{padding-inline:12px;gap:13px;min-height:34px}.ide-terminal-tabs button{font-size:9px;min-height:33px}.ide-terminal-window-actions{gap:0;padding-right:4px}.ide-terminal-window-actions button{width:26px;min-height:28px;padding:5px}.ide-terminal-tabs .ide-terminal-demo{display:none}.ide-terminal-toolbar{padding:5px 12px 7px}.ide-terminal-content{padding:9px 13px;font-size:11px}.ide-terminal-output{font-size:11px}.ide-terminal-log,.ide-console-log{padding:10px 13px;font-size:11px}.ide-terminal-form,.ide-console-form{padding:5px 10px 8px;gap:5px}.ide-terminal-form input,.ide-console-form input{font-size:16px}.ide-terminal-form button,.ide-console-form button{min-height:32px;font-size:10px}.ide-workflow{gap:4px}.ide-workflow button{min-height:31px;font-size:9px;padding-inline:5px}.ide-window[data-terminal-maximized=true] .ide-terminal{max-height:none;min-height:0;flex:1}.ide-statusbar{gap:8px;padding-inline:8px}.ide-statusbar>span:nth-child(2),.ide-statusbar>span:nth-last-child(2){display:none}.ide-desktop-home>img{width:64px;height:64px}.ide-desktop-home p{font-size:13px}}
@media(max-width:380px){.ide-titlebar{gap:3px;padding-inline:4px}.ide-window-controls>button{width:20px;min-width:20px}.ide-window-controls>button::before{inset:9px 4px}.ide-titlebar .ide-wordmark img{width:23px;height:23px}.ide-explorer-toggle,.ide-agents-toggle{width:27px;padding:4px}.ide-top-cta{padding-inline:6px;font-size:9px}.ide-editor-actions button{width:26px}.ide-editor-actions{padding-inline:1px}.ide-terminal-head>.ide-terminal-tabs{gap:10px;padding-inline:10px}.ide-terminal-tabs button{font-size:8px}.ide-terminal-window-actions button{width:24px}.ide-workflow button{font-size:8px}.ide-statusbar{font-size:8px;gap:5px}.ide-statusbar .ide-branch-mark{gap:4px}}
@media(max-height:680px) and (min-width:761px){.ide-window{--ide-terminal-height:175px}.ide-terminal{flex-basis:var(--ide-terminal-height);max-height:none;min-height:100px}.ide-window[data-terminal-maximized=true] .ide-terminal{flex:1}.ide-welcome{padding-top:25px}}
html[data-motion-paused=true] .ide-window *,html[data-motion-paused=true] .ide-desktop-home::before{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.ide-window *,.ide-desktop-home::before{animation:none!important;transition:none!important}.ide-editor-scroll,.ide-secondary-content{scroll-behavior:auto}}
/* Component details shared by the homepage and every public document. */
.ide-menubar{display:flex;align-items:center;gap:1px;flex:none}
.ide-window .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ide-sidebar-note{padding:6px 13px;color:#ad99bd;font-size:11px;line-height:1.8}
.ide-sidebar-note h2{font:600 17px/1.35 var(--ide-display);color:#d7c4e4;margin:4px 0 8px}
.ide-sidebar-note p{margin:0 0 8px;font-size:11px;line-height:1.8;color:#ae9bbd}
.ide-sidebar-command{display:flex;align-items:center;justify-content:space-between;gap:12px;width:calc(100% - 22px);min-height:34px;margin:5px 11px 13px;padding:6px 9px;border:1px solid #a084bc30;border-radius:4px;background:#a278c714;color:#d0b8e1;font:11px/1.5 var(--ide-ui)}
.ide-sidebar-command kbd{font:10px var(--ide-mono);color:#a991ba}
.ide-search-results{display:grid;gap:1px}
.ide-search-result{display:flex;align-items:center;gap:9px;min-height:35px;padding:7px 14px;color:#c6afd6;font:11px/1.5 var(--ide-ui)}
.ide-search-result:hover{background:#aa7bd01c}
.ide-search-result svg{width:15px;height:15px;stroke:#ac8bca}
.ide-open-editors [data-ide-open-editors]{padding-block:3px 5px}
.ide-open-editor{padding-left:17px;min-height:28px}
.ide-open-editor>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.ide-explorer .ide-open-editor{font:11px/1.5 var(--ide-mono);min-height:29px}
.ide-project-folder>.ide-tree-children{position:relative;margin-left:27px;padding:2px 0 5px;border-left:1px solid #a785bc25}
.ide-project-folder>summary>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ide-project-folder .ide-tree-file{border-left:0}
.ide-project-folder .ide-tree-file small{margin-left:auto;flex:none;color:#a58ab6;font-size:9px}
.ide-tree-file.ide-file{min-height:32px;padding:5px 11px}
.ide-tree-file.ide-file img{width:28px;height:21px}
.ide-extension-card{grid-template-columns:35px minmax(0,1fr) 13px;gap:10px;padding-block:14px}
.ide-extension-card>span:nth-child(2){min-width:0}
.ide-extension-card>span:last-child{padding-top:3px;color:#bfa0d2;font:12px var(--ide-mono)}
.ide-extension-card small{font-size:10px;line-height:1.7;color:#b19bc1}
.ide-extension-card small::before{display:none}
.ide-extension-publisher{display:block;margin-top:5px;color:#9682a6;font:10px/1.5 var(--ide-ui)}
.ide-extension-icon[data-agent=claude]{color:#e1b79b;background:#b785671d;border-color:#bc926841}
.ide-extension-icon[data-agent=codex]{color:#b3dfc9;background:#69b29018;border-color:#77bf9d38}
.ide-extension-icon[data-agent=gemini]{color:#c3b6f3;background:#8f76d21d;border-color:#9c83d941}
.ide-extension-icon[data-agent=bmad]{color:#e2b6e9;background:#b376c21d;border-color:#c183d241}
.ide-extension-icon[data-agent=vscode]{color:#93c5f0;background:#618cbc1d;border-color:#75a5d741}
.ide-extension-icon[data-agent=playwright]{color:#c6d9ac;background:#7da1511d;border-color:#97bf6a41}
.ide-extension-icon[data-agent=git]{color:#efbda7;background:#c27b5d1d;border-color:#ce937841}
.ide-tool-heading,.ide-session-heading{display:flex;align-items:center;gap:14px;min-width:0;flex-wrap:wrap;margin:13px 0 23px;padding-bottom:22px;border-bottom:1px solid #b392c224}
.ide-tool-heading .ide-extension-icon,.ide-session-heading .ide-agent-avatar{width:49px;height:49px;font-size:24px;border-radius:10px}
.ide-tool-heading h2,.ide-session-heading h2{margin:0;color:#ead9f6;font:650 33px/1.3 var(--ide-display);letter-spacing:-.015em}
.ide-tool-heading p{margin:3px 0 0;color:#af93c3;font:11px/1.7 var(--ide-mono)}
.ide-tool-detail>.ide-innovation{margin-block:25px}
.ide-tool-note{padding:13px 16px;border-left:2px solid #ac7ddc5e;background:#a778d607;color:#a38caf!important;font-size:12px!important}
.ide-session-heading .ide-demo-badge{margin-left:auto}
.ide-session-message{margin:27px 0}
.ide-session-next{padding:18px;border:1px solid #a685be26;border-radius:5px;background:#9164bb07}
.ide-session-next p{margin:0 0 15px;color:#b6a0c7;font-size:13px;line-height:1.85}
.ide-agent-open{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;min-height:28px;border-radius:4px;color:#b99ecc;font:16px var(--ide-mono)}
.ide-agent-open:hover{background:#b27ad31c;color:#e0c0f2}
.ide-agent-task .ide-agent-status-dot{width:5px;height:5px;margin-top:6px;border-radius:50%;background:#8bc7ae;flex:none}
.ide-agent-task small{margin-left:auto;color:#a38ab5;font-size:9px}
.ide-session-run{display:flex;align-items:center;justify-content:center;width:100%;min-height:35px;margin:16px 0 8px;padding:7px 12px;border:1px solid #a677d447;border-radius:4px;background:#925bc81b;color:#d8b9ef;font:11px/1.5 var(--ide-mono)}
.ide-session-run:hover{background:#a86add2a;border-color:#b185df70}
.ide-terminal>.ide-terminal-tabs{position:relative;min-height:36px;padding-inline:15px;gap:14px;border-bottom:1px solid #ffffff06}
.ide-terminal-view-tabs{display:flex;align-items:center;gap:15px;flex:none;min-width:0}
.ide-terminal-tabs>[data-ide-terminal-maximize],.ide-terminal-tabs>[data-ide-terminal-toggle]{justify-content:center;width:25px;min-width:25px;min-height:28px;padding:4px;border:0;border-radius:3px;margin-left:-6px;color:#b7a0c8}
.ide-terminal-tabs>[data-ide-terminal-maximize]:hover,.ide-terminal-tabs>[data-ide-terminal-toggle]:hover{background:#b183d320;color:#dec9ef}
.ide-terminal-tabs>[data-ide-terminal-maximize] svg,.ide-terminal-tabs>[data-ide-terminal-toggle] svg{width:14px;height:14px}
.ide-terminal-tabs>[data-ide-run-demo]{font-size:10px;letter-spacing:0;white-space:nowrap;color:#d6b4ed}
.ide-terminal-reveal{display:block;white-space:normal}
.ide-window[data-demo-running=true] .ide-agent-status-dot{animation:ide-work-pulse 1.1s ease-in-out infinite}
.ide-workflow button{position:relative;overflow:hidden}
.ide-window[data-demo-running=true] .ide-workflow button[aria-pressed=true]::after{content:"";position:absolute;left:0;bottom:0;height:2px;background:#9adaff;animation:ide-step-progress 1.8s linear both}
@keyframes ide-work-pulse{50%{opacity:.35;box-shadow:0 0 8px #8bc7ae70}}
@keyframes ide-step-progress{from{width:0}to{width:100%}}
@media(prefers-reduced-motion:reduce){.ide-terminal-reveal,.ide-agent-status-dot,.ide-workflow button::after{animation:none!important}}
.ide-console{padding:0;overflow:hidden}
.ide-console-log{padding-top:8px;font-size:11px}
.ide-console-line{margin:0 0 5px;white-space:pre-wrap;overflow-wrap:anywhere}
.ide-console-line.is-command{color:#c7a0e7}
.ide-console form{display:flex;align-items:center;gap:8px;min-width:0;flex:none;padding:7px 12px 10px;border-top:1px solid #ffffff06}
.ide-console form label{flex:none;color:#b596cd;font:10px/1.5 var(--ide-mono)}
.ide-console form label>span:first-child{color:#95cdb5}
.ide-console form input{flex:1;width:100%;min-width:0;min-height:30px;padding:4px 5px;border:0;border-radius:3px;background:#ffffff03;box-shadow:none;color:#e3d0ee;font:12px/1.6 var(--ide-mono)}
.ide-console form input::placeholder{color:#927da4}
.ide-console form button{min-height:30px;min-width:29px;padding:3px 8px;border:1px solid #b287d338;border-radius:3px;background:#915eb815;color:#d6b6ec;font:15px var(--ide-mono)}
[data-ide-output-log]{font:11px/1.8 var(--ide-mono);color:#bca7cb}
[data-ide-output-log] p{font:inherit;margin:0 0 7px;overflow-wrap:anywhere}
.ide-split-preview{min-width:0;max-width:100%;padding:24px}
.ide-split-preview>.ide-panel{padding:0}
.ide-split-preview a{color:#d0a4ef}
.ide-split-preview [data-ide-panel]{margin:0}
.ide-desktop-home>a{margin-top:25px;color:#b596ca;font:11px/1.7 var(--ide-mono)}
.ide-desktop-home>.ide-code-comment{margin-bottom:15px;color:#a480c0;font-size:10px;letter-spacing:.13em}
.ide-window[data-theme=midnight]{--ide-bg:#0d1621;--ide-panel:#121d2a;--ide-raised:#1a2738;--ide-purple:#83a9ed;--ide-line-strong:#819fc32b;--ide-muted:#9baebf;background:#0d1621}
.ide-window[data-theme=midnight] .ide-titlebar,.ide-window[data-theme=midnight] .ide-agents-header{background:#172435}
.ide-window[data-theme=midnight] .ide-explorer,.ide-window[data-theme=midnight] .ide-explorer-header,.ide-window[data-theme=midnight] .ide-agents{background:#111c29}
.ide-window[data-theme=midnight] .ide-activity,.ide-window[data-theme=midnight] .ide-tabs,.ide-window[data-theme=midnight] .ide-editor-top,.ide-window[data-theme=midnight] .ide-editor-actions{background:#0c1520}
.ide-window[data-theme=midnight] .ide-terminal,.ide-window[data-theme=midnight] .ide-secondary{background:#0b131c}
.ide-window[data-theme=midnight] .ide-agent-card,.ide-window[data-theme=midnight] .ide-project-card{background:#172435}
.ide-window[data-theme=midnight] .ide-statusbar{background:#24425d}
.ide-window[data-theme=midnight] .ide-menu>div{background:#18293c}
.ide-window[data-tab-dragging=true] [data-ide-dropzone]{box-shadow:inset 0 0 0 1px #b88ced5e}
.ide-window .is-drag-over{background-color:#9c65dc18;box-shadow:inset 0 0 0 2px #a575e6}
@media(max-width:1380px){.ide-menubar{display:none}}
@media(max-width:760px){.ide-menubar{display:none}.ide-terminal>.ide-terminal-tabs{min-height:34px;padding-inline:11px;gap:12px}.ide-terminal-tabs>[data-ide-run-demo]{font-size:9px}.ide-terminal-tabs>[data-ide-terminal-maximize],.ide-terminal-tabs>[data-ide-terminal-toggle]{width:24px;min-width:24px;margin-left:-6px}.ide-terminal-tabs>.ide-terminal-demo{display:none}.ide-console form{gap:6px;padding-inline:10px}.ide-console form label{font-size:9px}.ide-console form label>span:first-child{display:none}.ide-console form input{font-size:16px}.ide-console form button{min-height:32px;min-width:30px}.ide-session-heading h2,.ide-tool-heading h2{font-size:28px}.ide-session-heading .ide-demo-badge{margin-left:0}.ide-tool-heading .ide-extension-icon,.ide-session-heading .ide-agent-avatar{width:42px;height:42px;font-size:20px}.ide-tree-file.ide-file{min-height:36px}.ide-extension-card{padding-block:14px}.ide-extension-card strong{font-size:12px}.ide-extension-card small{font-size:11px}.ide-extension-publisher{font-size:10px}.ide-sidebar-note p{font-size:12px}.ide-split-preview{padding:22px}}
@media(max-width:380px){.ide-terminal>.ide-terminal-tabs{gap:10px;padding-inline:9px}.ide-terminal-tabs>[data-ide-run-demo]{font-size:8px}.ide-terminal-tabs>[data-ide-terminal-maximize],.ide-terminal-tabs>[data-ide-terminal-toggle]{width:23px;min-width:23px;margin-left:-6px}.ide-statusbar>[data-consent-open]{display:none}.ide-split-preview{padding:18px}}
@media(max-width:760px){.ide-terminal-view-tabs{gap:10px}.ide-terminal-tabs [data-ide-terminal-view]{font-size:9px}.ide-explorer .ide-open-editor{min-height:34px}}
@media(max-width:380px){.ide-terminal-view-tabs{gap:9px}.ide-terminal-tabs [data-ide-terminal-view]{font-size:8px}}
@media(max-width:760px){.ide-window-controls>button{width:24px;min-width:24px}.ide-window-controls>button::before{inset:9px 6px}.ide-terminal-tabs>[data-ide-terminal-maximize],.ide-terminal-tabs>[data-ide-terminal-toggle]{width:24px;min-width:24px}}

/* A readable studio introduction, with the process woven into the workspace. */
.ide-welcome-hero{position:relative;isolation:isolate;padding:8px 0 0}
.ide-welcome-hero::before{content:"";position:absolute;z-index:-1;inset:-34px -36px 0;pointer-events:none;background:radial-gradient(ellipse at 80% 0,#9b62df15,transparent 62%)}
.ide-welcome .ide-hero-title{max-width:20ch;font-size:clamp(36px,4.1vw,62px);line-height:1.09;letter-spacing:-.045em}
.ide-welcome .ide-intro{max-width:57ch;font-size:14px;line-height:1.9;color:#c3b7d2}
.ide-delivery-signature{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:32px 0 40px;border-block:1px solid #bd9de22b;background:linear-gradient(110deg,#9e6acc09,transparent)}
.ide-delivery-signature a{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:5px 7px;min-width:0;padding:18px 10px 18px 0}
.ide-delivery-signature a+a{border-left:1px solid #bd9de21c;padding-left:14px}
.ide-delivery-signature span{grid-row:span 2;color:#82dccb;font:10px/1.8 var(--ide-mono)}
.ide-delivery-signature strong{font:600 13px/1.5 var(--ide-display);color:#e1d4ee}
.ide-delivery-signature small{font:10px/1.7 var(--ide-ui);color:#b19dc4}
.ide-delivery-signature a:hover strong{color:#8ef0d9}
.ide-welcome .ide-featured-project{border-color:#af81d44a;border-radius:10px;background:radial-gradient(ellipse at 100% 0,#9250c723,transparent 70%),#1b1627}
.ide-welcome .ide-featured-copy{padding:24px}.ide-welcome .ide-featured-copy p{font-size:13px;line-height:1.85;color:#c0afce}
.ide-welcome .ide-project-card-body{border-top:1px solid #c09ad821}.ide-welcome .ide-project-card .ide-label{font-size:9px;line-height:1.8;color:#9edbce}
.ide-welcome .ide-project-card p{font-size:13px;line-height:1.85;color:#c0b1cd}
@container ide-reading (max-width:650px){.ide-delivery-signature{grid-template-columns:1fr;margin:24px 0 32px}.ide-delivery-signature a{grid-template-columns:26px minmax(0,1fr);padding:12px 0}.ide-delivery-signature a+a{padding-left:0;border-left:0;border-top:1px solid #bd9de217}.ide-delivery-signature strong{font-size:14px}.ide-delivery-signature small{font-size:11px}}
@media(max-width:760px){.ide-welcome .ide-hero-title{font-size:clamp(33px,8.7vw,48px)}.ide-welcome .ide-intro{font-size:13px;line-height:1.85}.ide-welcome-hero::before{inset:-24px -22px 0}.ide-welcome .ide-actions{gap:8px}.ide-welcome .ide-actions .ide-button{font-size:11px}.ide-delivery-signature{margin-bottom:28px}}
/* Public-content search and workspace discovery. */
.ide-search-intro{padding:14px 13px 4px}.ide-search-intro h2{font:600 17px/1.4 var(--ide-ui);margin:10px 0 7px;color:#eadff6}.ide-search-intro p,.ide-search-count,.ide-search-hint{font:11px/1.65 var(--ide-ui);color:#b4a2c5}.ide-search-count,.ide-search-hint{padding:8px 13px;margin:0}.ide-search-filter{display:flex;align-items:center;gap:8px;padding:4px 12px;color:#cbbbd8;font:11px var(--ide-ui)}.ide-search-filter select{min-width:0;width:100%;padding:7px 4px;border:1px solid #b792dc36;border-radius:3px;background:#17121f;color:#e7daf4;font:11px var(--ide-ui)}.ide-global-result{display:flex;flex-direction:column;gap:7px;padding:14px 13px;border-top:1px solid #b792dc1a;color:#deccec}.ide-global-result:hover,.ide-global-result:focus-visible{background:#b286e01a;color:white}.ide-global-result strong{font:500 12px/1.55 var(--ide-ui)}.ide-search-excerpt{font:11px/1.65 var(--ide-ui);color:#bba9c9}.ide-global-result .ide-label{font-size:9px;color:#b995e2}.ide-search-more{display:block;width:calc(100% - 24px);margin:8px 12px;padding:10px;background:#ae7ee025;color:#e5d6f3;border:1px solid #ad81d34d;border-radius:4px;font:11px var(--ide-ui)}.ide-discovery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:27px 0 34px}.ide-discovery a{display:flex;flex-direction:column;gap:7px;padding:15px;border:1px solid #b89be12b;border-radius:6px;background:linear-gradient(135deg,#a572e50b,transparent);color:#e1cdec;transition:background .18s,border-color .18s}.ide-discovery a:hover{background:#b588e71a;border-color:#bb8eee6a}.ide-discovery small{font:9px var(--ide-mono);color:#ac86cb}.ide-discovery strong{font:500 12px/1.5 var(--ide-ui)}.ide-discovery span{font:11px/1.6 var(--ide-ui);color:#b7a5c8}.ide-breadcrumb>.ide-preview-label{display:none}.ide-sidebar-shortcuts{padding:8px 0;border-bottom:1px solid #c89eff1a}.ide-sidebar-shortcuts .ide-tree-file{padding-left:18px;font-size:11px;min-height:33px}.ide-sidebar-shortcuts .ide-file-type{color:#c9a7f2}.ide-search-more[hidden]{display:none}@media(max-width:760px){.ide-discovery{grid-template-columns:1fr;gap:8px;margin:20px 0}.ide-discovery a{padding:12px;display:grid;grid-template-columns:25px 1fr;gap:4px 8px}.ide-discovery small{grid-row:1/3;padding-top:4px}.ide-discovery strong,.ide-discovery span{grid-column:2}.ide-global-result{padding:16px 13px}.ide-search-filter select{font-size:16px}.ide-search-intro p,.ide-search-count,.ide-search-excerpt{font-size:12px}}
/* Project Atlas: a useful view of the work, inside the existing workspace. */
.atlas-panel{max-width:1180px!important}
.atlas-heading{margin:0 0 26px}
.atlas-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 22px;margin:8px 0 14px}
.atlas-heading h2{margin:0;color:#edddf7;font:650 clamp(29px,3vw,42px)/1.2 var(--ide-display);letter-spacing:-.025em}
.atlas-count-label{color:#a993ba;font:9px/1.7 var(--ide-mono);letter-spacing:.06em;white-space:nowrap}
.atlas-heading>p:last-child{max-width:66ch;margin:0;color:#bca8cb;font-size:14px;line-height:1.85}
.atlas-search-row{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:14px}
.atlas-search-row>label{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:0 13px;border:1px solid #b792d23d;border-radius:5px;background:#0e0b1577;color:#c1a1d9}
.atlas-search-row input{flex:1;min-width:0;width:100%;min-height:42px;padding:8px 0;border:0;background:transparent;color:#e7d8f2;font:12px/1.6 var(--ide-ui);box-shadow:none}
.atlas-search-row input::placeholder{color:#a38bb6}
.atlas-search-row input:focus-visible{outline:0}
.atlas-search-row>label:focus-within{border-color:#8fe2ca;box-shadow:0 0 0 1px #8fe2ca}
.atlas-search-row>button,.atlas-comparison-heading>button{flex:none;min-height:36px;padding:7px 9px;border:1px solid #ac89c030;border-radius:4px;background:transparent;color:#bca2cf;font:11px/1.5 var(--ide-ui)}
.atlas-search-row>button:hover,.atlas-comparison-heading>button:hover{border-color:#bb94df60;background:#af79df10}
.atlas-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}
.atlas-filters>button{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:6px 10px;border:1px solid #a486be2b;border-radius:4px;background:#a77cc405;color:#b9a4ca;font:10px/1.5 var(--ide-ui)}
.atlas-filters>button>span{padding:0 4px;border-radius:3px;background:#ffffff08;color:#bfa5d1;font:9px/1.5 var(--ide-mono)}
.atlas-filters>button[aria-pressed=true]{background:#ad76db1f;border-color:#c190e97a;color:#efd9ff}
.atlas-filters>button:hover{background:#ac80ca15;border-color:#bf97d555}
.atlas-results-line{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px;color:#a991ba;font:10px/1.7 var(--ide-mono)}
.atlas-results-line p{margin:0;color:#bde1d3;font:inherit}
.atlas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.atlas-card{min-width:0;overflow:hidden;border:1px solid #b899c628;border-radius:7px;background:#1b1525}
.atlas-card.is-selected{border-color:#c196ea9c;box-shadow:0 0 0 1px #a173ce38}
.atlas-card--flagship{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);background:linear-gradient(130deg,#251b32,#1b1625)}
.atlas-image-button{display:block;position:relative;width:100%;min-width:0;padding:0;border:0;border-bottom:1px solid #b99dc024;background:#0c0a10;text-align:left;color:#eee0f8;cursor:zoom-in;overflow:hidden}
.atlas-image-button img{display:block;width:100%;height:auto;aspect-ratio:1.75;object-fit:cover;object-position:top;transition:transform .22s}
.atlas-image-button:hover img{transform:scale(1.02)}
.atlas-image-button:focus-visible{outline-offset:-4px}
.atlas-image-hint{position:absolute;right:9px;bottom:9px;display:flex;align-items:center;padding:5px 7px;border:1px solid #d3bce73e;border-radius:3px;background:#130e1def;color:#e4d1f2;font:9px/1.5 var(--ide-mono)}
.atlas-flag{position:absolute;left:10px;top:10px;padding:5px 7px;border:1px solid #83d7b94b;border-radius:3px;background:#12211ded;color:#b7e9d7;font:8px/1.6 var(--ide-mono);letter-spacing:.04em}
.atlas-card--flagship .atlas-image-button{border-bottom:0;border-right:1px solid #b99dc024;min-height:230px}
.atlas-card--flagship .atlas-image-button img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
.atlas-card-body{padding:20px;min-width:0}
.atlas-card-role{margin:0 0 7px;color:#ae94c0;font:10px/1.5 var(--ide-mono)}
.atlas-card h3{margin:0 0 12px;color:#ead8f7;font:600 23px/1.25 var(--ide-display)}
.atlas-card h3 a{display:flex;align-items:center;justify-content:space-between;gap:8px}
.atlas-card h3 a>span{color:#b092c7;font-size:15px}
.atlas-card-summary{margin:0 0 15px;color:#bca6cc;font-size:13px;line-height:1.85}
.atlas-tags{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 14px}
.atlas-tags>span{padding:3px 6px;border:1px solid #b187cb28;border-radius:3px;color:#c1a3d5;font:9px/1.5 var(--ide-mono)}
.atlas-capabilities{display:grid;gap:6px;margin:0 0 17px;padding:0;list-style:none}
.atlas-capabilities li{position:relative;padding-left:14px;color:#adbdba;font-size:11px;line-height:1.7}
.atlas-capabilities li::before{content:"↳";position:absolute;left:0;color:#a58eb8;font-family:var(--ide-mono)}
.atlas-card-status{display:flex;align-items:flex-start;gap:6px;margin:0 0 15px;color:#aaa0b7;font:9px/1.7 var(--ide-mono)}
.atlas-card-status>span{color:#8dd0b7;font-size:8px}
.atlas-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #b99dc01c}
.atlas-compare-check{display:flex;align-items:center;gap:7px;min-height:34px;color:#d6bae8;font:11px/1.5 var(--ide-ui);cursor:pointer}
.atlas-compare-check input{appearance:auto;width:16px;height:16px;min-width:16px;min-height:16px;margin:0;padding:0;accent-color:#ae72e8;border-radius:3px}
.atlas-card-actions>a{display:inline-flex;align-items:center;min-height:34px;color:#bdaaCA;font:10px/1.5 var(--ide-ui)}
.atlas-empty{padding:35px 22px;border:1px dashed #bb95ce3d;border-radius:6px;background:#9a67b906;text-align:center}
.atlas-empty h3{margin:0 0 10px;color:#dfc9ef;font:600 24px var(--ide-display)}
.atlas-empty p{margin:0 0 20px;color:#b49bc4;font-size:13px;line-height:1.8}
.atlas-comparison{margin:32px 0 0;padding-top:28px;border-top:1px solid #b692c32c}
.atlas-comparison-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.atlas-comparison-heading .ide-code-comment{margin:0 0 7px;font-size:10px}
.atlas-comparison-heading h3{margin:0;color:#e4d0f2;font:600 27px/1.3 var(--ide-display)}
.atlas-comparison-heading>button:disabled{opacity:.5;cursor:default}
.atlas-comparison-note{margin:14px 0 19px;color:#ae99bf;font-size:12px;line-height:1.85}
.atlas-selection{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:13px;border:1px solid #af89c227;border-radius:5px;background:#a178c406}
.atlas-selection>p{margin:0;color:#b59bc7;font-size:12px;line-height:1.75}
.atlas-selected-project{display:inline-flex;align-items:center;gap:9px;padding:4px 5px 4px 10px;border:1px solid #c48ce157;border-radius:4px;background:#a96fce1d;color:#dfc3ef;font:11px/1.5 var(--ide-ui)}
.atlas-selected-project button{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;padding:0;border:0;border-radius:3px;background:transparent;color:#dabeea;font:17px/1 var(--ide-ui)}
.atlas-selected-project button:hover{background:#c99adc19}
.atlas-compare-table{width:100%;table-layout:fixed;border-collapse:collapse;margin:20px 0;border:1px solid #b78ccc26;font-size:12px;line-height:1.8}
.atlas-compare-table th,.atlas-compare-table td{border:1px solid #b78ccc26;padding:15px;vertical-align:top;text-align:left;overflow-wrap:anywhere}
.atlas-compare-table thead th{background:#251a30;color:#e1c8ef;font:600 17px/1.5 var(--ide-display)}
.atlas-compare-table thead th:first-child{width:22%;font:10px/1.7 var(--ide-mono);color:#b59ac5}
.atlas-compare-table tbody th{background:#a37db50b;color:#bfa5d0;font:500 11px/1.8 var(--ide-ui)}
.atlas-compare-table td{color:#c1accf;background:#0d0a140c}
.atlas-compare-table ul{display:grid;gap:9px;margin:0;padding-left:14px}
.atlas-compare-table a{color:#d9b4ef;text-decoration:underline;text-underline-offset:3px}
.atlas-feedback{min-height:20px;margin:10px 0 0;color:#bfe2d5;font:11px/1.8 var(--ide-ui)}
.atlas-share{display:flex;align-items:center;gap:11px 16px;flex-wrap:wrap;margin:18px 0 5px;padding-top:20px;border-top:1px solid #b692c321}
.atlas-share>span{color:#ab92bf;font:10px/1.8 var(--ide-mono)}
.atlas-share>label{width:100%;color:#bfa7d1;font-size:11px}
.atlas-share input{display:block;width:100%;min-width:0;padding:10px 12px;margin-top:7px;border:1px solid #b792d23d;border-radius:4px;background:#0f0a18;color:#dfc6f0;font:12px/1.6 var(--ide-mono)}
/* The original captures are displayed intact in a native modal. */
.ide-gallery-figure{position:relative}
.ide-gallery-figure>img{cursor:zoom-in}
.ide-gallery-figure>.ide-gallery-open{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:36px;min-height:36px;padding:0;border:1px solid #dabded69;border-radius:5px;background:#160e22e8;color:#ead7f7;font:23px/1 var(--ide-ui);cursor:zoom-in}
.ide-gallery-figure>.ide-gallery-open:hover{background:#653c80ef;border-color:#dfb5f3}
.ide-gallery-dialog{position:fixed;inset:0;display:none;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1360px,calc(100vw - 40px));max-width:none;height:calc(100dvh - 40px);max-height:none;margin:auto;padding:0;border:1px solid #bd94d34b;border-radius:9px;background:#15101e;color:#e4d1f0;box-shadow:0 25px 150px #000a;overflow:hidden;z-index:200}
.ide-gallery-dialog[open]{display:grid}
.ide-gallery-dialog::backdrop{background:#09050ee8;backdrop-filter:blur(5px)}
.ide-gallery-header{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:13px 19px;border-bottom:1px solid #c69adc22;background:#20162a}
.ide-gallery-header .ide-code-comment{display:block;margin:0 0 4px;color:#a98cbc;font:9px/1.5 var(--ide-mono)}
.ide-gallery-header h2{margin:0;color:#eddbf7;font:600 20px/1.4 var(--ide-display)}
.ide-gallery-dialog button{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:5px 9px;border:1px solid #b890cd31;border-radius:4px;background:#a67aca0a;color:#dec3ef;font:14px/1.5 var(--ide-mono);cursor:pointer}
.ide-gallery-dialog button:hover{background:#b683d621;border-color:#c38ae05c}
.ide-gallery-dialog button:disabled{opacity:.38;cursor:default}
.ide-gallery-dialog :focus-visible{outline:2px solid #6fe1c3;outline-offset:2px}
.ide-gallery-header>button{font-size:23px;flex:none}
.ide-gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:8px 18px;border-bottom:1px solid #c69adc15;background:#191222}
.ide-gallery-toolbar>div{display:flex;align-items:center;gap:8px;min-width:0}
.ide-gallery-toolbar span,.ide-gallery-toolbar output{display:inline-flex;justify-content:center;min-width:45px;color:#b9a1ca;font:11px/1.5 var(--ide-mono)}
.ide-gallery-toolbar [data-gallery-fit]{font-size:10px;min-width:54px}
.ide-gallery-viewport{display:flex;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px;scrollbar-width:thin;scrollbar-color:#9160ad55 transparent;background:#09070d;background-image:linear-gradient(45deg,#ffffff02 25%,transparent 25%),linear-gradient(-45deg,#ffffff02 25%,transparent 25%);background-size:20px 20px}
.ide-gallery-viewport img{display:block;flex:none;max-width:none;max-height:none;width:auto;height:auto;margin:auto;object-fit:contain;box-shadow:0 4px 40px #0007}
.ide-gallery-dialog[data-zoomed=true] .ide-gallery-viewport img{margin:0}
.ide-gallery-footer{padding:12px 19px;border-top:1px solid #c69adc22;background:#1b1324}
.ide-gallery-footer>p:first-child{margin:0;color:#d1b8e2;font:12px/1.7 var(--ide-ui)}
.ide-gallery-footer>span{display:block;margin-top:6px;color:#ab8dbc;font:9px/1.7 var(--ide-mono)}
.ide-gallery-footer [data-gallery-status]{margin:5px 0 0;color:#e7b5d4;font:11px/1.7 var(--ide-ui)}
.ide-gallery-footer [data-gallery-status]:empty{display:none}
@container ide-reading (max-width:620px){.atlas-grid{grid-template-columns:minmax(0,1fr)}.atlas-card--flagship{grid-template-columns:minmax(0,1fr)}.atlas-card--flagship .atlas-image-button{min-height:0;aspect-ratio:1.7;border-right:0;border-bottom:1px solid #b99dc024}.atlas-card-body{padding:19px}.atlas-comparison-heading h3{font-size:24px}.atlas-search-row{flex-wrap:wrap}.atlas-search-row>label{flex-basis:100%}.atlas-search-row>button{margin-left:auto}.atlas-compare-table thead{display:none}.atlas-compare-table,.atlas-compare-table tbody,.atlas-compare-table tr,.atlas-compare-table th,.atlas-compare-table td{display:block;width:100%}.atlas-compare-table tr{border-bottom:1px solid #b78ccc40}.atlas-compare-table th{border:0;padding:11px 14px;font:500 11px var(--ide-mono);color:#d7b9e8;background:#a579c319}.atlas-compare-table td{border:0;border-top:1px solid #b78ccc16;padding:12px 15px}.atlas-compare-table td::before{content:attr(data-atlas-project-label);display:block;margin-bottom:6px;color:#d6b3ed;font:600 14px/1.5 var(--ide-display)}}
@media(max-width:760px){.atlas-heading{margin-bottom:22px}.atlas-heading h2{font-size:32px}.atlas-heading>p:last-child{font-size:13px}.atlas-title-row{gap:8px}.atlas-count-label{font-size:8px}.atlas-search-row input{font-size:16px;min-height:44px}.atlas-search-row>button,.atlas-filters>button{min-height:36px}.atlas-filters{gap:6px}.atlas-filters>button{font-size:10px;padding-inline:8px}.atlas-results-line{font-size:10px}.atlas-card-actions{gap:8px}.atlas-card-actions>a,.atlas-compare-check{min-height:40px}.atlas-comparison{margin-top:27px;padding-top:23px}.atlas-comparison-heading>button{min-height:38px}.atlas-share input{font-size:16px}.ide-gallery-dialog{width:100vw;height:100dvh;border:0;border-radius:0}.ide-gallery-header{padding:10px 13px}.ide-gallery-header h2{font-size:18px}.ide-gallery-dialog button{min-width:36px;min-height:36px}.ide-gallery-toolbar{padding:8px 10px;gap:6px;flex-wrap:wrap}.ide-gallery-toolbar>div{gap:5px}.ide-gallery-toolbar span,.ide-gallery-toolbar output{min-width:37px;font-size:10px}.ide-gallery-toolbar [data-gallery-fit]{min-width:48px;font-size:10px}.ide-gallery-viewport{padding:12px}.ide-gallery-footer{padding:10px 13px}.ide-gallery-footer>p:first-child{font-size:11px}.ide-gallery-footer>span{font-size:8px}.ide-gallery-figure>.ide-gallery-open{width:40px;min-height:40px}}
@media(max-width:380px){.atlas-title-row{align-items:flex-start;flex-direction:column}.atlas-heading h2{font-size:29px}.atlas-card-body{padding:16px}.atlas-filters>button{font-size:9px}.ide-gallery-toolbar{justify-content:center}.ide-gallery-toolbar>div:first-child{margin-right:auto}.ide-gallery-toolbar>div:last-child{gap:4px}.ide-gallery-dialog button{min-width:32px;min-height:36px;padding-inline:6px}.ide-gallery-toolbar [data-gallery-fit]{min-width:44px}.ide-gallery-toolbar span,.ide-gallery-toolbar output{min-width:31px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.atlas-image-button img{transition:none}.atlas-image-button:hover img{transform:none}}
/* Delivery Lab: a connected, local example of how an idea becomes reviewable work. */
.ide-lab{container-type:inline-size;max-width:1240px;margin-inline:auto;padding:30px clamp(20px,3vw,44px) 40px!important;--lab-line:#b596dc2d;--lab-text:#bfb0d0;--lab-purple:#be8dfa;--lab-cyan:#6fd8c2}
.lab-kicker{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-bottom:25px;font:10px/1.5 var(--ide-mono);letter-spacing:.06em;color:#aa90c0}
.lab-demo-label{font-size:9px;padding:4px 7px;color:#d0b9e5;border:1px solid #b18cd63e;border-radius:4px;background:#a972d90a}
.lab-title{font:650 clamp(31px,3.8vw,49px)/1.1 var(--ide-display);letter-spacing:-.03em;margin:0;color:#efe6f9;text-wrap:balance}
.lab-title em{font-style:normal;color:#d0a9f5}
.lab-intro{max-width:73ch;margin:20px 0 29px;font-size:14px;line-height:1.85;color:var(--lab-text)}
.lab-controlbar{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:0 0 22px;padding:16px;border:1px solid var(--lab-line);border-radius:7px;background:linear-gradient(125deg,#a26add10,#191323)}
.lab-project-picker{display:grid;gap:6px;flex:1 1 190px;max-width:340px;color:#cbb9dd;font-size:10px}
.lab-project-picker select{width:100%;min-height:38px;padding:7px 31px 7px 11px;background:#17101f;color:#e6d6f5;border:1px solid #b18cd649;border-radius:4px;font:12px var(--ide-ui);cursor:pointer}
.lab-playback{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0}
.lab-playback button,.lab-artifact-footer button,.lab-copy-fallback button{min-height:37px;max-width:100%;padding:8px 10px;border:1px solid #ac88c839;border-radius:4px;background:#2b1d3d;color:#d7bfe9;font:11px/1.4 var(--ide-ui);cursor:pointer}
.lab-playback .lab-play{background:linear-gradient(115deg,#6c3ba8,#8f49b7);border-color:#b587d667;color:#fff}
.lab-playback button:disabled{opacity:.42;cursor:default}
.lab-playback button:not(:disabled):hover,.lab-artifact-footer button:hover{background:#6a398c66;border-color:#c697e5}
.lab-stage-list{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-bottom:0;border:1px solid var(--lab-line);border-radius:9px 9px 0 0;overflow:hidden}
.lab-stage{position:relative;display:flex;align-items:flex-start;flex-direction:column;gap:7px;min-width:0;min-height:145px;padding:18px 15px 16px;border:0;border-right:1px solid var(--lab-line);border-radius:0;background:#1b1525;text-align:left;color:#d1bedf;cursor:pointer;transition:border-color .2s,background .2s}
.lab-stage::after{position:absolute;right:14px;top:21px;content:'→';font:13px var(--ide-mono);color:#85739a;pointer-events:none}
.lab-stage:last-child::after{display:none}
.lab-stage:hover{border-color:#bd89e172;background:#251930}
.lab-stage[aria-pressed=true]{border-color:#c48cea91;background:linear-gradient(145deg,#974fcd20,#24172e);box-shadow:inset 0 2px #bd81eb}
.lab-stage-index{display:flex;align-items:center;gap:8px;font:11px/1.4 var(--ide-mono);color:#bb9cd5}.lab-stage-index>span:first-child{display:grid;place-items:center;width:24px;height:24px;border:1px solid #ae8cc244;border-radius:50%;background:#0e0a1680}.lab-stage-state{font-size:8px;letter-spacing:.1em}.lab-stage[aria-pressed=true] .lab-stage-index>span:first-child{border-color:#c396ee99;background:#ae79dd20;color:#efe0ff}
.lab-stage[aria-pressed=true] .lab-stage-index{color:#72debe}
.lab-stage-name{font:600 17px/1.2 var(--ide-display);color:#e6d5f4}
.lab-stage-purpose{font-size:11px;line-height:1.5;color:#b9a3cb;flex:1}
.lab-stage-file{display:block;font:10px/1.5 var(--ide-mono);color:#ac89c6;margin-top:4px}
.lab-flow{margin:0;border:0;border-bottom:1px solid #b08bd326;border-radius:0;background:radial-gradient(ellipse at 50% 40%,#9d56c711,transparent 67%),radial-gradient(#b691d715 .7px,transparent .7px),#15101c;background-size:auto,16px 16px,auto;overflow:hidden}
.lab-flow-svg{display:block;width:100%;height:auto;padding:14px 18px 2px;min-height:150px;max-height:247px}
.lab-flow-tracks path{stroke:#583b704f;stroke-width:2}
.lab-flow-pulses path{stroke:#bf85ed;stroke-width:2;stroke-linecap:round;stroke-dasharray:4 90;opacity:0}
.lab-flow-pulses path:nth-child(3n+2){stroke:#64d7c0}
.lab-flow-pulses path:nth-child(3n){stroke:#e593ce}
.lab-flow-source,.lab-flow-result{fill:#20162a;stroke:#a276c948;stroke-width:1}
.lab-flow-result{fill:#102821;stroke:#65c7ad48}
.lab-flow-small{fill:#af96c2;font:9px var(--ide-mono);letter-spacing:.05em}
.lab-flow-label{fill:#d9c5e9;font:12px var(--ide-mono)}
.lab-flow-result+.lab-flow-small{fill:#87c8b6}
.lab-flow-role rect{fill:#20172b;stroke:#ac83ca35;stroke-width:1}
.lab-flow-role circle{fill:#a878d1}
.lab-flow-role[data-role=codex] circle{fill:#6cd0ba}
.lab-flow-role[data-role=gemini] circle{fill:#d58fc5}
.lab-flow-role text{fill:#d1b9e4;font:14px var(--ide-mono)}
.lab-flow-role tspan{fill:#a990bd;font-size:11px}
.lab-flow figcaption{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid #a47bcf1a;color:#bfa4d1;font:10px/1.6 var(--ide-mono)}
.lab-state-number{margin-left:auto;white-space:nowrap;color:#ac89c4}
.lab-state-dot{width:5px;height:5px;flex:none;border-radius:50%;background:#8c739f}
.lab-flow-role rect{transition:stroke .2s,fill .2s}
.lab-flow-role[data-lab-lead=true] rect{stroke:#c394ef;fill:#39234b}
.lab-flow-role[data-lab-lead=true] text{fill:#f0ddff}
.lab-stage-owner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:22px;row-gap:3px;margin:0;padding:20px 24px;border:0;border-bottom:1px solid #ad7fdc25;border-radius:0;background:linear-gradient(105deg,#5f347b25,#211729)}
.lab-stage-owner .lab-overline{margin-bottom:6px;grid-column:1;color:#b392ce;font-size:9px}
.lab-stage-owner strong{grid-column:1;font:550 19px/1.5 var(--ide-display);color:#e1cbf1;overflow-wrap:anywhere}
.lab-stage-owner p{grid-column:2;grid-row:1/3;align-self:center;margin:0;font-size:12px;line-height:1.8;color:#bfa7d0}
.ide-lab[data-lab-phase="2"] .lab-stage-owner{border-color:#6bcdb66b;background:linear-gradient(105deg,#28645320,#211729)}
.ide-lab[data-lab-phase="2"] .lab-stage-owner strong{color:#b2e6d8}
.lab-handoff{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px;margin:0;border:0;padding:23px 24px}
.lab-overline{display:block;color:#8bceba;font:9px/1.7 var(--ide-mono);letter-spacing:.06em;margin-bottom:7px}
.lab-handoff h3{margin:0;font:550 23px/1.3 var(--ide-display);color:#e1d5ed;text-wrap:balance}
.lab-handoff p{margin:0;color:var(--lab-text);font-size:12px;line-height:1.85;align-self:center}
.lab-agent-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 29px}
.lab-agent-lane{min-width:0;display:flex;flex-direction:column;padding:20px;border:1px solid #b494d02f;border-radius:9px;background:linear-gradient(155deg,#251b31,#1b1424)}
.lab-agent-lane{transition:border-color .2s,background .2s}
.lab-agent-lane[data-lab-agent-lead=true]{border-color:#ba82df77;background:linear-gradient(150deg,#71418d20,#201728);box-shadow:inset 0 2px #b887df77}
.lab-agent-lane[data-lab-agent=codex][data-lab-agent-lead=true]{border-color:#6fcbbd77;box-shadow:inset 0 2px #6fcbbd77}
.lab-agent-lane[data-lab-agent-lead=true] .lab-role-label{color:#dcb8f5}
.lab-agent-lane>header{display:flex;gap:10px;align-items:center;min-width:0;flex-wrap:wrap;margin-bottom:15px}
.lab-agent-icon{width:32px;height:32px;display:grid;place-items:center;flex:none;border:1px solid #bc84d539;border-radius:7px;background:#b570d514;color:#d8a6e7;font:17px var(--ide-mono)}
.lab-agent-icon[data-agent=codex]{color:#86d2c4;background:#6cbcac0c;border-color:#6cbcac35}
.lab-agent-icon[data-agent=gemini]{color:#c69bef;background:#9d6dcc0e;border-color:#9d6dcc35}
.lab-agent-lane h3{margin:0;font:600 14px/1.3 var(--ide-ui);color:#e1cdee}
.lab-agent-lane>header p{margin:4px 0 0;color:#a78cbb;font:9px/1.5 var(--ide-mono)}
.lab-role-label{color:#ac93bb;font:8px/1.5 var(--ide-mono);margin-left:auto}
.lab-agent-project{display:flex;align-items:center;gap:7px;margin:0 0 17px!important;padding:7px 8px;border-left:2px solid #9266ab42;background:#15101c;color:#ac8ec2;font:9px/1.5 var(--ide-mono);overflow-wrap:anywhere}
.lab-agent-lane h4{margin:0 0 11px;font:550 14px/1.6 var(--ide-display);color:#ddc6ed}
.lab-agent-lane>[data-lab-agent-context]{margin:0 0 18px;color:#c1aecf;font-size:12px;line-height:1.85;overflow-wrap:anywhere;flex:1}
.lab-artifact-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:35px;width:100%;padding:8px 0 0;border:0;border-top:1px solid #ac82c623;border-radius:0;background:none;color:#bf9bdc;cursor:pointer;font:10px/1.5 var(--ide-mono);text-align:left}
.lab-artifact-link:hover{color:#edd4ff}
.lab-ssp{margin:0 0 30px;border:1px solid #a680cb3d;border-radius:9px;background:#18111f;overflow:hidden}
.lab-ssp summary{display:flex;align-items:center;gap:11px;min-height:58px;cursor:pointer;padding:14px 17px;background:linear-gradient(100deg,#8252a517,transparent);color:#dfcaed;font:500 14px/1.5 var(--ide-display);list-style:none}
.lab-ssp summary::-webkit-details-marker{display:none}
.lab-ssp summary::after{content:'+';margin-left:auto;font:18px var(--ide-mono);color:#bca0d0}
.lab-ssp[open] summary::after{content:'−'}
.lab-ssp-mark{display:grid;place-items:center;flex:none;width:35px;height:26px;border:1px solid #bb95de4a;border-radius:4px;background:#a86fe719;color:#cba6e7;font:9px var(--ide-mono);letter-spacing:.07em}
.lab-ssp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#b68cdb22;border-top:1px solid #b68cdb22}
.lab-ssp-fields section{min-width:0;padding:18px;background:#1b1423}
.lab-ssp-fields h3{margin:0 0 10px;color:#ccace3;font:11px/1.6 var(--ide-mono)}
.lab-ssp-fields p{margin:0;font-size:12px;line-height:1.85;color:#bba5cc;overflow-wrap:anywhere}
.lab-ssp-fields .lab-ssp-pending{margin-bottom:9px;color:#89cdb8;font:9px/1.8 var(--ide-mono)}
.lab-ssp footer{display:flex;gap:13px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:13px 17px;border-top:1px solid #b68cdb22;background:#22172c}
.lab-ssp footer p{flex:1 1 230px;margin:0;color:#baa2cd;font-size:10px;line-height:1.7}
.lab-ssp a,.lab-learning-loop a,.lab-learning-loop button{display:inline-flex;align-items:center;gap:7px;min-height:34px;max-width:100%;font:10px/1.6 var(--ide-mono);color:#c49fe3;text-decoration:underline;text-decoration-color:#a571cd60;text-underline-offset:4px;overflow-wrap:anywhere}
.lab-ssp a:hover,.lab-learning-loop a:hover,.lab-learning-loop button:hover{color:#e4c5ff;text-decoration-color:currentColor}
.lab-artifacts{margin:0 0 30px;border:1px solid #b28aca3b;border-radius:9px;background:#120e1a;overflow:hidden;scroll-margin-top:15px}
.lab-artifact-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 15px;background:#241a30;color:#ba9bd1;font:9px/1.5 var(--ide-mono);letter-spacing:.035em}
.lab-artifact-toolbar label{display:flex;align-items:center;gap:7px;letter-spacing:0;cursor:pointer}
.lab-artifact-toolbar input{width:13px;height:13px;margin:0;accent-color:#ad73d5}
.lab-artifact-tabs{display:flex;min-width:0;overflow:auto;border-block:1px solid #b28aca21;background:#17101f;scrollbar-width:thin}
.lab-artifact-tabs button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;flex:1 0 auto;padding:9px 16px;border:0;border-right:1px solid #b28aca1f;border-radius:0;background:#1d1426;color:#ae91c2;cursor:pointer;font:11px/1.5 var(--ide-mono)}
.lab-artifact-tabs button[aria-selected=true]{box-shadow:inset 0 2px #bb88e3;background:#120e1a;color:#edcfff}
.lab-artifact-tabs button:hover{color:#f0dfff;background:#2b1e3a}
.lab-artifact-panel{max-height:480px;overflow:auto;scrollbar-width:thin;scrollbar-color:#80549166 transparent;outline-offset:-3px!important;background:linear-gradient(90deg,#ab76d904,transparent 35%)}
.lab-artifact-panel pre{margin:0;padding:22px 20px 22px 54px;background:none;border:0;border-radius:0;max-width:100%;overflow:visible}
.lab-artifact-panel code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;font:11px/1.9 var(--ide-mono);color:#c4b2d4}
.lab-artifact-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid #b28aca25;background:#1a1222}
.lab-artifact-footer>span{margin-right:auto;font:9px/1.5 var(--ide-mono);color:#a98bbb}
.lab-artifact-footer button{min-height:32px;padding:6px 9px;background:#9d66b50c;font-size:10px}
.lab-feedback{margin:0;color:#93d8c6;font:11px/1.6 var(--ide-ui)}
.lab-feedback:not(:empty){padding:12px 15px;border-top:1px solid #ad84c623}
.lab-copy-fallback{padding:15px;border-top:1px solid #ad84c623}
.lab-copy-fallback label{display:block;margin-bottom:10px;font-size:11px;color:#cdb2df}
.lab-copy-fallback textarea{display:block;width:100%;min-width:0;padding:12px;border:1px solid #b98ada58;border-radius:4px;background:#0f0b15;color:#d5b7e9;font:11px/1.7 var(--ide-mono);resize:vertical;margin-bottom:10px}
.lab-learning-loop{position:relative;margin:30px 0 27px;padding:25px;border:1px solid #73b9a835;border-radius:9px;background:radial-gradient(ellipse at 5% 0,#427d7020,transparent 65%),#16131d}
.lab-learning-loop>header h3{margin:0 0 12px;color:#dccded;font:550 26px/1.25 var(--ide-display);text-wrap:balance}
.lab-learning-loop>header p{max-width:78ch;margin:0 0 20px;color:#c3b3d0;font:12px/1.85 var(--ide-ui)}
.lab-learning-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.lab-learning-steps article{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:18px 15px;background:#201827;border:1px solid #a283ba2b;border-radius:5px}
.lab-learning-steps article:not(:last-child)::after{content:'›';position:absolute;top:28px;right:-13px;z-index:1;color:#91b5ab;font:17px var(--ide-mono)}
.lab-learning-icon{display:grid;place-items:center;width:30px;height:30px;margin-bottom:14px;border:1px solid #7fae9d3e;border-radius:6px;background:#44877514;color:#a3d8c8;font:19px var(--ide-mono)}
.lab-learning-steps h4{margin:0 0 10px;font:550 14px/1.5 var(--ide-display);color:#d4c0e5}
.lab-learning-steps p{flex:1;margin:0 0 13px;color:#b7a1c8;font-size:11px;line-height:1.8}
.lab-learning-steps button{padding:0;border:0;background:none;text-align:left;cursor:pointer}
.lab-loop-return{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 0;padding:13px 12px;border-left:1px solid #7db8a657;border-bottom:1px solid #7db8a657;border-radius:0 0 0 10px;background:linear-gradient(90deg,#528c7620,transparent)}
.lab-loop-return>span{font:25px var(--ide-mono);color:#8bceba}
.lab-loop-return p{flex:1 1 180px;margin:0;color:#b7cec5;font:10px/1.7 var(--ide-mono)}
.lab-loop-return::after{content:'';position:absolute;left:-3px;top:-2px;width:5px;height:5px;border-radius:50%;background:#7fae9d;opacity:.5}
.ide-lab[data-lab-phase="3"] .lab-learning-loop{border-color:#7bc7b267}
.lab-source-note{display:flex;align-items:flex-start;gap:12px;padding:17px;border:1px solid #9980b524;border-radius:6px;background:#9980b508}
.lab-source-note>span{color:#af92c7;font-size:20px}
.lab-source-note h3{font:500 14px/1.5 var(--ide-display);color:#d6c1e6;margin:0 0 8px}
.lab-source-note p{font-size:11px;line-height:1.85;color:#af9cbd;margin:0 0 12px}
.lab-source-note a{display:inline-flex;min-height:30px;align-items:center;font-size:11px;color:#c59de1;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#ad77d248}
.ide-lab[data-lab-running=true] .lab-flow-pulses path{animation:lab-flow-current 1.5s linear infinite}.ide-lab[data-lab-running=true][data-lab-phase="0"] .lab-flow-pulses path:is(:nth-child(1),:nth-child(5)),.ide-lab[data-lab-running=true][data-lab-phase="1"] .lab-flow-pulses path:is(:nth-child(2),:nth-child(6)),.ide-lab[data-lab-running=true][data-lab-phase="2"] .lab-flow-pulses path:is(:nth-child(3),:nth-child(7)),.ide-lab[data-lab-running=true][data-lab-phase="3"] .lab-flow-pulses path:is(:nth-child(4),:nth-child(8)){opacity:.95}
.ide-lab[data-lab-running=true] .lab-flow-pulses path:nth-child(2n){animation-delay:-.5s}
.ide-lab[data-lab-running=true] .lab-flow-pulses path:nth-child(3n){animation-delay:-1s}
.ide-lab[data-lab-running=true] .lab-state-dot{background:#79e0bd;box-shadow:0 0 9px #72dcb050}
.ide-lab[data-lab-running=true] .lab-flow-result{stroke:#7ad2ba99}
.ide-lab[data-lab-running=true] .lab-agent-lane[data-lab-agent-lead=true] .lab-agent-icon{animation:lab-role-pulse 1.8s ease-in-out infinite}
.ide-lab[data-lab-running=true][data-lab-phase="3"] .lab-loop-return::after{animation:lab-loop-pulse 1.8s ease-in-out infinite}
/* A single stage dossier connects the diagram, responsibility and handover decision. */
.lab-stage-dossier{margin:0 0 35px;border:1px solid var(--lab-line);border-top:0;border-radius:0 0 9px 9px;overflow:hidden;background:#1b1423}
.lab-dossier-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 23px;background:#21172c;border-bottom:1px solid #b08bd324}
.lab-dossier-heading .lab-overline{margin:0;color:#bca3ce;font-size:9px}
.lab-dossier-file{font:10px/1.5 var(--ide-mono);color:#8bd8c7}
.lab-decision-note{display:flex;align-items:flex-start;gap:12px;margin:0 24px 22px;padding:13px 15px;border:1px solid #95bdb129;border-radius:6px;background:#63ab9010}
.lab-decision-note>span{flex:none;color:#8fd4bd;font:22px/1.2 var(--ide-mono)}
.lab-decision-note p{margin:0;color:#b8ceca;font:11px/1.8 var(--ide-ui)}
.lab-decision-note strong{display:block;margin-bottom:3px;font-weight:600;color:#ccded8}
.lab-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.lab-section-heading h3{margin:0;color:#e1d4ed;font:550 23px/1.3 var(--ide-display);text-wrap:balance}
.lab-section-heading .lab-overline{font-size:8px;color:#b99bce;letter-spacing:.07em}
.lab-section-caption{max-width:23ch;color:#aa96bc;font:10px/1.7 var(--ide-ui)}
.lab-document-identity{display:flex;align-items:center;gap:16px;padding:22px 23px;background:linear-gradient(115deg,#a46fcd12,transparent);border-bottom:1px solid #aa7cd322}
.lab-document-icon{display:grid;place-items:center;flex:none;width:46px;height:54px;border:1px solid #b48fcd4f;border-radius:6px 12px 6px 6px;background:#8d5bb016;font:18px var(--ide-mono);color:#ceb2e6}
.lab-document-identity .lab-overline{margin-bottom:6px;font-size:8px;color:#b594cf}
.lab-document-identity h3{margin:0 0 6px;font:550 20px/1.3 var(--ide-display);color:#e5d8ef}
.lab-document-identity p{margin:0;font:11px/1.7 var(--ide-ui);color:#b9a8c9}
.lab-code-line{position:relative;display:block;min-height:1.9em;white-space:pre-wrap;overflow-wrap:anywhere}
.lab-code-line::before{content:attr(data-line);position:absolute;right:calc(100% + 16px);width:25px;text-align:right;white-space:nowrap;color:#756585;font:9px/2.3 var(--ide-mono);user-select:none}
.lab-code-title{font-weight:600;color:#e3c5ff}
.lab-code-heading{font-weight:500;color:#cbabed}
.lab-code-note{color:#9985ac;font-style:italic}
.lab-code-pending{color:#94caba}
.lab-code-list{color:#b1b4da}
@container (max-width:790px){.lab-stage-state{display:none}.lab-section-heading h3{font-size:22px}.lab-section-caption{max-width:20ch}.lab-stage-owner{padding:20px}.lab-handoff{padding:22px 20px}.lab-decision-note{margin-inline:20px}}
@container (max-width:520px){.lab-dossier-heading{padding:13px 15px;gap:8px}.lab-dossier-heading .lab-overline{font-size:8px}.lab-dossier-file{font-size:9px}.lab-handoff{padding:19px 16px}.lab-stage-dossier{margin-bottom:28px}.lab-decision-note{margin:0 15px 17px;padding:12px;gap:9px}.lab-decision-note p{font-size:12px}.lab-section-heading{display:block}.lab-section-heading h3{font-size:23px}.lab-section-caption{display:block;max-width:none;margin-top:10px;font-size:11px}.lab-document-identity{padding:18px 14px;align-items:flex-start;gap:11px}.lab-document-icon{width:32px;height:41px;font-size:13px}.lab-document-identity h3{font-size:18px}.lab-document-identity .lab-overline{font-size:7px;line-height:1.8}.lab-code-line::before{right:calc(100% + 11px);width:19px;font-size:8px}}
@keyframes lab-flow-current{to{stroke-dashoffset:-188}}
@keyframes lab-role-pulse{50%{box-shadow:0 0 0 5px #b489db0d;border-color:#c294e89e}}
@keyframes lab-loop-pulse{50%{opacity:1;box-shadow:0 0 0 4px #7bc7b219,0 0 15px #7bc7b24d}}
@container (max-width:790px){.lab-learning-steps{gap:10px}.lab-learning-steps article{padding:13px 10px}.lab-learning-steps h4{font-size:13px}.lab-learning-steps article:not(:last-child)::after{right:-10px}.lab-stage-owner{column-gap:18px;padding:15px}.lab-ssp-fields section{padding:16px}}
@container (max-width:520px){.lab-stage-owner{grid-template-columns:minmax(0,1fr);gap:5px}.lab-stage-owner p{grid-column:1;grid-row:auto;margin-top:5px}.lab-stage-owner strong{font-size:16px}.lab-ssp summary{padding:14px;font-size:14px}.lab-ssp-fields{grid-template-columns:minmax(0,1fr)}.lab-ssp-fields p{font-size:12px}.lab-ssp footer{padding:12px 14px;gap:8px}.lab-learning-loop{padding:17px 14px}.lab-learning-loop>header h3{font-size:21px}.lab-learning-loop>header p{font-size:12px}.lab-learning-steps{grid-template-columns:minmax(0,1fr);gap:18px}.lab-learning-steps article{padding:15px}.lab-learning-steps article:not(:last-child)::after{top:auto;right:auto;bottom:-17px;left:28px;content:'↓';font-size:15px}.lab-learning-steps h4{font-size:16px}.lab-learning-steps p{font-size:12px}.lab-learning-icon{margin-bottom:11px}.lab-loop-return{padding:11px;gap:8px}.lab-loop-return p{flex-basis:calc(100% - 42px)}.lab-loop-return a{margin-left:30px}.lab-ssp a,.lab-learning-loop a,.lab-learning-loop button{min-height:40px}}
@container (max-width:790px){.lab-agent-lanes{grid-template-columns:minmax(0,1fr)}.lab-agent-lane{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:19px}.lab-agent-lane>header{grid-column:1;grid-row:1;margin-bottom:12px}.lab-agent-project{grid-column:1;grid-row:2;align-self:start;margin-bottom:0!important}.lab-agent-lane h4{grid-column:2;grid-row:1}.lab-agent-lane>[data-lab-agent-context]{grid-column:2;grid-row:2;margin-bottom:12px}.lab-artifact-link{grid-column:2;grid-row:3}.lab-role-label{display:none}.lab-handoff{grid-template-columns:minmax(0,1fr);gap:10px}.lab-stage{padding:13px 10px;min-height:134px}.lab-stage-name{font-size:16px}}
@container (max-width:520px){.lab-stage-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.lab-stage:nth-child(-n+2){border-bottom:1px solid var(--lab-line)}.lab-stage{min-height:113px}.lab-stage:nth-child(2)::after{display:none}.lab-stage-purpose{font-size:11px}.lab-controlbar{padding:13px;gap:14px}.lab-project-picker{max-width:none;flex-basis:100%}.lab-playback{width:100%}.lab-playback button{flex:1;min-height:40px;font-size:10px}.lab-playback .lab-play{flex-basis:100%}.lab-agent-lane{display:flex;padding:16px}.lab-agent-lane>header{margin-bottom:12px}.lab-agent-project{margin-bottom:15px!important}.lab-agent-lane>[data-lab-agent-context]{font-size:12px;line-height:1.8}.lab-agent-lane h4{font-size:16px}.lab-role-label{display:inline;margin-left:auto}.lab-flow-svg{display:none}.lab-flow figcaption{padding:10px;font-size:9px}.lab-flow figcaption [data-lab-state]{max-width:75%}.lab-title{font-size:31px}.lab-handoff h3{font-size:21px}.lab-artifact-toolbar{padding:12px;gap:9px}.lab-artifact-tabs button{font-size:10px;padding:9px 10px}.lab-artifact-panel pre{padding:17px 12px 17px 40px}.lab-artifact-panel code{font-size:11px}.lab-artifact-footer>span{flex-basis:100%;margin:0 0 4px}.lab-artifact-footer button{flex:1;min-height:39px}.lab-source-note{padding:15px}.lab-kicker{font-size:9px;gap:9px}.lab-demo-label{font-size:8px}}
@media(max-width:760px){.ide-lab{padding:24px 19px 30px!important}.lab-project-picker select{font-size:16px;min-height:43px}.lab-artifact-toolbar label{min-height:30px}.lab-artifact-toolbar input{width:16px;height:16px}.lab-copy-fallback textarea{font-size:16px}.lab-artifact-link{min-height:40px}.lab-artifact-tabs button{min-height:41px}}
@media(prefers-reduced-motion:reduce){.ide-lab *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.lab-flow-pulses{display:none}}
html[data-motion-paused=true] .ide-lab .lab-flow-pulses{display:none}
html[data-motion-paused=true] .ide-lab .lab-agent-icon,html[data-motion-paused=true] .ide-lab .lab-loop-return::after{animation:none!important}
@media print{.ide-lab :is(.lab-stage-owner,.lab-ssp,.lab-learning-loop,.lab-learning-steps article,.lab-loop-return){background:transparent!important;border-color:#aaa;break-inside:avoid}.ide-lab :is(.lab-stage-owner strong,.lab-ssp summary){color:#111!important}.lab-ssp-fields{background:none;gap:14px}.lab-ssp-fields section,.lab-ssp footer{background:none}.lab-learning-loop button{display:none}.lab-learning-steps{display:block}.lab-learning-steps article{margin:12px 0}.lab-learning-steps article::after{display:none}.lab-loop-return::after{display:none}.lab-ssp summary::after{display:none}}
@media print{.ide-lab{max-width:none;padding:0!important;color:#111;background:#fff;container-type:normal}.ide-lab :is(.lab-controlbar,.lab-stage-list,.lab-artifact-tabs,.lab-artifact-footer,.lab-copy-fallback,.lab-feedback,.lab-artifact-toolbar label,.lab-artifact-link){display:none!important}.ide-lab :is(h2,h3,h4,p,span,a,code){color:#111!important}.ide-lab :is(.lab-agent-lane,.lab-artifacts,.lab-handoff,.lab-source-note){break-inside:avoid;background:transparent!important;border-color:#aaa}.lab-artifact-panel{max-height:none;overflow:visible}.lab-agent-lanes{display:block}.lab-agent-lane{margin-bottom:14px}.lab-flow-svg{display:none}.lab-flow-pulses{display:none}.lab-flow figcaption{border:0}.lab-artifact-panel pre{padding:14px 0}.lab-artifact-panel code{font-size:9pt}.lab-artifact-toolbar{background:none!important;color:#111}}
/* The connected workspace: bounded graph + explicitly illustrative handoffs. */
.network-panel{--network-line:rgba(186,169,215,.17);--network-soft:#a99fb9;--network-ink:#ece6f5;color:var(--network-ink);padding:clamp(18px,3.6vw,42px);overflow-wrap:anywhere}
.network-panel *, .network-panel *::before,.network-panel *::after{box-sizing:border-box}
.network-panel button,.network-panel select,.network-panel a{touch-action:manipulation}
.network-panel button,.network-panel select{font:inherit;color:inherit}
.network-panel button{cursor:pointer;border:1px solid var(--network-line);border-radius:7px;background:#211b2e;padding:9px 12px;min-height:36px;line-height:1.4}
.network-panel button:hover:not(:disabled){border-color:#a772ff;background:#302140}
.network-panel button:disabled{opacity:.44;cursor:default}
.network-panel :is(button,a,select,summary,[tabindex]):focus-visible{outline:2px solid #5ae3c9;outline-offset:3px}
.network-panel p{line-height:1.75}
.network-panel a{color:#75e6d2;text-underline-offset:4px}
.network-panel .ide-code-comment{margin:0 0 9px;font:11px/1.5 var(--ide-mono,monospace);color:#a99fb9;letter-spacing:.04em}
.network-heading{max-width:950px;margin-bottom:24px}
.network-title-row{display:flex;flex-wrap:wrap;gap:13px;align-items:center}
.network-title-row h2{font:600 clamp(26px,3.1vw,41px)/1.19 var(--ide-display,sans-serif);max-width:660px;margin:0;letter-spacing:-.03em;overflow-wrap:normal}
.network-heading>p:last-child{font-size:13px;max-width:790px;color:#bdb2ce;margin:17px 0 0}
.network-sample-badge,.network-demo-label{display:inline-flex;align-items:center;font:9px/1.5 var(--ide-mono,monospace);letter-spacing:.06em;color:#7be5d2;background:rgba(90,227,201,.07);border:1px solid rgba(90,227,201,.25);padding:5px 8px;border-radius:4px;white-space:nowrap}
.network-context{display:flex;align-items:center;gap:11px;flex-wrap:wrap;border-block:1px solid var(--network-line);padding:13px 0;margin-bottom:30px;font-size:11px}
.network-context label{color:#b4a8c4;font-size:10px}
.network-context select{background:#211b2e;border:1px solid #4d3d60;border-radius:5px;padding:9px 26px 9px 9px;max-width:100%;min-width:145px;min-height:38px;font-size:11px}
.network-context a{margin-left:auto;text-decoration:none}
.network-context button{padding:8px 10px;font-size:10px}
.network-section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px}
.network-section-heading h3,.network-skills h3{margin:0;font:600 22px/1.3 var(--ide-display,sans-serif);letter-spacing:-.02em}
.network-section-heading>button{font-size:10px;flex-shrink:0;color:#c9bfd8}
.network-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}
.network-filters button{display:flex;align-items:center;gap:7px;font-size:10px;padding:7px 10px;background:#191521}
.network-filters button[aria-pressed=true]{border-color:#ac7fff;background:#30213f;color:#fff}
.network-category-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--node-color,#c9bbdd)}
.network-panel [data-category=project]{--node-color:#ff98cc;--node-glow:rgba(255,105,186,.18)}
.network-panel [data-category=tool]{--node-color:#a991ff;--node-glow:rgba(148,112,255,.17)}
.network-panel [data-category=skill]{--node-color:#79c9ff;--node-glow:rgba(76,167,255,.17)}
.network-panel [data-category=decision]{--node-color:#ebc789;--node-glow:rgba(234,185,101,.13)}
.network-panel [data-category=learning]{--node-color:#73e3d0;--node-glow:rgba(68,218,190,.13)}
.network-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;border:1px solid var(--network-line);border-radius:12px;overflow:hidden;background:#15121e}
.network-graph-column{min-width:0}
.network-canvas{position:relative;aspect-ratio:1000/620;min-height:360px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 47% 46%,rgba(113,58,160,.12),transparent 58%),radial-gradient(circle at 1px 1px,rgba(159,144,184,.12) 1px,transparent 0);background-size:auto,24px 24px}
.network-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.network-connections line{stroke:rgba(153,126,188,.22);stroke-width:1;vector-effect:non-scaling-stroke}
.network-connections line.is-connected{stroke:#80629e;stroke-width:1.5}
.network-orbit{position:absolute;pointer-events:none;border:1px dashed rgba(135,106,166,.1);border-radius:50%;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%)}
.network-orbit--one{width:78%;height:80%}
.network-orbit--two{width:40%;height:42%}
.network-panel .network-node{position:absolute;left:var(--node-x);top:var(--node-y);transform:translate(-50%,-50%);width:108px;min-height:0;padding:0;display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center;border:0;border-radius:7px;background:transparent;z-index:2;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;line-height:1.25}
.network-panel .network-node:hover:not(:disabled){background:transparent;border-color:transparent;z-index:3}
.network-panel .network-node:hover .network-node-orb{transform:scale(1.1);border-color:var(--node-color)}
.network-node-orb{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--node-color) 45%,transparent);border-radius:50%;color:var(--node-color);background:#201a2a;box-shadow:0 0 20px var(--node-glow);font:14px/1 var(--ide-mono,monospace);transition:transform .16s ease}
.network-node strong{font-size:10px;font-weight:500;color:#cfc2df;background:rgba(21,18,30,.88);border-radius:3px;padding:2px 4px;max-width:100%;overflow-wrap:normal}
.network-node small{font:8px/1.3 var(--ide-mono,monospace);color:#b6a9c6;max-width:116px;background:rgba(21,18,30,.85);padding:1px 3px}
.network-node[aria-pressed=true] .network-node-orb{width:43px;height:43px;color:#15121e;background:var(--node-color);border:4px solid #312840;outline:1px solid var(--node-color);box-shadow:0 0 30px var(--node-glow);font-size:17px}
.network-node[aria-pressed=true] strong{color:#fff}
.network-node.is-related .network-node-orb{border-color:var(--node-color)}
.network-canvas[data-dragging=true],.network-canvas[data-dragging=true] .network-node{cursor:grabbing}
.network-canvas-label{position:absolute;bottom:10px;left:12px;font:7px/1 var(--ide-mono,monospace);letter-spacing:.15em;color:#8f829f;pointer-events:none}
.network-keyboard-hint{font-size:9px;color:#ac9fbf;margin:0;padding:12px 16px;border-top:1px solid var(--network-line)}
.network-node-directory{padding:0 16px 13px;font-size:10px}
.network-node-directory summary{cursor:pointer;color:#c6b7d6;min-height:30px;padding:6px 0}
.network-node-directory summary span{font:9px var(--ide-mono,monospace);margin-left:7px;color:#a18cb8}
.network-node-list{display:flex;flex-wrap:wrap;gap:6px;padding-top:7px}
.network-node-list button{display:flex;align-items:center;gap:6px;padding:6px 8px;min-height:32px;font-size:9px}
.network-node-list button>span{color:var(--node-color)}
.network-node-list button[aria-pressed=true]{border-color:var(--node-color)}
.network-inspector{padding:22px 19px;background:linear-gradient(150deg,#22192e,#1a1622);border-left:1px solid var(--network-line);min-width:0}
.network-inspector h4{margin:0 0 13px;font:600 19px/1.35 var(--ide-display,sans-serif)}
.network-inspector>p:not(.ide-code-comment){font-size:11px;color:#c5b9d3;margin:0 0 18px}
.network-inspector>ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:9px}
.network-inspector>ul li{font-size:10px;line-height:1.6;padding-left:13px;position:relative;color:#d8cce2}
.network-inspector>ul li::before{content:"";position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:50%;background:#81d8c8}
.network-related{border-top:1px solid var(--network-line);padding-top:15px;margin-bottom:19px}
.network-related>span{font-size:9px;color:#a99bbb}
.network-related>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.network-related button{font-size:9px;padding:5px 7px;min-height:30px;background:rgba(163,111,222,.07)}
.network-source-link{font-size:10px;text-decoration:none}
.network-skills{margin:34px 0}
.network-skill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}
.network-skill-grid button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;padding:14px 26px 14px 13px;background:linear-gradient(130deg,#231a2f,#191522);min-width:0}
.network-skill-grid button>span:first-child{font-size:11px;color:#e3d6ef}
.network-skill-grid small{font-size:9px;line-height:1.6;color:#b3a1c5}
.network-skill-grid button>span:last-child{position:absolute;right:10px;top:14px;color:#ab8ccc;font-size:12px}
.network-discord{padding-top:30px;border-top:1px solid var(--network-line)}
.network-demo-description{font-size:11px;color:#b8acc9;max-width:800px;margin:0 0 17px}
.network-demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}
.network-play-controls{display:flex;gap:6px;flex-wrap:wrap}
.network-play-controls button{font-size:10px;padding:8px 11px}
.network-play-controls [data-network-action=play]{background:#3b2350;border-color:#8b5dba}
.network-demo-toolbar output{font:11px var(--ide-mono,monospace);color:#bda6d2;white-space:nowrap}
.network-discord-shell{display:grid;grid-template-columns:200px minmax(0,1fr);border:1px solid #3b2c4a;border-radius:10px;overflow:hidden;background:#1b1725;min-width:0}
.network-discord-sidebar{background:#16131e;border-right:1px solid var(--network-line);min-width:0}
.network-server{display:flex;gap:9px;align-items:center;padding:15px 12px;border-bottom:1px solid var(--network-line)}
.network-server>span{display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#a25eef,#703eaa);border-radius:10px;font:700 15px/1 var(--ide-display,sans-serif);width:33px;height:33px;color:#fff;flex-shrink:0}
.network-server>span>span{position:absolute;bottom:5px;right:5px;font-size:9px}
.network-server>div{min-width:0}
.network-server strong{display:block;font-size:10px;font-weight:500;white-space:nowrap}
.network-server small{display:block;font-size:8px;color:#ad9dbd;margin-top:5px;line-height:1.5}
.network-channel{margin:10px 7px 4px!important;padding:8px;border-radius:5px;background:#2b2039;color:#c8b5dd;font:10px/1.4 var(--ide-mono,monospace)!important}
.network-channel>span{font-size:15px;color:#a68dbc;vertical-align:middle;margin-right:5px}
.network-actors{list-style:none;margin:8px 0;padding:0 7px;display:grid;gap:3px}
.network-actors li{position:relative;display:flex;align-items:center;gap:8px;padding:10px 7px;border:1px solid transparent;border-radius:6px;color:#c7bad4}
.network-actors li>div{min-width:0;flex:1}
.network-actors strong{display:block;font-size:10px;font-weight:500}
.network-actors small{display:block;font:8px/1.4 var(--ide-mono,monospace);color:#aa9ab9;margin-top:3px}
.network-actor-avatar,.network-message-avatar{display:grid;place-items:center;flex-shrink:0;width:27px;height:27px;font:11px var(--ide-mono,monospace);border-radius:8px;border:1px solid #463354;background:#2b2037;color:#c79bef}
.network-actors li.is-sending{background:#30213f;border-color:#79569b}
.network-actors li.is-receiving{background:#192e2e;border-color:#38645e}
.network-actors li.is-receiving .network-actor-avatar{color:#7be5d2;background:#183834;border-color:#40776c}
.network-actor-signal{width:5px;height:5px;border-radius:50%;background:#71607f;flex-shrink:0}
.network-actors li:is(.is-sending,.is-receiving) .network-actor-signal{background:#72dfc9;box-shadow:0 0 8px rgba(114,223,201,.4)}
.network-conversation{min-width:0;display:flex;flex-direction:column}
.network-channel-header{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--network-line);min-height:65px}
.network-channel-header strong{font:11px/1.5 var(--ide-mono,monospace)}
.network-channel-header strong>span{color:#a984c4;font-size:16px;margin-right:5px}
.network-channel-header>span{font-size:8px;color:#b3a2c4;text-align:right}
.network-handoff{display:flex;align-items:center;gap:10px;padding:16px;font-size:9px;color:#d4c4e2;background:linear-gradient(90deg,rgba(118,70,149,.09),rgba(67,165,149,.06));min-height:54px}
.network-handoff>span:first-child,.network-handoff>span:last-child{max-width:35%;overflow-wrap:anywhere}
.network-handoff-wire{position:relative;height:1px;flex:1;background:linear-gradient(90deg,#9464ba,#69ceba);min-width:20px}
.network-handoff-wire::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid #69ceba;border-right:1px solid #69ceba;transform:rotate(45deg)}
.network-handoff-wire i{position:absolute;left:0;top:-3px;border-radius:50%;width:7px;height:7px;background:#ba94e2;box-shadow:0 0 8px #b884e7;opacity:0}
.network-message-log{list-style:none;min-height:280px;max-height:385px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#594069 transparent;padding:6px 0;margin:0;flex:1}
.network-message{display:flex;gap:10px;padding:14px 16px;border-top:1px solid rgba(179,151,205,.05)}
.network-message:not(.is-current){opacity:.7}
.network-message.is-current{background:linear-gradient(90deg,rgba(120,64,163,.13),transparent)}
.network-message-avatar{margin-top:2px;width:29px;height:29px;border-radius:50%;font-size:11px}
.network-message-content{min-width:0;flex:1}
.network-message-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 8px;margin-bottom:7px}
.network-message-meta strong{font-size:11px;color:#d8b6f5}
.network-message-meta>span{font:7px var(--ide-mono,monospace);color:#a998bc;border:1px solid #49345c;border-radius:3px;padding:2px 4px}
.network-message-meta small{margin-left:auto;font:8px var(--ide-mono,monospace);color:#9f8aad;white-space:nowrap}
.network-message-content>h4{font:500 12px/1.5 var(--ide-ui,sans-serif);margin:5px 0 7px;color:#e7dcf2}
.network-message-content>p{font-size:10px;color:#c2b3cf;margin:0 0 9px}
.network-message-content>p.network-message-handoff{font:8px/1.5 var(--ide-mono,monospace);color:#7bd4c3;margin:0}
.network-message-artifact{display:inline-block;max-width:100%;padding:6px 8px;border:1px solid #483059;border-radius:4px;background:#20172b;font:8px/1.5 var(--ide-mono,monospace);color:#c3a4dd;overflow-wrap:anywhere}
.network-approval{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px;border-top:1px solid #80643f;background:linear-gradient(110deg,#36291e,#271c25)}
.network-approval>span{font-size:22px;color:#ebc789}
.network-approval>div{flex:1;min-width:120px}
.network-approval strong{font-size:11px;color:#f0d7af}
.network-approval p{font-size:9px;margin:5px 0 0;color:#d6bb9e}
.network-approval button{background:#4d3826;border-color:#d0a96e;color:#ffe5c1;font-size:10px;min-height:42px}
.network-demo-complete{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:17px;background:#192d2c;border-top:1px solid #427467}
.network-demo-complete strong{font-size:13px;color:#92e7d3}
.network-demo-complete>span{font-size:10px;color:#bbd8d0;line-height:1.6}
.network-demo-complete button{font-size:10px;color:#a2eddb;background:#213d36;border-color:#447b6c}
.network-message-status{padding:11px 15px;margin:0!important;min-height:42px;font-size:8px;color:#a99bb8;border-top:1px solid var(--network-line)}
.network-step-strip{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}
.network-step-strip button{display:flex;align-items:center;gap:6px;font-size:8px;padding:5px 7px;min-height:30px;background:#18141f}
.network-step-strip button>span:first-child{font:8px var(--ide-mono,monospace);color:#a794be}
.network-step-strip button[aria-current=step]{border-color:#9b73c6;color:#e5d6f3;background:#332241}
.network-step-strip button.is-complete>span:first-child{color:#77d9c1}
.network-footnote{border-top:1px solid var(--network-line);margin-top:34px;padding-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:15px}
.network-footnote>div{display:flex;gap:12px;align-items:flex-start;flex:1;min-width:220px}
.network-footnote>div>span{font-size:27px;color:#9a76bd;line-height:1.3}
.network-footnote p{margin:0;font-size:10px;color:#afa0be;max-width:690px}
.network-footnote p strong{color:#d1b7e7;font-weight:500}
.network-footnote>a{font-size:10px;white-space:nowrap;text-decoration:none}
@container ide-reading (max-width:1100px){
 .network-map-layout{grid-template-columns:minmax(0,1fr)}
 .network-canvas{aspect-ratio:1000/570}
 .network-inspector{border-left:0;border-top:1px solid var(--network-line);display:grid;grid-template-columns:1.45fr 1fr;gap:0 28px;padding:20px 22px}
 .network-inspector>.ide-code-comment,.network-inspector>h4{grid-column:1/-1}
 .network-inspector>p:not(.ide-code-comment){grid-column:1;grid-row:3 / 5;margin:0}
 .network-inspector>ul{grid-column:2;margin:0 0 15px}
 .network-related{grid-column:2;grid-row:4;margin:0}
 .network-source-link{grid-column:1/-1;margin-top:18px}
}
@container ide-reading (max-width:700px){
 .network-panel{padding:22px}
 .network-title-row h2{font-size:32px}
 .network-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .network-discord-shell{grid-template-columns:155px minmax(0,1fr)}
 .network-server{padding:13px 9px;gap:7px}
 .network-server strong{font-size:8px}
 .network-server small{font-size:7px}
 .network-server>span{width:25px;height:28px}
 .network-actors strong{font-size:9px}
 .network-actors small{font-size:7px}
 .network-actors li{padding:9px 3px;gap:6px}
 .network-actor-avatar{width:24px;height:24px;font-size:9px}
 .network-actor-signal{display:none}
 .network-section-heading h3,.network-skills h3{font-size:21px}
 .network-section-heading{align-items:flex-start;flex-wrap:wrap;gap:12px}
 .network-message{padding:13px 12px;gap:8px}
}
@container ide-reading (max-width:520px){
 .network-panel{padding:17px}
 .network-heading{margin-bottom:18px}
 .network-title-row{gap:12px}
 .network-title-row h2{font-size:28px;max-width:350px}
 .network-heading>p:last-child{font-size:11px}
 .network-context{gap:10px 12px;margin-bottom:25px}
 .network-context label{width:100%}
 .network-context select{min-width:0;flex:1}
 .network-context a{margin-left:0;font-size:10px}
 .network-context button{width:100%}
 .network-filters{gap:5px}
 .network-filters button{font-size:9px;padding:7px 8px;min-height:35px}
 .network-category-dot{width:5px;height:5px}
 .network-canvas{aspect-ratio:auto;height:410px;min-height:0;background-size:auto,18px 18px}
 .network-panel .network-node{width:68px;gap:4px}
 .network-node-orb{width:25px;height:25px;font-size:10px}
 .network-node strong{font-size:8px;line-height:1.25;padding:1px 2px;max-width:68px}
 .network-node small{display:none}
 .network-node[aria-pressed=true] .network-node-orb{width:31px;height:31px;font-size:12px;border-width:3px}
 .network-keyboard-hint{font-size:8px;padding:11px 12px}
 .network-node-directory{padding:0 12px 12px}
 .network-node-list button{min-height:35px}
 .network-inspector{display:block;padding:18px 15px}
 .network-inspector>h4{font-size:19px}
 .network-inspector>p:not(.ide-code-comment){font-size:11px;margin-bottom:17px}
 .network-inspector>ul{margin-bottom:17px}
 .network-related{margin-bottom:17px}
 .network-source-link{display:inline-block;margin-top:0;min-height:25px}
 .network-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .network-skill-grid button{padding:12px 24px 12px 11px}
 .network-skill-grid small{font-size:8px}
 .network-section-heading h3,.network-skills h3{font-size:21px}
 .network-section-heading>button{font-size:9px}
 .network-demo-toolbar{align-items:flex-start}
 .network-play-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:1;max-width:290px}
 .network-play-controls button{padding:9px 7px;min-height:39px;font-size:9px}
 .network-demo-toolbar output{font-size:9px;padding-top:13px}
 .network-discord-shell{grid-template-columns:minmax(0,1fr)}
 .network-discord-sidebar{border-right:0;border-bottom:1px solid var(--network-line)}
 .network-server{padding:10px 12px}
 .network-server strong{font-size:10px}
 .network-server small{font-size:8px}
 .network-channel{display:none}
 .network-actors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:0 7px;margin:5px 0 10px}
 .network-actors li{flex-direction:column;text-align:center;gap:5px;padding:7px 2px}
 .network-actors li>div{width:100%}
 .network-actors strong{font-size:7px;line-height:1.3}
 .network-actors small{display:none}
 .network-actor-avatar{width:24px;height:24px;font-size:9px}
 .network-channel-header{padding:11px 12px;min-height:44px}
 .network-channel-header strong{font-size:10px}
 .network-channel-header>span{font-size:7px}
 .network-handoff{padding:12px;font-size:8px;min-height:43px}
 .network-message-log{max-height:390px;min-height:250px}
 .network-message{padding:13px 11px;gap:8px}
 .network-message-avatar{width:24px;height:24px;font-size:10px}
 .network-message-content>p{font-size:10px}
 .network-message-content>h4{font-size:12px}
 .network-message-meta{gap:5px}
 .network-message-meta strong{font-size:10px}
 .network-message-meta>span{font-size:6px}
 .network-message-meta small{font-size:7px}
 .network-approval{padding:14px 12px}
 .network-approval button{width:100%;font-size:10px;min-height:44px}
 .network-footnote>div{min-width:0;width:100%;flex:auto}
 .network-footnote>a{white-space:normal;min-height:32px}
}
@media(prefers-reduced-motion:reduce){.network-node-orb{transition:none}}
html[data-motion-paused=true] .network-node-orb{transition:none}

/* V5: an editorial overview, a readable knowledge map and an explicit handoff surface. */
.network-heading{max-width:1040px;margin-bottom:26px}
.network-title-row{align-items:flex-start;justify-content:space-between;gap:18px}
.network-title-row h2{max-width:720px;font-size:clamp(29px,3.4vw,46px);line-height:1.12;letter-spacing:-.045em}
.network-heading>p:last-child{max-width:760px;font-size:14px;line-height:1.8;color:#c1b6cf}
.network-sample-badge{margin-top:5px;font-size:9px;letter-spacing:.1em}
.network-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 25px;border:1px solid var(--network-line);border-radius:10px;overflow:hidden;background:#1c1626}
.network-overview button{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;padding:20px 17px;min-width:0;border:0;border-right:1px solid var(--network-line);border-radius:0;text-align:left;background:linear-gradient(135deg,rgba(126,76,181,.08),transparent)}
.network-overview button:last-child{border-right:0}
.network-overview button>span{font:9px/1.5 var(--ide-mono,monospace);letter-spacing:.07em;color:#b69fcf}
.network-overview strong{font:600 13px/1.5 var(--ide-ui,sans-serif);color:#f0e6f8;max-width:150px}
.network-overview small{font:9px/1.6 var(--ide-mono,monospace);color:#b9aec8}
.network-overview i{position:absolute;right:12px;top:16px;color:#92dbc9;font-size:11px;font-style:normal}
.network-context{padding:15px 0;margin-bottom:35px;border-top:0}
.network-context label{font-size:11px}
.network-context select{font-size:12px;min-height:42px}
.network-context a,.network-context button{font-size:11px}
.network-section-heading h3,.network-skills h3{font-size:clamp(22px,2.4vw,28px);letter-spacing:-.025em}
.network-section-heading>button{min-height:40px}
.network-filters button{font-size:11px;min-height:40px}
.network-map-layout{grid-template-columns:minmax(0,1fr) 290px;border-color:#483454;border-radius:12px;background:#17121f;box-shadow:0 14px 45px -25px #000}
.network-map-toolbar{display:flex;align-items:center;gap:13px;padding:13px 16px;border-bottom:1px solid var(--network-line);background:linear-gradient(100deg,#271c33,#19141f);font:9px/1.5 var(--ide-mono,monospace);color:#c1adcf;min-height:42px;flex-wrap:wrap}
.network-map-toolbar>span:first-child{display:flex;align-items:center;gap:7px;color:#e1d0ef}
.network-map-toolbar i{width:6px;height:6px;border-radius:50%;background:#87ddc9}
.network-map-toolbar>span:nth-child(2){margin-left:auto;color:#d9c6e8}
.network-map-toolbar>span:last-child{color:#91ccbd;border-left:1px solid #4a3559;padding-left:12px}
.network-canvas{width:100%;max-width:100%;aspect-ratio:1000/650;min-height:440px;background:radial-gradient(ellipse at 50% 43%,rgba(130,75,186,.13),transparent 55%),linear-gradient(rgba(166,127,200,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(166,127,200,.035) 1px,transparent 1px),#15111d;background-size:auto,32px 32px,32px 32px,auto}
.network-orbit{border-style:solid;border-color:rgba(149,98,193,.11);top:48%}
.network-orbit--one{width:84%;height:78%;box-shadow:0 0 0 12px rgba(140,83,183,.025),0 0 0 45px rgba(140,83,183,.018)}
.network-orbit--two{left:50%;top:44%;width:29%;height:30%;border-style:dashed;border-color:rgba(99,194,178,.2)}
.network-connections line{stroke:rgba(145,112,174,.19);stroke-width:1;stroke-dasharray:3 6}
.network-connections line.is-connected{stroke:#9570b5;stroke-width:1.6;stroke-dasharray:none}
.network-connections line.is-outgoing{stroke:#71bbac;stroke-width:1.8}
.network-panel .network-node{width:116px;min-height:72px;padding:10px 5px 8px;gap:5px;border:1px solid #433050;border-radius:9px;background:linear-gradient(145deg,#271b33,#1b1425);box-shadow:0 5px 13px rgba(0,0,0,.22);line-height:1.3}
.network-panel .network-node:hover:not(:disabled){background:linear-gradient(145deg,#352341,#221a2e);border-color:var(--node-color);transform:translate(-50%,-50%);box-shadow:0 8px 18px rgba(0,0,0,.3)}
.network-node-orb{width:27px;height:27px;border-radius:7px;background:#211829;border-color:color-mix(in srgb,var(--node-color) 36%,transparent);font-size:12px;box-shadow:none}
.network-node strong{color:#ece0f4;background:none;padding:0 1px;font:500 11px/1.35 var(--ide-ui,sans-serif);overflow-wrap:normal}
.network-node small{font-size:8px;color:#b1a0bf;background:none;padding:0}
.network-node[aria-pressed=true]{border-color:var(--node-color);background:linear-gradient(140deg,#382746,#21182d);box-shadow:0 0 0 3px var(--node-glow),0 10px 25px rgba(0,0,0,.35);z-index:4}
.network-node[aria-pressed=true] .network-node-orb{width:29px;height:29px;border:1px solid var(--node-color);outline:0;border-radius:8px;font-size:13px;background:var(--node-color);box-shadow:none}
.network-node[data-network-node=knowledge]{border-color:#43776a;box-shadow:0 0 0 5px rgba(72,150,128,.04);background:linear-gradient(145deg,#233831,#211b2c)}
.network-node.is-related{border-color:#79618c}
.network-node.is-distant{border-color:#382941;background:linear-gradient(145deg,#221929,#19131f);box-shadow:none}
.network-node.is-distant:hover,.network-node.is-distant:focus-visible{opacity:1}
.network-canvas-label{bottom:13px;font-size:8px;color:#a28fad}
.network-keyboard-hint{font-size:10px;padding:14px 17px;line-height:1.7!important}
.network-node-directory{font-size:11px}
.network-node-directory summary{min-height:36px}
.network-node-list button{font-size:10px;min-height:38px}
.network-inspector{position:relative;padding:25px 22px;background:linear-gradient(150deg,#2a1d37,#1b1425);border-left-color:#483454}
.network-inspector-symbol{display:grid;place-items:center;width:43px;height:43px;margin-bottom:20px;border-radius:12px;border:1px solid color-mix(in srgb,var(--node-color,#81d8c8) 50%,transparent);color:var(--node-color,#81d8c8);background:color-mix(in srgb,var(--node-color,#81d8c8) 9%,#21172b);font-size:21px}
.network-inspector .ide-code-comment{font-size:10px;color:#b5a0c8}
.network-inspector h4{font-size:24px;line-height:1.25;letter-spacing:-.03em}
.network-inspector>p:not(.ide-code-comment){font-size:12px;line-height:1.8;color:#cabbd7}
.network-inspector>p.network-output-label{font:9px/1.6 var(--ide-mono,monospace);text-transform:uppercase;letter-spacing:.08em;color:#a99ab8;margin:20px 0 9px}
.network-inspector>ul{gap:8px;padding-bottom:17px;border-bottom:1px solid var(--network-line)}
.network-inspector>ul li{font-size:11px;line-height:1.65;padding-left:16px}
.network-inspector>ul li::before{content:'↗';top:0;background:none;width:auto;height:auto;border-radius:0;color:#89d9c5;font-size:12px}
.network-related{border-top:0;padding-top:0;margin-bottom:20px}
.network-related>span{font-size:10px}
.network-related button{font-size:10px;min-height:36px}
.network-source-link{font-size:11px}
.network-skill-grid{gap:8px}
.network-skill-grid button{padding:17px 28px 17px 15px;border-radius:8px;border-color:#40304d;background:linear-gradient(135deg,#241b2f,#1d1728)}
.network-skill-grid button>span:first-child{font-size:12px;font-weight:500}
.network-skill-grid small{font-size:10px;line-height:1.6}
.network-demo-description{font-size:13px;line-height:1.8!important;max-width:790px;color:#c1b1ce}
.network-play-controls button{font-size:11px;min-height:40px}
.network-play-controls [data-network-action=play]{background:linear-gradient(130deg,#56316f,#3b2453);border-color:#9e73c6}
.network-discord-shell{grid-template-columns:200px minmax(0,1fr);border-color:#4c355d;border-radius:12px;box-shadow:0 18px 45px -30px #000;background:#1c1526}
.network-server strong{font-size:10px}
.network-server small{font-size:9px}
.network-actors strong{font-size:11px}
.network-actors small{font-size:9px;line-height:1.5}
.network-actors li{padding:11px 7px}
.network-actor-avatar{width:30px;height:30px;border-radius:9px}
.network-channel-header{padding:16px;min-height:62px;background:#23192e}
.network-channel-header strong{font-size:12px}
.network-channel-header>span{font-size:9px}
.network-handoff{padding:18px 19px;font-size:11px;min-height:61px;background:linear-gradient(100deg,rgba(167,111,204,.12),rgba(107,213,184,.06))}
.network-current-stage{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;margin:0 14px 8px;border:1px solid #57406a;border-radius:8px;background:linear-gradient(115deg,#2f203d,#251b30);overflow:hidden}
.network-current-stage>span{font:8px/1.5 var(--ide-mono,monospace);letter-spacing:.12em;color:#c3a9d5}
.network-current-stage>strong{font:500 16px/1.45 var(--ide-display,sans-serif);color:#f0e2fb;letter-spacing:-.02em}
.network-current-stage>div:not(.network-stage-progress){display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:2px;font-size:10px;color:#b6a2c8}
.network-current-stage code{font:10px/1.6 var(--ide-mono,monospace);color:#92dec9;overflow-wrap:anywhere}
.network-stage-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#493353}
.network-stage-progress i{display:block;height:100%;background:linear-gradient(90deg,#b089e1,#6bd4b9);width:8.333%}
.network-message-log{min-height:265px;max-height:400px}
.network-message{padding:18px 17px;gap:12px;border-top-color:rgba(179,151,205,.09)}
.network-message:not(.is-current){opacity:.8}
.network-message.is-current{background:linear-gradient(90deg,rgba(128,68,158,.15),transparent);box-shadow:inset 2px 0 #9f7aba}
.network-message-avatar{width:31px;height:31px;font-size:12px}
.network-message-meta strong{font-size:12px}
.network-message-meta>span{font-size:8px;padding:3px 5px}
.network-message-meta small{font-size:9px}
.network-message-content>h4{font-size:14px;margin-top:7px;line-height:1.5}
.network-message-content>p{font-size:12px;line-height:1.8!important;color:#c8bad5}
.network-message-content>p.network-message-handoff{font-size:9px;color:#8fd5c5}
.network-message-artifact{padding:7px 9px;font-size:10px;border-radius:5px;background:#23182f}
.network-message-status{font-size:9px;padding:13px 17px;line-height:1.7!important}
.network-step-strip{gap:6px;margin-top:16px}
.network-step-strip button{min-height:36px;font-size:9px;padding:7px 8px}
.network-step-strip button>span:first-child{font-size:9px}
.network-approval strong{font-size:13px}
.network-approval p,.network-approval button{font-size:11px}
.network-demo-complete strong{font-size:15px}
.network-demo-complete>span,.network-demo-complete button{font-size:11px}
.network-footnote p{font-size:12px;line-height:1.75}
.network-footnote>a{font-size:11px}
@container ide-reading (max-width:1100px){
 .network-map-layout{grid-template-columns:minmax(0,1fr)}
 .network-inspector{display:grid;grid-template-columns:1.35fr 1fr;gap:0 30px;padding:24px;border-left:0;border-top:1px solid #483454}
 .network-inspector-symbol{grid-column:1;grid-row:1 / 3;margin:0 0 16px}
 .network-inspector>.ide-code-comment{grid-column:1;grid-row:3}
 .network-inspector>h4{grid-column:1;grid-row:4}
 .network-inspector>p:not(.ide-code-comment){grid-column:1;grid-row:5 / 8;margin:0}
 .network-inspector>p.network-output-label{grid-column:2;grid-row:1;margin:0 0 10px;align-self:end}
 .network-inspector>ul{grid-column:2;grid-row:2 / 5;margin:0 0 16px;align-self:start}
 .network-related{grid-column:2;grid-row:5 / 7;margin:0}
 .network-source-link{grid-column:2;grid-row:7;margin:17px 0 0}
}
@container ide-reading (max-width:760px){
 .network-overview{grid-template-columns:repeat(2,minmax(0,1fr))}
 .network-overview button{padding:17px 16px;gap:8px}
 .network-overview button:nth-child(2){border-right:0}
 .network-overview button:nth-child(-n+2){border-bottom:1px solid var(--network-line)}
 .network-panel .network-node{width:105px;min-height:72px}
 .network-node strong{font-size:10px}
 .network-discord-shell{grid-template-columns:165px minmax(0,1fr)}
 .network-server strong{font-size:8px}
 .network-actors li{padding:10px 4px;gap:7px}
 .network-actors strong{font-size:10px}
 .network-actors small{font-size:8px}
 .network-server small{font-size:8px}
 .network-message-meta>span{font-size:7px}
 .network-current-stage{padding:16px 15px 18px;margin-inline:10px}
 .network-current-stage>strong{font-size:15px}
 .network-canvas{min-height:440px}
}
.network-canvas[data-layout=mobile]{height:550px;min-height:550px;aspect-ratio:auto}
.network-canvas[data-layout=mobile] .network-node{width:28%;max-width:94px;min-height:70px;padding:9px 3px;gap:6px}
.network-canvas[data-layout=mobile] .network-node strong{font-size:10px;line-height:1.3;max-width:100%;overflow-wrap:anywhere}
.network-canvas[data-layout=mobile] .network-node small{display:none}
.network-canvas[data-layout=mobile] .network-node-orb{width:26px;height:26px;font-size:12px}
.network-canvas[data-layout=mobile] .network-node[aria-pressed=true] .network-node-orb{width:27px;height:27px;border-width:1px;font-size:12px}
.network-canvas[data-layout=mobile] .network-orbit--one{width:80%;height:87%;border-radius:18px}
.network-canvas[data-layout=mobile] .network-orbit--two{top:52%;width:48%;height:24%}
@container ide-reading (max-width:520px){
 .network-panel{padding:18px 14px}
 .network-title-row h2{font-size:31px;line-height:1.17;max-width:100%;letter-spacing:-.04em}
 .network-heading>p:last-child{font-size:13px;line-height:1.8}
 .network-sample-badge{font-size:8px;margin-top:0}
 .network-overview button{padding:15px 11px;gap:7px}
 .network-overview button>span{font-size:8px}
 .network-overview strong{font-size:12px;line-height:1.5}
 .network-overview small{font-size:9px}
 .network-overview i{display:none}
 .network-context{margin-bottom:26px}
 .network-context select{min-height:44px}
 .network-context button{min-height:42px}
 .network-section-heading h3,.network-skills h3{font-size:24px;line-height:1.25}
 .network-filters{gap:6px}
 .network-filters button{font-size:10px;min-height:40px}
 .network-map-toolbar{font-size:8px;gap:7px;padding:12px 10px}
 .network-map-toolbar>span:first-child{width:100%}
 .network-map-toolbar>span:nth-child(2){margin-left:0}
 .network-map-toolbar>span:last-child{margin-left:auto;padding-left:8px}
 .network-inspector{display:block;padding:20px 17px}
 .network-inspector-symbol{margin-bottom:15px;width:38px;height:38px;font-size:18px}
 .network-inspector>.ide-code-comment{font-size:10px}
 .network-inspector h4{font-size:23px;line-height:1.3}
 .network-inspector>p:not(.ide-code-comment){font-size:12px;line-height:1.8;margin-bottom:17px}
 .network-inspector>p.network-output-label{font-size:9px;margin:22px 0 12px}
 .network-inspector>ul{margin:0 0 17px}
 .network-inspector>ul li{font-size:11px}
 .network-related{margin-bottom:17px}
 .network-source-link{margin-top:0}
 .network-keyboard-hint{font-size:10px;padding:12px}
 .network-node-directory{font-size:10px;padding:0 12px 12px}
 .network-node-list button{font-size:10px;min-height:40px}
 .network-skill-grid button{padding:14px 23px 14px 12px}
 .network-skill-grid button>span:first-child{font-size:11px}
 .network-skill-grid small{font-size:10px}
 .network-demo-description{font-size:12px}
 .network-play-controls button{font-size:10px;min-height:42px;padding:9px 7px}
 .network-demo-toolbar output{font-size:10px}
 .network-discord-shell{grid-template-columns:minmax(0,1fr)}
 .network-server strong{font-size:11px}
 .network-server small{font-size:9px}
 .network-server>span{width:30px;height:30px}
 .network-actors{gap:4px;padding:0 8px;margin:6px 0 12px}
 .network-actors li{padding:9px 2px;gap:6px}
 .network-actors strong{font-size:9px}
 .network-actor-avatar{width:28px;height:28px;font-size:11px}
 .network-channel-header{padding:12px}
 .network-channel-header strong{font-size:10px}
 .network-channel-header>span{font-size:8px}
 .network-handoff{font-size:10px;padding:15px 13px;gap:8px}
 .network-current-stage{margin-inline:9px;padding:16px 13px 19px}
 .network-current-stage>strong{font-size:16px}
 .network-message-log{min-height:290px;max-height:440px}
 .network-message{padding:16px 12px;gap:8px}
 .network-message-avatar{width:25px;height:25px;font-size:10px}
 .network-message-meta strong{font-size:11px}
 .network-message-meta>span{font-size:7px}
 .network-message-meta small{font-size:8px}
 .network-message-content>h4{font-size:14px}
 .network-message-content>p{font-size:12px}
 .network-message-content>p.network-message-handoff{font-size:9px}
 .network-message-artifact{font-size:9px}
 .network-step-strip button{font-size:9px;min-height:38px}
 .network-message-status{font-size:9px;padding:12px}
 .network-approval{padding:16px 12px}
 .network-approval button{font-size:11px}
 .network-footnote p{font-size:11px}
}
.network-packet{fill:#a6f2dd;stroke:#68b79f;stroke-width:6;stroke-opacity:.2;opacity:0;pointer-events:none}
/* Shared source-grounded methodology, technology and ERP presentations. */
.method-page,.method-panel{padding:clamp(24px,4vw,56px);max-width:1180px;margin:auto;color:var(--ide-text,#e8dfef);overflow-wrap:anywhere}
.method-page h1,.method-erp h1,.method-erp h2{font-size:clamp(30px,3.4vw,48px);line-height:1.16;letter-spacing:-.04em;margin:16px 0 22px}
.method-page h2{font-size:clamp(23px,2.2vw,31px);line-height:1.25;letter-spacing:-.025em}
.method-page h3,.method-panel h3{font-size:19px;line-height:1.35}
.method-page p,.method-panel p,.method-technologies dd{color:var(--ide-muted,#c2b4cf);line-height:1.8}
.method-lead{font-size:clamp(15px,1.4vw,18px);max-width:68ch}
.method-eyebrow{font:11px/1.7 var(--ide-mono,monospace);letter-spacing:.1em;color:#cba7ff!important}
.method-eyebrow span{display:inline-block;padding:3px 10px;border:1px solid #cba7ff44;border-radius:4px;margin:6px}
.method-timeline{padding:0;list-style:none;margin:40px 0}
.method-timeline li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;position:relative;padding:0 0 36px}
.method-timeline li:not(:last-child):before{content:'';position:absolute;top:39px;bottom:0;left:20px;width:1px;background:linear-gradient(#ac7aee88,#58d7c833)}
.method-timeline h2{margin:8px 0 12px}.method-timeline p{margin:0;max-width:72ch}
.method-step-number{display:grid;place-items:center;width:42px;height:38px;background:#9c69ef17;border:1px solid #af88e84d;border-radius:6px;color:#71e2d2;font:12px monospace}
.method-section{padding:30px 0;border-top:1px solid var(--ide-line,#b28ae433)}
.method-section p{max-width:76ch}.method-section a{color:#cab1fa;text-underline-offset:4px}
.method-technologies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 32px}
.method-technologies>div{padding:16px;border:1px solid var(--ide-line,#b28ae433);background:#9670d908;border-radius:7px}
.method-technologies dt{font:600 13px/1.5 var(--ide-mono,monospace);color:#8ce4d6;margin-bottom:7px}
.method-technologies dd{margin:0;font-size:13px}
.method-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:30px 0}
.method-module-grid article{padding:22px;border:1px solid var(--ide-line,#b28ae433);border-radius:8px;background:linear-gradient(135deg,#a879ed0d,transparent)}
.method-module-grid p{font-size:14px;margin-bottom:0}
.method-erp-blueprint{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:25px 18px;margin-top:25px;background:radial-gradient(ellipse at center,#a470dd18,transparent);border:1px solid #ac83eb33;border-radius:8px;font:11px monospace;color:#c9b2ec}
.method-erp-blueprint span{border:1px solid #b093d94d;padding:10px}.method-erp-blueprint i{height:1px;flex:1;min-width:12px;background:linear-gradient(90deg,#bf8ff1,#78dfd4)}
.method-status{padding:20px 24px;border-left:2px solid #bc8aee;background:#9466cc0d}.method-status p{margin:7px 0 0;font-size:14px}
.ide-project-description .method-technologies{margin-top:18px}.ide-erp-teaser{display:block;padding:25px;margin:25px 0;border:1px solid #b48ae94d;border-radius:8px;background:linear-gradient(120deg,#9c61e915,#47d5cb08);text-decoration:none;color:inherit}
.ide-erp-teaser h3{font-size:24px;margin:10px 0}.ide-erp-teaser p{font-size:14px;line-height:1.8;color:var(--ide-muted,#c2b4cf)}
.ide-erp-teaser>span:last-child{color:#8ce4d6;font:12px monospace}.ide-discovery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:760px){.method-page,.method-panel{padding:25px 20px}.method-technologies,.method-module-grid{grid-template-columns:minmax(0,1fr)}.method-timeline li{gap:12px;grid-template-columns:34px minmax(0,1fr)}.method-step-number{width:32px}.method-timeline li:not(:last-child):before{left:15px}.method-erp-blueprint{gap:6px;font-size:9px;padding:16px 10px}.method-erp-blueprint span{padding:6px}.method-erp-blueprint i{min-width:4px}.ide-discovery{grid-template-columns:minmax(0,1fr)!important}}

/* Editorial hierarchy: a process with tangible hand-offs, not a list of tools. */
.method-page{--method-accent:#bb98f5;--method-mint:#87ddcb;--method-edge:#ae8ddb2d}
.method-page .method-hero{padding:8px 0 26px;position:relative}
.method-page .method-hero h1{max-width:20ch;font:650 clamp(32px,4.2vw,56px)/1.09 var(--ide-display,sans-serif);letter-spacing:-.045em;text-wrap:balance;margin:19px 0 23px}
.method-page .method-hero .method-lead{font-size:16px;line-height:1.85;max-width:66ch}
.method-page .method-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:7px 0 46px;border:1px solid var(--method-edge);border-radius:8px;overflow:hidden;background:linear-gradient(120deg,#ab74e914,#55d3bf06)}
.method-principles>div{position:relative;padding:22px 19px;min-width:0}
.method-principles>div+div{border-left:1px solid var(--method-edge)}
.method-principles span{display:block;color:var(--method-mint);font:10px var(--ide-mono,monospace);letter-spacing:.08em;margin-bottom:14px}
.method-principles strong{display:block;font:600 14px/1.5 var(--ide-display,sans-serif);color:#eee4f9}
.method-page .method-principles p{margin:7px 0 0;font-size:12px;line-height:1.7}
.method-section-heading{margin:35px 0 20px;display:flex;align-items:baseline;justify-content:space-between;gap:14px 28px;flex-wrap:wrap}
.method-page .method-section-heading p{margin:0;font-size:12px;max-width:43ch}
.method-section-heading h2,.method-section-heading h3{max-width:30ch;margin:0!important}
.method-page .method-timeline{margin:26px 0 46px}
.method-page .method-timeline li{grid-template-columns:42px minmax(0,1fr);gap:0 21px;padding:0 0 30px}
.method-page .method-timeline li:not(:last-child)::before{top:44px;left:20px;background:linear-gradient(#bd92f078,#74d7c433)}
.method-page .method-step-number{height:42px;width:42px;border-color:#b38bdf55;color:#e0cbfb;background:linear-gradient(150deg,#a97ce92b,#22182f);box-shadow:0 0 0 5px #19131f}
.method-page .method-timeline h2{font-size:24px;line-height:1.28;max-width:27ch;margin:9px 0 13px;letter-spacing:-.028em}
.method-page .method-step-copy>p:last-child{font-size:13px;line-height:1.85;max-width:70ch}
.method-deliverable{grid-column:2;margin-top:17px;padding:13px 16px;border:1px solid #81cabf28;border-left:2px solid #80cfbd7d;border-radius:0 5px 5px 0;background:linear-gradient(100deg,#68cab70b,transparent);max-width:100%;min-width:0}
.method-deliverable>span{display:block;font:9px/1.6 var(--ide-mono,monospace);letter-spacing:.07em;color:#90bdb5;margin-bottom:5px}
.method-deliverable strong{display:block;color:#dbeee9;font:600 13px/1.5 var(--ide-ui,sans-serif)}
.method-page .method-deliverable p{margin:5px 0 0;font:10px/1.7 var(--ide-mono,monospace);color:#a3b5b5}
.method-page .method-section{padding:36px 0}
.method-page .method-section>h2{max-width:28ch;margin-top:13px;font-size:30px;line-height:1.18}
.method-page .method-bmad{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:26px}
.method-page .method-bmad h2{font-size:27px;line-height:1.23;max-width:20ch}
.method-page .method-bmad p{font-size:13px;line-height:1.9}
.method-knowledge-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--method-edge);background:var(--method-edge);border-radius:7px;overflow:hidden;margin:28px 0}
.method-knowledge-flow>div{min-width:0;position:relative;background:#1b1525;padding:23px 20px}
.method-knowledge-flow>div:nth-child(2){background:linear-gradient(150deg,#382346,#211a30)}
.method-knowledge-flow>div+div::before{content:'→';position:absolute;left:0;top:18px;transform:translateX(-50%);z-index:1;font:12px var(--ide-mono,monospace);color:#bba2df;background:#221a30;padding:3px}
.method-knowledge-flow span{font:9px var(--ide-mono,monospace);letter-spacing:.08em;color:#ae8dca}
.method-page .method-knowledge-flow h3{font-size:16px;line-height:1.45;margin:16px 0 12px}
.method-page .method-knowledge-flow p{font-size:12px;line-height:1.8;margin:0}
.method-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;line-height:1.6;padding:8px 0}
.method-handoff{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:24px 0 12px;padding:18px;border:1px solid var(--method-edge);border-radius:7px;background:#9972d209}
.method-handoff span{flex:1 1 100px;text-align:center;padding:9px;font:11px/1.6 var(--ide-mono,monospace);color:#decef0;background:#a881d914;border:1px solid #b58cdc32;border-radius:4px}
.method-handoff b{font-weight:400;color:#82cbbd;font-size:14px}
.method-page .method-client-close{margin-top:10px;padding:29px;border:1px solid #c18cec45;border-radius:8px;background:radial-gradient(ellipse at top right,#aa65d519,transparent 70%),#251a300b}
.method-page .method-client-close h2{font-size:30px;max-width:25ch}
.method-page .method-client-close p{max-width:65ch}
.method-technologies>div{position:relative;padding:18px 19px;border-radius:5px;background:linear-gradient(140deg,#9f73d010,transparent)}
.method-technologies dt{display:flex;gap:9px;align-items:baseline;font-size:12px;color:#d5c0ee}
.method-technologies dt>span{color:#81d1be}
.method-technologies dd{padding-left:20px;font-size:12px;line-height:1.85}
.method-erp .method-erp-blueprint{display:block;padding:0;overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#aa6fe90b,#62bdaf06)}
.method-system-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#b17ce40a;border-bottom:1px solid #b693de30;padding:16px 20px}
.method-erp .method-system-title span{padding:0;border:0;font:9px/1.6 var(--ide-mono,monospace);letter-spacing:.08em;color:#b7a1ca}
.method-system-title strong{font:600 13px/1.5 var(--ide-ui,sans-serif);color:#e8dcf5}
.method-system-layer{position:relative;display:grid;grid-template-columns:95px minmax(0,1fr);gap:7px 19px;align-items:center;margin:0 20px;padding:22px 0}
.method-system-layer+.method-system-layer{border-top:1px solid #b18dd927}
.method-system-layer+.method-system-layer::before{content:'↓';position:absolute;top:-9px;left:45px;background:#21182c;color:#91ceb9;font:12px var(--ide-mono,monospace);padding:0 6px}
.method-erp .method-system-layer>span{border:0;padding:0;color:#ab90c8;font:9px/1.6 var(--ide-mono,monospace);letter-spacing:.04em}
.method-system-layer strong{font:600 16px/1.4 var(--ide-display,sans-serif);color:#e3d4f3}
.method-erp .method-system-layer p{font-size:11px;margin:5px 0 0;line-height:1.65}
.method-system-layer code{grid-column:2;color:#8ad2c0;font:10px/1.65 var(--ide-mono,monospace);overflow-wrap:anywhere}
.method-erp .method-system-boundary{margin:0;padding:13px 20px;border-top:1px solid #b693de30;color:#b9a6ce;font:10px/1.7 var(--ide-mono,monospace);background:#a779d507}
.method-erp .method-module-grid{margin:24px 0 38px;gap:12px}
.method-module-grid article{position:relative;padding:24px 22px;background:linear-gradient(155deg,#ab73df0e,transparent);border-color:#ab80d239;border-radius:6px}
.method-module-grid article:last-child{grid-column:1/-1;border-color:#80bbad33;background:linear-gradient(110deg,#63b6a40a,transparent)}
.method-module-grid .ide-label{font:9px/1.5 var(--ide-mono,monospace);color:#a793bc;letter-spacing:.07em}
.method-module-grid h3{margin:14px 0 11px!important;font-size:19px!important}
.method-module-grid p{font-size:13px;line-height:1.85}
.method-status{border:1px solid #b98ce93b;border-left:2px solid #ad88da;background:#a378cc0a;border-radius:0 6px 6px 0;margin:26px 0}
.method-status strong{color:#dfcbed;font-size:14px;line-height:1.6}
@container ide-reading (min-width:1050px){.method-page .method-timeline li{grid-template-columns:42px minmax(0,1fr) 220px;gap:25px}.method-deliverable{grid-column:3;margin-top:0;align-self:start}.method-page .method-step-copy>p:last-child{max-width:62ch}}
@container (max-width:650px){.method-page .method-principles{grid-template-columns:1fr}.method-principles>div{padding:16px 18px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:4px 13px}.method-principles>div+div{border-left:0;border-top:1px solid var(--method-edge)}.method-principles span{grid-row:1/3;margin:2px 0}.method-principles p{grid-column:2}.method-page .method-bmad{grid-template-columns:1fr;gap:14px}.method-knowledge-flow{grid-template-columns:1fr}.method-knowledge-flow>div{padding:19px}.method-knowledge-flow>div+div::before{content:'↓';top:0;left:22px;transform:translateY(-50%)}.method-page .method-knowledge-flow h3{margin:10px 0}.method-page .method-client-close{padding:22px}.method-erp .method-module-grid{grid-template-columns:1fr}.method-technologies{grid-template-columns:1fr}}
@media(max-width:760px){.method-page .method-hero h1{font-size:35px}.method-page .method-hero .method-lead{font-size:14px}.method-page .method-timeline li{grid-template-columns:30px minmax(0,1fr);column-gap:14px}.method-page .method-step-number{width:30px;height:34px;font-size:10px;box-shadow:0 0 0 3px #19131f}.method-page .method-timeline li:not(:last-child)::before{left:14px;top:38px}.method-page .method-timeline h2{font-size:22px}.method-page .method-section>h2,.method-page .method-client-close h2{font-size:26px}.method-handoff{padding:12px;gap:6px}.method-handoff span{flex-basis:100%;text-align:left}.method-handoff b{margin:auto;transform:rotate(90deg)}.method-system-title{padding:14px}.method-system-title>span:last-child{display:none}.method-system-layer{grid-template-columns:1fr;margin:0 15px;padding:20px 0}.method-system-layer code{grid-column:1}.method-system-layer+.method-system-layer::before{left:10px}.method-erp .method-principles{grid-template-columns:1fr}.method-page .method-timeline .method-eyebrow{font-size:9px}}

.method-kicker{font:10px/1.7 var(--ide-mono,monospace);letter-spacing:.08em;color:#bda0da!important}
/* Power workspace: deliberate controls for the website, styled as editor tools. */
.ide-power-toolbar{display:flex;align-items:center;gap:2px;margin-left:auto;flex:none}
.ide-power-toolbar button{display:inline-flex;align-items:center;justify-content:center;width:28px;min-height:26px;padding:3px;border:1px solid transparent;border-radius:4px;background:transparent;color:#b7adc8;font:14px/1 var(--ide-mono);cursor:pointer}
.ide-power-toolbar button:hover:not(:disabled){background:#b989f218;color:#f0e6ff;border-color:#b88cef35}
.ide-power-toolbar button:disabled{opacity:.35;cursor:default}
.ide-power-toolbar button[data-ide-power-action=palette]{font-size:11px;font-weight:600;width:31px}
.ide-power-toolbar svg{width:15px;height:15px}
.ide-breadcrumb:has(.ide-power-toolbar){gap:8px;padding-right:10px}
.ide-breadcrumb .ide-power-toolbar{overflow:visible}
.ide-command-action{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:43px;text-align:left;padding:10px 14px;border:0;border-radius:4px;background:transparent;color:#e5daef;font:12px/1.5 var(--ide-ui);cursor:pointer}
.ide-command-action>span{min-width:0;overflow-wrap:anywhere}
.ide-command-action-mark{display:inline-block;margin-right:12px;color:#83e2ca;font:18px/1 var(--ide-mono)}
.ide-command-action kbd{flex:none;color:#bcb0cd;font:10px/1.5 var(--ide-mono);white-space:nowrap}
.ide-command-action:hover,.ide-command-action:focus-visible{background:#a471df20;color:#fff}
.ide-command-action:disabled{opacity:.45;cursor:default}
.ide-command-dialog[data-command-mode=actions] .ide-command-results{padding-top:6px}
.ide-settings-panel{max-width:1040px;margin:0 auto;color:var(--ide-text);padding-bottom:40px!important}
.ide-settings-panel>h2{margin:12px 0 16px;font:650 clamp(28px,3vw,44px)/1.15 var(--ide-display);letter-spacing:-.025em}
.ide-settings-panel .ide-intro{font-size:15px;line-height:1.8;max-width:62ch}
.ide-settings-scope{font-size:11px;line-height:1.8;color:#aea3bf;max-width:84ch;padding:13px 15px;margin:21px 0 30px;border:1px solid #bc99e21c;border-left:2px solid #9870ca;background:#b58ee807;border-radius:3px}
.ide-settings-section{border:0;padding:0;margin:30px 0;min-width:0}
.ide-settings-section>legend{float:none;padding:0;margin:0 0 16px;color:#c0afe0;font:500 11px/1.4 var(--ide-mono);letter-spacing:.08em;text-transform:uppercase}
.ide-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ide-preset-card{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:15px;border:1px solid #bea4db24;border-radius:8px;background:#231c2e66;cursor:pointer;transition:border-color .15s,background-color .15s}
.ide-preset-card:hover{border-color:#ab79e591;background:#9c65d00e}
.ide-preset-card:has(input:checked){border-color:#b58df3;background:#ad6ef216;box-shadow:inset 0 0 0 1px #b58df331}
.ide-preset-card:has(input:focus-visible){outline:2px solid var(--ide-cyan);outline-offset:3px}
.ide-preset-card input{position:absolute;top:15px;right:14px;accent-color:#b58df3;width:15px;height:15px;z-index:1}
.ide-preset-card strong{font-size:13px;font-weight:600;color:#f0e6fc}
.ide-preset-card>span:last-child{font-size:11px;line-height:1.75;color:#b6a9c8}
.ide-preset-diagram{display:grid!important;grid-template-columns:20% minmax(0,1fr) 25%;grid-template-rows:minmax(0,1fr) 20%;gap:3px;width:82%;height:66px;padding:6px;border:1px solid #b18ece35;border-radius:4px;background:#14101d;overflow:hidden;margin-bottom:2px}
.ide-preset-diagram i{display:block;border-radius:1px;background:#a87bdd24;border:1px solid #b696d51a}
.ide-preset-diagram i:nth-child(1){grid-area:1/1/3/2;background:#8c739726}
.ide-preset-diagram i:nth-child(2){grid-area:1/2/2/3;background:linear-gradient(135deg,#906ad73f,#8856c31c)}
.ide-preset-diagram i:nth-child(3){grid-area:1/3/3/4;background:#6ce5c620}
.ide-preset-diagram i:nth-child(4){grid-area:2/2/3/3;background:#bca5662e}
.ide-preset-diagram--focus{grid-template-columns:1fr;grid-template-rows:1fr}
.ide-preset-diagram--focus i:nth-child(2){grid-area:1/1/2/2}
.ide-preset-diagram--focus i:not(:nth-child(2)){display:none}
.ide-preset-diagram--review{grid-template-columns:minmax(0,1fr) 28%;grid-template-rows:minmax(0,1fr) 30%}
.ide-preset-diagram--review i:nth-child(1){display:none}
.ide-preset-diagram--review i:nth-child(2){grid-area:1/1/2/2}
.ide-preset-diagram--review i:nth-child(3){grid-area:1/2/3/3}
.ide-preset-diagram--review i:nth-child(4){grid-area:2/1/3/2}
.ide-setting-note{margin:13px 0 0;color:#ab9abd;font-size:10px;line-height:1.75}
.ide-setting-note strong{font-weight:500;color:#d0b6ed}
.ide-setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #ad8ecc1b}
.ide-setting-row>div:first-child{flex:1;min-width:0}
.ide-setting-row label,.ide-setting-title{display:block;color:#ece2f8;font-size:12px;font-weight:500}
.ide-setting-row p{margin:5px 0 0;font-size:10px;line-height:1.7;color:#b5a4c5}
.ide-zoom-control{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap;justify-content:flex-end}
.ide-zoom-control button,.ide-setting-options button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:5px 10px;border:1px solid #b18cda33;border-radius:4px;background:#ab82de0b;color:#dbd0e9;font:11px/1.4 var(--ide-ui);cursor:pointer}
.ide-zoom-control button:not(.ide-setting-reset){width:30px;font:18px/1 var(--ide-mono)}
.ide-zoom-control button:disabled{opacity:.4;cursor:default}
.ide-zoom-control button:hover:not(:disabled),.ide-setting-options button:hover{background:#ad76ec1d}
.ide-zoom-control input{width:88px;max-width:100%;min-width:60px;accent-color:#b88bea;cursor:pointer}
.ide-zoom-control output{min-width:36px;font:11px/1 var(--ide-mono);color:#d0b2fa}
.ide-setting-options{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:none}
.ide-setting-options button[aria-pressed=true]{border-color:#b991ed99;background:#a765ee24;color:#f2eaff}
.ide-theme-dot{display:block;width:10px;height:10px;border-radius:50%;border:1px solid #d5c3e364}
.ide-theme-dot--forge{background:#8b55bc}.ide-theme-dot--midnight{background:#19242c}
.ide-settings-shortcuts{border-top:1px solid #ad8ecc26;border-bottom:1px solid #ad8ecc26;padding:16px 0;margin:30px 0;color:#bcadd2}
.ide-settings-shortcuts summary{cursor:pointer;font:500 11px/1.6 var(--ide-mono);color:#c9b5e5}
.ide-settings-shortcuts dl{margin:16px 0 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 25px}
.ide-settings-shortcuts dl>div{display:flex;align-items:center;gap:10px;min-width:0}
.ide-settings-shortcuts dt{flex:none}
.ide-settings-shortcuts kbd{padding:4px 7px;border:1px solid #a485c638;border-radius:4px;font:9px/1.5 var(--ide-mono);background:#a175ce0b}
.ide-settings-shortcuts dd{margin:0;font-size:10px;line-height:1.5;color:#b9abca}
.ide-settings-shortcuts>p{font-size:10px;line-height:1.7;color:#a998ba;margin:18px 0 0}
.ide-settings-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding-top:8px}
.ide-settings-bottom [role=status]{font-size:10px;line-height:1.7;color:#91cfbb;flex:1;min-width:160px}
.ide-window .ide-editor-scroll>[data-ide-panel]{zoom:var(--ide-editor-zoom,1)}
.ide-window[data-density=compact] .ide-tree-file{min-height:26px;padding-top:3px;padding-bottom:3px}
.ide-window[data-density=compact] .ide-open-editor{min-height:26px;padding-top:3px;padding-bottom:3px}
.ide-window[data-density=compact] .ide-tab{padding-left:10px;padding-right:10px}
.ide-window[data-density=compact] .ide-project-folder>summary{min-height:28px;padding-top:3px;padding-bottom:3px}
.ide-window[data-density=compact] .ide-extension-card{padding-top:8px;padding-bottom:8px}
@media(max-width:1100px){.ide-setting-row{align-items:flex-start;flex-direction:column;gap:12px}.ide-settings-shortcuts dl{grid-template-columns:1fr}.ide-zoom-control{justify-content:flex-start}.ide-preset-grid{gap:8px}.ide-preset-card{padding:12px}.ide-preset-card input{top:11px;right:9px}}
@media(max-width:760px){.ide-power-toolbar{gap:0}.ide-power-toolbar button{width:26px;min-height:28px;font-size:13px}.ide-power-toolbar [data-ide-power-action=reopen],.ide-power-toolbar [data-ide-power-action=palette]{display:none}.ide-breadcrumb:has(.ide-power-toolbar){gap:4px;padding-right:5px}.ide-settings-panel>h2{font-size:30px}.ide-settings-panel .ide-intro{font-size:13px}.ide-settings-scope{font-size:10px;padding:11px}.ide-preset-grid{grid-template-columns:1fr}.ide-preset-card{display:grid;grid-template-columns:75px minmax(0,1fr);column-gap:12px;padding:12px 30px 12px 12px;align-items:center}.ide-preset-diagram{grid-row:1/3;width:75px;height:57px;margin:0}.ide-preset-card strong{font-size:12px}.ide-preset-card>span:last-child{font-size:10px}.ide-preset-card input{top:16px;right:10px}.ide-settings-section{margin:25px 0}.ide-setting-row{padding:16px 0}.ide-setting-options button,.ide-zoom-control button{min-height:36px}.ide-settings-shortcuts dl>div{align-items:flex-start}.ide-settings-shortcuts kbd{font-size:8px}.ide-settings-bottom{gap:10px}.ide-window[data-density=compact] .ide-tree-file,.ide-window[data-density=compact] .ide-open-editor,.ide-window[data-density=compact] .ide-project-folder>summary{min-height:30px}.ide-command-action{padding:10px;font-size:11px;gap:8px}.ide-command-action kbd{font-size:8px}.ide-command-action-mark{margin-right:7px}}
@media(prefers-reduced-motion:reduce){.ide-preset-card{transition:none}}