@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600&display=swap";:root{color-scheme:light;--font-heading: "Inter", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--color-bg: #f4f7f5;--color-surface: #ffffff;--color-surface-alt: #e9efea;--color-text: #111817;--color-muted: #53605d;--color-accent: #0d7c66;--color-accent-strong: #075b4b;--color-highlight: #e7b65f;--color-coral: #cf5f4d;--color-border: #d6dfda;--color-ink-soft: rgba(17, 24, 23, .08);--shadow-soft: 0 24px 70px rgba(17, 24, 23, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 88px;--max-width: 1180px;--transition-fast: .16s ease;--transition-slow: .32s ease;--focus-ring: 0 0 0 3px rgba(13, 124, 102, .28)}[data-theme=dark]{color-scheme:dark;--color-bg: #071211;--color-surface: #101c1b;--color-surface-alt: #172927;--color-text: #f5fbf8;--color-muted: #a7b8b3;--color-accent: #46d6b7;--color-accent-strong: #85e5d1;--color-highlight: #efc36f;--color-coral: #f08a74;--color-border: #27413d;--color-ink-soft: rgba(245, 251, 248, .08);--shadow-soft: 0 24px 70px rgba(0, 0, 0, .34);--focus-ring: 0 0 0 3px rgba(70, 214, 183, .34)}[data-reduced-motion=true] *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reduced-motion=true]{scroll-behavior:auto}*{box-sizing:border-box}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}body{margin:0;font-family:var(--font-body);line-height:1.6;background:linear-gradient(90deg,rgba(13,124,102,.1) 1px,transparent 1px),linear-gradient(rgba(13,124,102,.08) 1px,transparent 1px),linear-gradient(135deg,rgba(231,182,95,.18),transparent 42%),var(--color-bg);background-size:84px 84px,84px 84px,auto,auto;color:var(--color-text);min-height:100vh;width:100%;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,rgba(7,18,17,.08),transparent 28%),radial-gradient(circle at 82% 12%,rgba(207,95,77,.13),transparent 34%)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);min-width:0}section{padding:var(--space-9) 0}.section-band{background:#ffffff6b;border-block:1px solid var(--color-border)}[data-theme=dark] .section-band{background:#101c1b94}.section-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(280px,1fr);gap:var(--space-6);align-items:end;margin-bottom:var(--space-7)}.section-title{font-family:var(--font-heading);font-size:clamp(2rem,1.5rem + 2vw,3.6rem);line-height:.98;letter-spacing:0;margin:var(--space-2) 0 0;overflow-wrap:anywhere}.section-lede{color:var(--color-muted);max-width:720px;margin:0}.eyebrow,.card-kicker{color:var(--color-accent-strong);font-family:var(--font-mono);font-size:.78rem;font-weight:600;letter-spacing:.08em;margin:0;text-transform:uppercase}.muted{color:var(--color-muted)}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--color-border);background:#f4f7f5e0;backdrop-filter:blur(18px)}[data-theme=dark] .site-header{background:#071211db}.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);min-width:0}.brand{display:inline-flex;align-items:center;gap:var(--space-3);min-width:0}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-bg);font-family:var(--font-mono);font-size:.85rem;font-weight:700}.brand-name,.brand-role{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-name{font-weight:800;line-height:1.1}.brand-role{color:var(--color-muted);font-size:.84rem}.nav-links{display:flex;align-items:center;gap:var(--space-4);color:var(--color-muted);font-size:.94rem;font-weight:600}.nav-links a{transition:color var(--transition-fast)}.nav-links a:hover{color:var(--color-text)}.icon-command,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-weight:800;max-width:100%;text-align:center;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.icon-command{padding:8px 10px 8px 14px;background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn{padding:12px 18px;font-size:.95rem}.btn:hover,.icon-command:hover{transform:translateY(-1px)}.btn-primary{background:var(--color-text);color:var(--color-bg);box-shadow:var(--shadow-soft)}.btn-primary:hover{background:var(--color-accent-strong)}.btn-ghost{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-ghost:hover{border-color:var(--color-accent);color:var(--color-accent-strong)}.kbd{border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface-alt);color:var(--color-muted);font-family:var(--font-mono);font-size:.75rem;padding:4px 7px}.hero-section{padding-top:var(--space-8)}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);gap:var(--space-8);align-items:center;min-height:calc(100vh - 240px);min-width:0}.hero-copy,.portrait-panel,.feature-card,.card,.panel,.timeline-item,.contact-card,.project-layout>*,.workbench-grid>*,.grid-2>*,.split>*{min-width:0}.hero-title{max-width:860px;margin:var(--space-3) 0 var(--space-5);font-family:var(--font-heading);font-size:clamp(3rem,2.1rem + 4.5vw,6.7rem);line-height:.9;letter-spacing:0;overflow-wrap:anywhere}.hero-subtitle{max-width:680px;margin:0 0 var(--space-6);color:var(--color-muted);font-size:clamp(1rem,.95rem + .3vw,1.2rem)}.hero-cta,.cta-row,.contact-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);min-width:0}.portrait-panel{position:relative;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--color-surface),var(--color-surface-alt));box-shadow:var(--shadow-soft);max-width:100%}.portrait-panel:before{content:"FRONTEND / LONDON";position:absolute;left:-24px;top:34px;z-index:1;padding:8px 12px;border-radius:var(--radius-sm);background:var(--color-highlight);color:#1c1710;font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.08em}.portrait-wrap{overflow:hidden;aspect-ratio:4 / 5;border-radius:var(--radius-md);background:#123331}.portrait-image{width:100%;height:100%;object-fit:cover;object-position:50% 32%}.portrait-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-4);color:var(--color-muted)}.portrait-caption strong{color:var(--color-text)}.hero-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}.stat{min-height:104px;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:#ffffff9e}[data-theme=dark] .stat{background:#101c1bc2}.stat strong,.stat span{display:block}.stat strong{color:var(--color-accent-strong);font-family:var(--font-mono);font-size:1.8rem;line-height:1}.stat span{margin-top:var(--space-3);color:var(--color-muted)}.workbench-grid,.project-layout,.grid-2,.split{display:grid;gap:var(--space-6)}.workbench-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start}.feature-card-large{grid-row:span 2}.feature-card,.card,.panel{border:1px solid var(--color-border);background:var(--color-surface)}.feature-card,.card{border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-soft)}.feature-card h3,.card h3{margin:var(--space-2) 0 var(--space-3);font-size:clamp(1.25rem,1.05rem + .7vw,1.85rem);line-height:1.1}.panel{border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-alt)}.timeline{display:grid;gap:var(--space-4)}.timeline-item details{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-soft);padding:var(--space-5)}.timeline summary{display:flex;justify-content:space-between;gap:var(--space-4);cursor:pointer;font-weight:800;font-size:1.08rem;min-width:0}.timeline ul{padding-left:var(--space-5);color:var(--color-muted)}.grid-2,.split{grid-template-columns:repeat(2,minmax(0,1fr))}.project-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:start}.project-hero{position:sticky;top:104px}.case-stack{display:grid;gap:var(--space-5)}.tag-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-4) 0}.tag{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-muted);font-family:var(--font-mono);font-size:.75rem}.case-note{margin-top:var(--space-3);font-size:.86rem}.education-strip{padding:var(--space-7) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.contact-section{padding-bottom:var(--space-8)}.contact-card{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--space-7);align-items:center;padding-top:var(--space-7);padding-bottom:var(--space-7);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-text);color:var(--color-bg);box-shadow:var(--shadow-soft)}.contact-card .section-lede,.contact-card .muted,.contact-card .eyebrow{color:#f4f7f5bd}.contact-card .btn-primary{background:var(--color-highlight);color:#1c1710}.contact-card .btn-ghost{background:transparent;color:var(--color-bg);border-color:#f4f7f547}.contact-lines{display:flex;flex-wrap:wrap;gap:var(--space-3);color:#f4f7f5bd;font-size:.95rem}.contact-lines span,.timeline summary span,.feature-card p,.card p,.panel,.tag{overflow-wrap:anywhere}.footer{padding:var(--space-7) 0 var(--space-6)}.footer-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);color:var(--color-muted)}.copy-inline{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 12px;border:1px dashed var(--color-border);border-radius:var(--radius-sm)}.skip-link{position:absolute;left:-999px;top:var(--space-4);z-index:20;padding:8px 16px;border-radius:var(--radius-sm);background:var(--color-accent);color:#fff}.skip-link:focus{left:var(--space-4)}@keyframes float-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-copy,.portrait-panel,.feature-card,.timeline-item,.contact-card{animation:float-in .55s ease both}.portrait-panel,.feature-card:nth-child(2),.timeline-item:nth-child(2){animation-delay:.08s}@media(max-width:980px){.nav-links{display:none}.hero,.section-head,.workbench-grid,.project-layout,.grid-2,.split,.contact-card{grid-template-columns:1fr}.hero{min-height:auto}.project-hero{position:static}.portrait-panel:before{left:var(--space-4);top:var(--space-4)}}@media(max-width:720px){.container,.nav{padding-left:var(--space-4);padding-right:var(--space-4)}section{padding:var(--space-7) 0}.site-header{position:static}.brand{max-width:calc(100% - 78px)}.hero-section{padding-top:var(--space-6)}.hero{gap:var(--space-6)}.hero-title{font-size:clamp(2.45rem,13vw,4.1rem)}.hero-cta .btn,.contact-actions .btn,.contact-actions button{width:100%}.hero-strip{grid-template-columns:1fr}.command-trigger span:first-child{display:none}.timeline summary{display:grid}}.scroll-progress.svelte-10yfswe{position:fixed;top:0;left:0;width:100%;height:4px;background:transparent;z-index:30}.scroll-progress.svelte-10yfswe span:where(.svelte-10yfswe){display:block;height:100%;width:0;background:linear-gradient(90deg,#0f766e,#f3c46a);transition:width .12s ease}.playground.svelte-j8uj9h{display:grid;gap:20px;min-width:0}.controls.svelte-j8uj9h{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;min-width:0}.slider.svelte-j8uj9h{display:grid;gap:8px;min-width:min(220px,100%);flex:1}input[type=range].svelte-j8uj9h{width:100%;accent-color:#0f766e}.breakpoint.svelte-j8uj9h{position:relative;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;border:1px solid rgba(15,118,110,.2);background:#0f766e14}.label.svelte-j8uj9h{font-weight:600}.pill.svelte-j8uj9h{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.tooltip.svelte-j8uj9h{position:absolute;top:120%;left:0;width:240px;padding:12px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.12);box-shadow:0 14px 30px #0000001f;font-size:.8rem;color:#2b2a27;opacity:0;transform:translateY(-6px);pointer-events:none;transition:.15s ease;z-index:2}.breakpoint.svelte-j8uj9h:hover .tooltip:where(.svelte-j8uj9h),.breakpoint.svelte-j8uj9h:focus-within .tooltip:where(.svelte-j8uj9h){opacity:1;transform:translateY(0)}.tooltip.svelte-j8uj9h ul:where(.svelte-j8uj9h){padding-left:18px;margin:8px 0 0}.canvas.svelte-j8uj9h{overflow-x:auto;padding-bottom:6px;max-width:100%}.frame.svelte-j8uj9h{width:var(--demo-width);max-width:100%;background:#fff;border-radius:18px;border:1px solid rgba(0,0,0,.12);overflow:hidden;box-shadow:0 18px 30px #0f172a1f}.frame-header.svelte-j8uj9h{display:flex;gap:8px;align-items:center;padding:12px 16px;background:#f3f1ed}.dot.svelte-j8uj9h{width:10px;height:10px;border-radius:50%;background:#d0c5bb}.frame-title.svelte-j8uj9h{margin-left:auto;font-size:.8rem;color:#605c56;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame-body.svelte-j8uj9h{padding:16px;display:grid;gap:16px}.nav.svelte-j8uj9h{display:flex;flex-wrap:wrap;gap:8px}.nav-pill.svelte-j8uj9h{padding:6px 12px;border-radius:999px;background:#efe9e0;font-size:.75rem;white-space:nowrap}.tiles.svelte-j8uj9h{display:grid;gap:10px}.tile.svelte-j8uj9h{padding:12px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#fff;display:grid;gap:4px}.mobile.svelte-j8uj9h .tiles:where(.svelte-j8uj9h){grid-template-columns:1fr}.tablet.svelte-j8uj9h .tiles:where(.svelte-j8uj9h){grid-template-columns:repeat(2,1fr)}.desktop.svelte-j8uj9h .tiles:where(.svelte-j8uj9h){grid-template-columns:repeat(3,1fr)}.mobile.svelte-j8uj9h .nav-pill:where(.svelte-j8uj9h):nth-child(n+3){display:none}.desktop.svelte-j8uj9h .frame-body:where(.svelte-j8uj9h){padding:26px}[data-theme=dark] .frame.svelte-j8uj9h,[data-theme=dark] .tooltip.svelte-j8uj9h{background:#1c1a16;color:#f7f3ed;border-color:#ffffff1a}[data-theme=dark] .frame-header.svelte-j8uj9h{background:#232019}[data-theme=dark] .nav-pill.svelte-j8uj9h{background:#ffffff14}[data-theme=dark] .tile.svelte-j8uj9h{background:#1c1a16;border-color:#ffffff14}@media(max-width:520px){.breakpoint.svelte-j8uj9h{width:100%;justify-content:space-between}.tooltip.svelte-j8uj9h{left:auto;right:0;width:min(240px,calc(100vw - 48px))}}.trust-demo.svelte-tk4grt{display:grid;gap:20px;margin-top:20px;min-width:0}.steps.svelte-tk4grt{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:16px;min-width:0}.step.svelte-tk4grt{padding:14px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#ffffffe6;display:grid;gap:10px}.step.svelte-tk4grt h4:where(.svelte-tk4grt){margin:0;font-size:.95rem}input.svelte-tk4grt,select.svelte-tk4grt{width:100%;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.2);font-size:.9rem}.btn.svelte-tk4grt{border-radius:999px;border:none;background:#0f766e;color:#fff;padding:8px 12px;font-weight:600;cursor:pointer}.btn-outline.svelte-tk4grt{background:transparent;color:#0f766e;border:1px solid rgba(15,118,110,.4)}.status.svelte-tk4grt{padding:10px 14px;border-radius:999px;background:#0f766e1f;font-size:.85rem;color:#0b4f4b;overflow-wrap:anywhere}.verification.svelte-tk4grt{font-size:.8rem;color:#5f5a52}.chain.svelte-tk4grt{display:grid;gap:10px;max-height:260px;overflow:auto;padding-right:6px;min-width:0}.block.svelte-tk4grt{padding:12px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff;display:grid;gap:4px}.block-header.svelte-tk4grt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;font-size:.75rem;color:#5f5a52}.hash.svelte-tk4grt{text-align:right;overflow-wrap:anywhere}.action.svelte-tk4grt{margin:0;font-weight:600}.payload.svelte-tk4grt,.meta.svelte-tk4grt{margin:0;font-size:.8rem;overflow-wrap:anywhere;color:#5f5a52}[data-theme=dark] .step.svelte-tk4grt,[data-theme=dark] .block.svelte-tk4grt{background:#1c1a16;border-color:#ffffff1a}[data-theme=dark] input.svelte-tk4grt,[data-theme=dark] select.svelte-tk4grt{background:#1c1a16;color:#f7f3ed;border-color:#fff3}[data-theme=dark] .status.svelte-tk4grt{background:#4bd2c51f;color:#4bd2c5}.gallery.svelte-1t5oiep{display:grid;gap:16px}.controls.svelte-1t5oiep{display:flex;flex-wrap:wrap;gap:12px;align-items:center}label.svelte-1t5oiep{display:grid;gap:6px;font-size:.8rem;color:#5f5a52}select.svelte-1t5oiep{padding:6px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.2);background:#fff}.toggle.svelte-1t5oiep{padding:8px 12px;border-radius:999px;border:1px solid rgba(0,0,0,.2);background:transparent;font-weight:600;cursor:pointer}.preview.svelte-1t5oiep{display:grid;gap:12px;padding:16px;border-radius:14px;border:1px solid rgba(0,0,0,.12);background:#fff}.preview.compact.svelte-1t5oiep{gap:8px;padding:12px}.mui-button.svelte-1t5oiep{border-radius:999px;padding:10px 18px;font-weight:600;border:none}.mui-button.contained.svelte-1t5oiep{background:#0f766e;color:#fff}.mui-button.outlined.svelte-1t5oiep{background:transparent;border:1px solid rgba(15,118,110,.4);color:#0f766e}.mui-button.text.svelte-1t5oiep{background:transparent;color:#0f766e}.mui-chip.svelte-1t5oiep{padding:6px 12px;border-radius:999px;background:#0f766e1a;font-size:.85rem;width:fit-content}.mui-field.svelte-1t5oiep{display:grid;gap:6px;font-size:.75rem;color:#5f5a52}.mui-field.svelte-1t5oiep input:where(.svelte-1t5oiep){padding:8px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.2)}.default.svelte-1t5oiep{opacity:1}.hover.svelte-1t5oiep{box-shadow:0 8px 18px #0f766e2e}.focus.svelte-1t5oiep{outline:3px solid rgba(15,118,110,.35);outline-offset:2px}.disabled.svelte-1t5oiep{opacity:.5;pointer-events:none}.tokens.svelte-1t5oiep{display:grid;gap:12px}.token.svelte-1t5oiep{display:flex;gap:12px;align-items:center;font-size:.85rem}.swatch.svelte-1t5oiep{width:36px;height:36px;border-radius:10px;border:1px solid rgba(0,0,0,.1)}.primary.svelte-1t5oiep{background:#0f766e}.surface.svelte-1t5oiep{background:#efe9e0}.focus.svelte-1t5oiep{background:#0f766e33}[data-theme=dark] select.svelte-1t5oiep,[data-theme=dark] .preview.svelte-1t5oiep,[data-theme=dark] .toggle.svelte-1t5oiep{background:#1c1a16;color:#f7f3ed;border-color:#ffffff26}[data-theme=dark] .mui-chip.svelte-1t5oiep{background:#4bd2c533}[data-theme=dark] .surface.svelte-1t5oiep{background:#25221c}.perf-lab.svelte-1w3oy4n{display:grid;gap:16px}.toggles.svelte-1w3oy4n{display:grid;gap:8px;font-size:.85rem}label.svelte-1w3oy4n{display:flex;align-items:center;gap:8px}input[type=checkbox].svelte-1w3oy4n{accent-color:#0f766e}.audit.svelte-1w3oy4n{display:grid;gap:12px;padding:14px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff}.score.svelte-1w3oy4n{display:grid;gap:6px}.score.svelte-1w3oy4n strong:where(.svelte-1w3oy4n){font-size:1.4rem}.bar.svelte-1w3oy4n{height:6px;border-radius:999px;background:#0f766e1f;overflow:hidden}.bar.svelte-1w3oy4n span:where(.svelte-1w3oy4n){display:block;height:100%;background:linear-gradient(90deg,#0f766e,#f3c46a)}.metrics.svelte-1w3oy4n{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px;font-size:.85rem;color:#5f5a52}.metrics.svelte-1w3oy4n strong:where(.svelte-1w3oy4n){display:block;color:#1e1b16}[data-theme=dark] .audit.svelte-1w3oy4n{background:#1c1a16;border-color:#ffffff1f}[data-theme=dark] .metrics.svelte-1w3oy4n strong:where(.svelte-1w3oy4n){color:#f7f3ed}.flow.svelte-1yak40v{display:grid;gap:12px}.tabs.svelte-1yak40v{display:flex;flex-wrap:wrap;gap:8px}button.svelte-1yak40v{padding:6px 12px;border-radius:999px;border:1px solid rgba(0,0,0,.2);background:transparent;cursor:pointer;font-size:.8rem}button.active.svelte-1yak40v{background:#0f766e;color:#fff;border-color:transparent}.panel.svelte-1yak40v{padding:14px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff;display:grid;gap:6px;font-size:.85rem}.panel.svelte-1yak40v h4:where(.svelte-1yak40v){margin:0}.hint.svelte-1yak40v{padding:8px 10px;border-radius:10px;background:#0f766e14;color:#0b4f4b;font-size:.8rem}[data-theme=dark] .panel.svelte-1yak40v{background:#1c1a16;border-color:#ffffff1a}[data-theme=dark] .hint.svelte-1yak40v{background:#4bd2c524;color:#4bd2c5}.clusters.svelte-p5eu2i{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;min-width:0}.cluster.svelte-p5eu2i{text-align:left;padding:16px;border-radius:16px;border:1px solid rgba(0,0,0,.12);background:#fff;cursor:pointer;display:grid;gap:12px;min-width:0}.cluster-head.svelte-p5eu2i{display:flex;justify-content:space-between;gap:12px;font-weight:600;min-width:0}.cluster-head.svelte-p5eu2i span:where(.svelte-p5eu2i):first-child{min-width:0;overflow-wrap:anywhere}.hint.svelte-p5eu2i{font-size:.75rem;color:#5f5a52}.cluster-body.svelte-p5eu2i{display:grid;gap:10px;font-size:.85rem;color:#5f5a52}.items.svelte-p5eu2i{display:flex;flex-wrap:wrap;gap:8px}.items.svelte-p5eu2i span:where(.svelte-p5eu2i){padding:4px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.12);font-size:.75rem}.open.svelte-p5eu2i{box-shadow:0 14px 30px #0f172a14}[data-theme=dark] .cluster.svelte-p5eu2i{background:#1c1a16;border-color:#ffffff1f}[data-theme=dark] .items.svelte-p5eu2i span:where(.svelte-p5eu2i){border-color:#fff3}.sandbox.svelte-4cogfq{display:grid;gap:16px;min-width:0}.controls.svelte-4cogfq{display:flex;flex-wrap:wrap;gap:10px 16px;font-size:.85rem;align-items:center;min-width:0}label.svelte-4cogfq{display:flex;align-items:center;gap:6px;min-width:0}select.svelte-4cogfq{min-width:0;padding:6px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.2);background:#fff}input[type=checkbox].svelte-4cogfq{accent-color:#0f766e}.preview.svelte-4cogfq{padding:16px;border-radius:14px;border:1px solid rgba(0,0,0,.12);background:#fff;min-width:0}.sample.svelte-4cogfq{transition:.15s ease}.button.svelte-4cogfq{padding:10px 18px;border-radius:999px;border:none;background:#0f766e;color:#fff;font-weight:600}.card.svelte-4cogfq{padding:14px;border-radius:12px;border:1px solid rgba(0,0,0,.08);display:grid;gap:6px}.form.svelte-4cogfq{display:grid;gap:10px}.form.svelte-4cogfq label:where(.svelte-4cogfq){display:grid;gap:6px;font-size:.75rem}.form.svelte-4cogfq input:where(.svelte-4cogfq){padding:8px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.2)}.form.svelte-4cogfq button:where(.svelte-4cogfq){padding:8px 12px;border-radius:999px;border:none;background:#0f766e;color:#fff}.code.svelte-4cogfq{display:grid;gap:12px;font-size:.85rem;color:#5f5a52;min-width:0}pre.svelte-4cogfq{background:#0f766e14;padding:10px;border-radius:10px;font-size:.75rem;overflow-x:auto;max-width:100%}@media(max-width:520px){.controls.svelte-4cogfq{display:grid;grid-template-columns:1fr}label.svelte-4cogfq{justify-content:space-between}}.is-hover.svelte-4cogfq{transform:translateY(-2px);box-shadow:0 12px 24px #0f766e26}.is-focus.svelte-4cogfq{outline:3px solid rgba(15,118,110,.35);outline-offset:3px}.is-disabled.svelte-4cogfq{opacity:.5;pointer-events:none}.is-loading.svelte-4cogfq{position:relative}.is-loading.svelte-4cogfq:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:svelte-4cogfq-sweep 1.2s linear infinite}.skeleton.svelte-4cogfq{height:8px;border-radius:999px;background:#0f766e1a}@keyframes svelte-4cogfq-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}[data-reduced-motion=true] .is-loading.svelte-4cogfq:after{animation:none}[data-theme=dark] .preview.svelte-4cogfq,[data-theme=dark] select.svelte-4cogfq{background:#1c1a16;color:#f7f3ed;border-color:#ffffff1f}[data-theme=dark] pre.svelte-4cogfq{background:#4bd2c51f}.overlay.svelte-1bm0yy4{position:fixed;inset:0;background:#00000040;display:grid;place-items:center;z-index:50}.palette.svelte-1bm0yy4{width:min(520px,90vw);background:#fff;border-radius:16px;padding:16px;display:grid;gap:12px;border:1px solid rgba(0,0,0,.12);box-shadow:0 20px 60px #0003}input.svelte-1bm0yy4{padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.2);font-size:.95rem}.list.svelte-1bm0yy4{display:grid;gap:6px;max-height:240px;overflow:auto}button.svelte-1bm0yy4{display:flex;justify-content:space-between;padding:8px 12px;border-radius:10px;border:1px solid transparent;background:transparent;cursor:pointer;text-align:left}button.active.svelte-1bm0yy4{border-color:#0f766e66;background:#0f766e14}.meta.svelte-1bm0yy4{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#5f5a52}.empty.svelte-1bm0yy4{font-size:.85rem;color:#5f5a52;padding:8px 4px}[data-theme=dark] .palette.svelte-1bm0yy4{background:#1c1a16;border-color:#ffffff1f}[data-theme=dark] input.svelte-1bm0yy4{background:#1c1a16;color:#f7f3ed;border-color:#ffffff1f}.inspector.svelte-1eg1x4f{position:fixed;right:20px;bottom:20px;z-index:40;display:grid;gap:10px}.trigger.svelte-1eg1x4f{border-radius:999px;border:none;background:#0f766e;color:#fff;padding:10px 14px;font-weight:600;cursor:pointer}.panel.svelte-1eg1x4f{width:280px;padding:14px;border-radius:16px;border:1px solid rgba(0,0,0,.12);background:#fff;display:grid;gap:12px;box-shadow:0 18px 30px #0000001f}header.svelte-1eg1x4f{display:flex;justify-content:space-between;align-items:center}.close.svelte-1eg1x4f{border:none;background:transparent;cursor:pointer;color:#5f5a52}.toggles.svelte-1eg1x4f{display:grid;gap:8px;font-size:.85rem}.run.svelte-1eg1x4f{border-radius:999px;border:1px solid rgba(0,0,0,.12);background:transparent;padding:8px 12px;cursor:pointer}ul.svelte-1eg1x4f{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:.8rem}li.svelte-1eg1x4f{display:flex;justify-content:space-between;padding:6px 10px;border-radius:10px;background:#0000000a}.ok.svelte-1eg1x4f{color:#0b4f4b;background:#0f766e1f}.bad.svelte-1eg1x4f{color:#7a3a14;background:#f3c46a33}[data-a11y-focus=true] .svelte-1eg1x4f:focus{outline:3px dashed #f3c46a!important;outline-offset:2px}[data-theme=dark] .panel.svelte-1eg1x4f{background:#1c1a16;border-color:#ffffff1f}[data-theme=dark] .close.svelte-1eg1x4f,[data-theme=dark] .run.svelte-1eg1x4f{color:#f7f3ed}.copy.svelte-1di0b0b{width:100%;padding:12px 16px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:transparent;font-weight:600;cursor:pointer;margin-bottom:12px}[data-theme=dark] .copy.svelte-1di0b0b{border-color:#ffffff1f;color:#f7f3ed}