:root{--font-display: "Syne", sans-serif;--font-body: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--color-zinc-0: #ffffff;--color-zinc-50: #f8f8fa;--color-zinc-100: #f0f0f3;--color-zinc-150: #e8e8ec;--color-zinc-200: #dcdce0;--color-zinc-250: #ececef;--color-zinc-300: #c4c4ca;--color-zinc-400: #8a8a96;--color-zinc-500: #6b6b76;--color-zinc-600: #4a4a54;--color-zinc-700: #2c2c34;--color-zinc-800: #1a1a1e;--color-zinc-900: #111113;--color-zinc-950: #0a0a0c;--color-laravel: #ff2d20;--color-vue: #42b883;--color-java: #e76f00;--color-tailwind: #06b6d4;--color-shadcn: #18181b;--color-mysql: #00618a;--color-docker: #2496ed;--color-git: #f05032;--color-linux: #1793d1;--color-nvim: #57a143;--color-bash: #3e3e3e;--color-figma-1: #f24e1e;--color-figma-2: #a259ff;--color-figma-3: #1abcfe;--color-framer: #0055ff;--color-python: #3776ab;--color-rag: #6366f1;--color-n8n: #ea4b71;--color-js: #f7df1e;--color-ts: #3178c6;--color-shopify: #95bf47;--color-blender: #ea7600;--color-ae: #9999ff;--color-illustrator: #ff9a00;--color-go: #00add8;--color-sops: #5b21b6;--color-three: #049ef4;--color-nodejs: #5FA04E;--color-playwright: #45BA4B;--color-bun: #CFA560;--cat-dev: #6366f1;--cat-webdesign: #0055ff;--cat-3d: #14b8a6;--cat-animation: #ea4b71;--cat-logo: #f59e0b;--cat-tooling: #7c3aed;--cat-devops: #06b6d4;--cat-tools: #8b5cf6;--cat-ai: #10b981;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--s9: 48px;--s10: 64px;--s11: 80px;--s12: 96px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--radius-card: var(--radius-lg);--bg-page: var(--color-zinc-100);--bg-card: var(--color-zinc-0);--bg-inset: #f4f4f6;--text: var(--color-zinc-900);--text-2: var(--color-zinc-500);--border: var(--color-zinc-200);--border-sub: var(--color-zinc-250);--accent: var(--color-zinc-900);--accent-fg: var(--color-zinc-0);--nav-bg: rgba(255, 255, 255, .72);--glow: rgba(0, 0, 0, .04);--brand: var(--cat-dev);--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--leading-tight: 1.1;--leading-snug: 1.3;--leading-normal: 1.55;--leading-loose: 1.7;--tracking-tight: -.04em;--tracking-snug: -.03em;--tracking-normal: 0;--tracking-wide: .06em;--tracking-wider: .08em;--ease: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur: .45s;--dur-fast: .2s;--dur-slow: .65s;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 2px 20px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .08)}[data-theme=dark]{--bg-page: var(--color-zinc-950);--bg-card: rgba(22, 22, 26, .65);--bg-inset: var(--color-zinc-800);--text: #ededef;--text-2: var(--color-zinc-400);--border: rgba(255, 255, 255, .08);--border-sub: rgba(255, 255, 255, .05);--accent: var(--color-zinc-0);--accent-fg: var(--color-zinc-950);--nav-bg: rgba(10, 10, 12, .65);--glow: rgba(255, 255, 255, .07);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 2px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5)}[data-radius=net]{--radius-xs: 2px;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 7px;--radius-xl: 10px}[data-radius=rond]{--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:none;border:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:inherit}input,textarea,select{font:inherit;color:inherit}:focus{outline:none}:focus-visible{outline:2px solid color-mix(in oklab,var(--brand) 70%,transparent);outline-offset:3px;border-radius:var(--radius-sm)}nav button:focus-visible,.footer-link:focus-visible,.link-arrow:focus-visible{outline-offset:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mesh-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 10% 40%,rgba(180,180,190,.18),transparent),radial-gradient(ellipse 60% 50% at 90% 70%,rgba(160,170,185,.14),transparent);transition:background var(--dur) var(--ease)}[data-theme=dark] .mesh-bg{background:radial-gradient(ellipse 70% 50% at 15% 35%,rgba(60,100,220,.12),transparent),radial-gradient(ellipse 60% 40% at 85% 65%,rgba(130,70,220,.1),transparent)}.glow-blob{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .35s ease;background:radial-gradient(500px circle at var(--x, 50%) var(--y, 50%),var(--glow),transparent 40%)}.cell{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative;overflow:hidden;display:flex;flex-direction:column;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:border-color var(--dur) var(--ease),transform .5s var(--ease);opacity:0;transform:translateY(16px);animation:cellIn var(--dur-slow) var(--ease) forwards}.cell:hover{border-color:var(--text-2);transform:scale(1.003);z-index:5}.cell:hover .glow-blob{opacity:1}.cell__inner{position:relative;z-index:2;padding:var(--s6);height:100%;display:flex;flex-direction:column}@keyframes cellIn{to{opacity:1;transform:translateY(0)}}.section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;letter-spacing:var(--tracking-snug);margin-bottom:var(--s4)}.badge{font-size:var(--text-xs);font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);background:var(--bg-card);border:1px solid var(--border);white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.badge--color{background:var(--badge-c, var(--accent));color:#fff;border:none}.chip{font-size:var(--text-sm);font-weight:600;padding:6px 12px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.chip--outline{border:1px solid var(--border);color:var(--text-2);background:transparent}.chip--solid{background:var(--accent);color:var(--accent-fg)}.tag{padding:4px 11px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;color:#fff;transition:transform .3s var(--ease);white-space:nowrap}.tag:hover{transform:scale(1.06)}.t-laravel{background:var(--color-laravel)}.t-vue{background:var(--color-vue);color:#0a2e1a}.t-java{background:var(--color-java)}.t-tailwind{background:var(--color-tailwind)}.t-shadcn{background:var(--color-shadcn)}.t-mysql{background:var(--color-mysql)}.t-docker{background:var(--color-docker)}.t-git{background:var(--color-git)}.t-linux{background:var(--color-linux)}.t-nvim{background:var(--color-nvim)}.t-bash{background:var(--color-bash)}.t-framer{background:var(--color-framer)}.t-python{background:var(--color-python)}.t-rag{background:var(--color-rag)}.t-n8n{background:var(--color-n8n)}.t-js{background:var(--color-js);color:#1a1a00}.t-ts{background:var(--color-ts)}.t-shopify{background:var(--color-shopify);color:#0a1f00}.t-blender{background:var(--color-blender)}.t-ae{background:var(--color-ae);color:#15153a}.t-illustrator{background:var(--color-illustrator);color:#2a1700}.t-go{background:var(--color-go)}.t-sops{background:var(--color-sops)}.t-three{background:var(--color-three)}.t-nodejs{background:var(--color-nodejs)}.t-playwright{background:var(--color-playwright)}.t-bun{background:var(--color-bun)}.t-javascript{background:var(--color-js);color:#1a1a00}.t-typescript{background:var(--color-ts)}.t-figma{background:linear-gradient(135deg,var(--color-figma-1),var(--color-figma-2),var(--color-figma-3))}.t-soft,.t-default{background:var(--bg-inset);color:var(--text);border:1px solid var(--border-sub)}.btn{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--text-base);font-weight:600;padding:10px 18px;border-radius:var(--radius-pill);border:1px solid transparent;transition:all var(--dur-fast) var(--ease);white-space:nowrap}.btn--primary{background:var(--accent);color:var(--accent-fg)}.btn--primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn--ghost:hover{background:var(--bg-inset);border-color:var(--text-2)}.btn--brand{background:var(--brand);color:#fff}.btn--brand:hover{transform:translateY(-1px);box-shadow:0 8px 24px color-mix(in oklab,var(--brand) 35%,transparent)}.link-arrow{display:inline-flex;align-items:center;gap:var(--s1);font-size:var(--text-base);font-weight:600;color:var(--text-2);transition:color var(--dur) var(--ease),gap var(--dur-fast) var(--ease)}.link-arrow:hover{color:var(--text);gap:var(--s2)}.eyebrow{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-2)}.mono{font-family:var(--font-mono)}@media print{.mesh-bg,.glow-blob,.navbar,.no-print{display:none!important}}.app{min-height:100vh;display:flex;flex-direction:column}.page-wrap{width:100%;max-width:1440px;margin:0 auto;padding:88px var(--s4) var(--s10);flex:1}.navbar{position:fixed;top:var(--s3);left:50%;transform:translate(-50%);width:calc(100% - var(--s6));max-width:1440px;height:56px;background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius-pill);z-index:1000;display:flex;align-items:center;padding:0 var(--s3) 0 var(--s5);box-shadow:var(--shadow-md)}.nav-inner{width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--s4)}.nav-brand{display:flex;align-items:baseline;gap:var(--s2);color:var(--text)}.brand-name{font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:var(--tracking-snug)}.brand-dot{color:var(--text-2);font-weight:300}.brand-tag{font-size:var(--text-xs);font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.nav-menu{display:none;gap:var(--s2)}@media(min-width:760px){.nav-menu{display:flex}}.nav-link{font-size:var(--text-base);font-weight:500;color:var(--text-2);padding:7px 14px;border-radius:var(--radius-pill);transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--text);background:var(--bg-inset)}.nav-controls{display:flex;gap:var(--s1);align-items:center}.icon-btn{background:none;border:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--text);transition:background var(--dur-fast) var(--ease)}.icon-btn:hover{background:var(--bg-inset)}.app-footer{padding:var(--s8) var(--s4) var(--s6)}.footer-inner{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;border-top:1px solid var(--border);padding-top:var(--s5)}.footer-copy{font-size:var(--text-sm);color:var(--text-2)}.footer-links{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}.footer-link{font-size:var(--text-xs);font-weight:500;color:var(--text-2);opacity:.6;transition:opacity .3s var(--ease)}.footer-link:hover{opacity:1}.footer-link.is-private:after{content:"privé";margin-left:6px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brand);opacity:.8}.bento{display:grid;gap:var(--bento-gap, var(--s4));grid-template-columns:1fr;grid-auto-rows:auto;align-items:stretch}@media(min-width:700px)and (max-width:1023px){.bento{grid-template-columns:1fr 1fr}.cell--skills,.cell--interests,.cell--projects{grid-column:1 / -1}.cell--interests .interests-list{flex-direction:row;flex-wrap:wrap}.cell--interests .interest{flex:1 1 200px}}@media(min-width:1024px){.bento{grid-template-columns:repeat(12,1fr)}.cell--hero{grid-column:span var(--hero-span, 7)}.cell--photo{grid-column:span var(--photo-span, 5)}.cell--skills{grid-column:1 / -1}.cell--contact,.cell--formation,.cell--interests{grid-column:span 4}.cell--projects{grid-column:1 / -1}}[data-photo=compact]{--hero-span: 8;--photo-span: 4;--photo-min: 300px}[data-photo=equilibre]{--hero-span: 7;--photo-span: 5;--photo-min: 320px}[data-photo=grand]{--hero-span: 6;--photo-span: 6;--photo-min: 360px}.cell:nth-child(1){animation-delay:.06s}.cell:nth-child(2){animation-delay:.12s}.cell:nth-child(3){animation-delay:.18s}.cell:nth-child(4){animation-delay:.24s}.cell:nth-child(5){animation-delay:.3s}.cell:nth-child(6){animation-delay:.36s}.cell:nth-child(7){animation-delay:.42s}.cell--photo{min-height:var(--photo-min, 320px);padding:0}.cell--photo .cell__inner{padding:0}.hero-pills{display:flex;gap:var(--s2);flex-wrap:wrap;margin-bottom:var(--s5)}.hero-name{font-family:var(--font-display);font-size:clamp(32px,4vw,46px);font-weight:800;line-height:1;letter-spacing:var(--tracking-tight);margin-bottom:var(--s4)}.hero-role{font-size:var(--text-xl);font-weight:500;color:var(--text-2);margin-bottom:var(--s5)}.hero-meta{display:flex;flex-wrap:wrap;gap:var(--s2);font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--s5);padding:var(--s3) var(--s4);background:var(--bg-inset);border-radius:var(--radius-md)}.hero-meta span{display:flex;align-items:center;gap:4px}.hero-meta strong{color:var(--text)}.meta-sep{opacity:.3}.hero-bio{font-size:var(--text-md);line-height:var(--leading-loose);color:var(--text-2);margin-top:var(--s5);padding-top:var(--s5);border-top:1px solid var(--border-sub);max-width:60ch;white-space:pre-line}.hero-stats{display:flex;flex-wrap:wrap;gap:var(--s4);margin-top:var(--s3);font-size:var(--text-sm);color:var(--text-2)}.hero-stats span{display:flex;align-items:center;gap:4px}.photo-cell{position:relative;width:100%;height:100%;min-height:320px}.photo-cell img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--photo-position-home, var(--photo-position, 50% 18%))}.photo-grad{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55))}.contact-rows{display:flex;flex-direction:column;gap:var(--s3);margin-top:var(--s2)}.contact-row{display:flex;align-items:center;gap:var(--s3);font-size:var(--text-base)}.contact-ico{color:var(--text-2);flex-shrink:0}.contact-row .k{color:var(--text-2);width:86px;flex-shrink:0}.contact-row .v{font-weight:600}.social-row{display:flex;gap:var(--s2);margin-top:var(--s5)}.social-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--radius-pill);border:1px solid var(--border);font-size:var(--text-sm);font-weight:600;color:var(--text);transition:all var(--dur-fast) var(--ease)}.social-btn:hover{background:var(--bg-inset);border-color:var(--text-2);transform:translateY(-1px)}.skills-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--s5);margin-top:var(--s2)}.skill-cat{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-2);margin-bottom:var(--s3)}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--s2)}.xp{margin-top:var(--s2)}.xp-top{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);margin-bottom:var(--s2)}.xp-title{font-weight:700;font-size:var(--text-md)}.xp-where{font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--s2)}.xp-desc{font-size:var(--text-base);color:var(--text-2);line-height:var(--leading-normal)}.interests-list{display:flex;flex-direction:column;gap:var(--s4);margin-top:var(--s2)}.interest{display:flex;gap:var(--s3);align-items:flex-start}.interest-emoji{font-size:22px;line-height:1;flex-shrink:0}.interest-title{font-weight:700;font-size:var(--text-base)}.interest-detail{font-size:var(--text-sm);color:var(--text-2)}.cat-pills{display:inline-flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.cat-pill{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:700;padding:4px 10px 4px 8px;border-radius:var(--radius-pill);color:var(--c);background:color-mix(in oklab,var(--c) 12%,transparent);border:1px solid color-mix(in oklab,var(--c) 26%,transparent)}.cat-pill--more{color:var(--text-2);background:var(--bg-inset);border-color:var(--border);padding:4px 9px}.cat-glyph{display:inline-grid;place-items:center}.thumb{width:100%;border-radius:var(--radius-sm);overflow:hidden;position:relative;background:radial-gradient(120% 120% at 0% 0%,color-mix(in oklab,var(--c) 28%,transparent),transparent 60%),linear-gradient(135deg,color-mix(in oklab,var(--c) 16%,var(--bg-inset)),var(--bg-inset));border:1px solid var(--border-sub)}.thumb-img{width:100%;height:100%;object-fit:cover}.thumb-ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--c)}.thumb-ph-tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.55;font-family:var(--font-mono)}.section-header{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);margin-bottom:var(--s5)}.section-header .section-title{margin-bottom:0}.proj-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--s3)}.proj-mini{padding:var(--s4);background:var(--bg-inset);border-radius:var(--radius-md);border:1px solid transparent;transition:border-color var(--dur) var(--ease),transform .3s var(--ease);text-align:left;display:flex;flex-direction:column;gap:var(--s2);overflow:hidden}.proj-mini:hover{border-color:var(--border);transform:translateY(-2px)}.proj-mini .thumb{width:calc(100% + var(--s4) * 2);margin:calc(var(--s4) * -1) calc(var(--s4) * -1) 0;border:none;border-radius:var(--radius-md) var(--radius-md) 0 0;overflow:hidden}.proj-mini-top{display:flex;justify-content:space-between;align-items:center;gap:var(--s2)}.proj-mini-name{font-size:var(--text-md);font-weight:700;display:flex;align-items:center;gap:8px}.proj-mini-meta{font-size:var(--text-sm);color:var(--text-2)}.proj-mini-desc{font-size:var(--text-base);color:var(--text-2);line-height:var(--leading-normal)}.proj-mini-techs{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:var(--s1)}.proj-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;text-align:left;transition:border-color var(--dur) var(--ease),transform .4s var(--ease),box-shadow var(--dur) var(--ease)}.proj-card:hover{border-color:var(--text-2);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.proj-card .thumb{border-radius:0;border:none;border-bottom:1px solid var(--border-sub)}.proj-card-body{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2);flex:1}.proj-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s2)}.proj-card-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-snug);display:flex;align-items:center;gap:8px}.proj-card-meta{font-size:var(--text-sm);color:var(--text-2)}.proj-card-desc{font-size:var(--text-base);color:var(--text-2);line-height:var(--leading-normal)}.proj-card-techs{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:var(--s2)}.proj-card-featured{position:absolute;top:var(--s3);right:var(--s3);z-index:3;display:inline-flex;align-items:center;gap:4px;padding:3px 9px;background:#0000008c;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-pill);font-size:10px;font-weight:700}.proj-card-featured svg{color:var(--cat-logo)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#0a0a0c8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .25s var(--ease)}@media(min-width:720px){.modal-overlay{align-items:center;padding:var(--s6)}}.modal{background:var(--bg-page);width:100%;max-width:680px;max-height:92vh;overflow-y:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--border);animation:slideUp .35s var(--ease)}@media(min-width:720px){.modal{border-radius:var(--radius-lg)}}.modal-thumb{position:relative}.modal-thumb .thumb{border-radius:0}.modal-close{position:absolute;top:var(--s4);right:var(--s4);z-index:5;width:36px;height:36px;border-radius:50%;border:none;background:#00000080;color:#fff;display:grid;place-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-body{padding:var(--s6)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s4);margin-bottom:var(--s4)}.modal-title{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:var(--tracking-tight)}.modal-meta{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--s5)}.modal-meta b{color:var(--text);font-weight:600}.modal-case{font-size:var(--text-md);line-height:var(--leading-loose);color:var(--text);margin-bottom:var(--s5);white-space:pre-line}.modal-list{list-style:none;padding:0;margin-bottom:var(--s5);display:flex;flex-direction:column;gap:8px}.modal-list li{display:flex;align-items:flex-start;gap:8px;font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text)}.modal-techs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--s6)}.modal-actions{display:flex;gap:var(--s3);flex-wrap:wrap}@keyframes fadeIn{0%{opacity:0}}@keyframes slideUp{0%{transform:translateY(24px);opacity:.6}}.page-head{margin-bottom:var(--s7)}.page-title{font-family:var(--font-display);font-size:clamp(30px,4.5vw,44px);font-weight:800;letter-spacing:var(--tracking-tight);line-height:1.05}.page-sub{font-size:var(--text-lg);color:var(--text-2);margin-top:var(--s2);max-width:56ch}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-base);font-weight:600;color:var(--text-2);margin-bottom:var(--s5);transition:color .2s,gap .2s}.back-link:hover{color:var(--text);gap:9px}.pd-head{margin-bottom:var(--s5)}.pd-head-top{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.pd-featured{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:700;color:var(--cat-logo)}.pd-title{font-family:var(--font-display);font-size:clamp(38px,6vw,64px);font-weight:800;letter-spacing:var(--tracking-tight);line-height:1.02}.pd-lead{font-size:var(--text-xl);color:var(--text-2);margin-top:var(--s3);max-width:62ch;line-height:var(--leading-snug)}.pd-hero{margin-bottom:var(--s8);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border)}.pd-hero .thumb{border-radius:0;border:none}.pd-body{display:grid;grid-template-columns:1fr;gap:var(--s8)}@media(min-width:900px){.pd-body{grid-template-columns:1fr 300px;gap:var(--s10)}}.pd-main{min-width:0}.pd-section{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;letter-spacing:var(--tracking-snug);margin-bottom:var(--s4)}.pd-section-kicker{color:var(--accent);font-size:var(--text-sm);font-weight:800;letter-spacing:var(--tracking-wide);margin-bottom:var(--s3);text-transform:uppercase}.pd-case{font-size:var(--text-lg);line-height:var(--leading-loose);color:var(--text);white-space:pre-line}.cs-blocks{display:flex;flex-direction:column;gap:var(--s5)}.cs-heading{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--text);margin:0}.cs-paragraph{font-size:var(--text-lg);line-height:var(--leading-loose);color:var(--text);margin:0;white-space:pre-line}.md-content{display:flex;flex-direction:column;gap:var(--s3)}.case-article{color:var(--text);font-size:var(--text-lg);line-height:var(--leading-loose)}.case-article p{margin:0;max-width:72ch}.md-h2{font-family:var(--font-display);font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:var(--tracking-snug);line-height:1.08;margin:var(--s6) 0 var(--s1)}.md-h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;margin:var(--s5) 0 var(--s1)}.md-h4{font-size:var(--text-lg);font-weight:800;margin:var(--s3) 0 0}.md-list{padding-left:var(--s5);margin:0;display:flex;flex-direction:column;gap:6px;max-width:72ch}.md-list li{font-size:var(--text-base);line-height:var(--leading-relaxed)}.md-list li::marker{color:var(--text-2)}.md-content code{background:var(--surface-2);padding:1px 5px;border-radius:4px;font-size:.9em;font-family:var(--font-mono, monospace)}.md-content a{color:var(--accent);text-decoration:underline}.md-content strong{font-weight:700}.md-content em{font-style:italic}.md-codeblock{max-width:100%;overflow:auto;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--s4);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.md-quote{border-left:3px solid var(--accent);margin:var(--s3) 0;padding:var(--s2) var(--s4);color:var(--text-2);background:color-mix(in oklab,var(--brand) 7%,transparent);border-radius:0 var(--radius-card) var(--radius-card) 0}.md-figure{margin:var(--s5) 0}.md-figure img{width:100%;border-radius:var(--radius-lg);border:1px solid var(--border);display:block}.md-figure figcaption{color:var(--text-2);font-size:var(--text-sm);margin-top:var(--s2);text-align:center}.proj-card-desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.proj-card-desc p{margin:0;display:inline}.proj-card-desc code{background:none;padding:0}.proj-card-desc strong{font-weight:600}.cs-figure{margin:var(--s3) 0}.cs-figure img{width:100%;border-radius:var(--radius-card)}.cs-figure figcaption{font-size:var(--text-sm);color:var(--text-2);margin-top:var(--s2);text-align:center}.pd-aside{display:flex;flex-direction:column;gap:var(--s5)}@media(min-width:900px){.pd-aside{position:sticky;top:84px;align-self:start}}.pd-aside-card{padding:var(--s4);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-card)}.pd-aside-card p{margin:var(--s2) 0 0;color:var(--text-2);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.pd-aside-k{color:var(--text-2);font-size:var(--text-xs);font-weight:800;letter-spacing:var(--tracking-wide);text-transform:uppercase}.pd-facts{display:flex;flex-direction:column}.pd-fact{display:flex;justify-content:space-between;gap:var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--border-sub)}.pd-fact:first-child{border-top:1px solid var(--border-sub)}.pd-fact-k{font-size:var(--text-sm);color:var(--text-2);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:600}.pd-fact-v{font-size:var(--text-base);font-weight:600}.pd-techs{display:flex;flex-wrap:wrap;gap:6px}.pd-actions{display:flex;flex-direction:column;gap:var(--s2)}.pd-actions .btn{justify-content:center}.pd-next{margin-top:var(--s10);width:100%;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-card);transition:border-color var(--dur) var(--ease),transform .3s var(--ease)}.pd-next:hover{border-color:var(--text-2);transform:translateY(-2px)}.pd-next-k{font-size:var(--text-sm);color:var(--text-2);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:700}.pd-next-v{display:flex;align-items:center;gap:var(--s2);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;letter-spacing:var(--tracking-snug)}.pd-next-v svg:last-child{margin-left:auto}.nav-admin-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;background:color-mix(in oklab,var(--brand) 10%,var(--bg-card));color:var(--brand);border:1px solid color-mix(in oklab,var(--brand) 25%,var(--border));transition:all var(--dur-fast) var(--ease)}.nav-admin-badge:hover{background:color-mix(in oklab,var(--brand) 18%,var(--bg-card))}.nav-admin-dot{width:6px;height:6px;border-radius:50%;background:var(--brand);animation:contact-pulse 2.2s ease-in-out infinite}.input-error{border-color:var(--cat-animation)!important}.hamburger-btn{display:grid!important}@media(min-width:760px){.hamburger-btn{display:none!important}}.mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#00000059;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .2s var(--ease)}.mobile-nav-panel{position:absolute;top:72px;left:50%;transform:translate(-50%);width:calc(100% - var(--s6));max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s2);display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-lg);animation:mobileMenuIn .22s var(--ease)}@keyframes mobileMenuIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mobile-nav-link{display:flex;align-items:center;gap:var(--s3);padding:14px var(--s4);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:600;color:var(--text-2);text-align:left;width:100%;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--bg-inset);color:var(--text)}.mobile-nav-link svg{color:var(--brand);flex-shrink:0}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s5)}.contact-cta{display:flex;align-items:center;justify-content:center;gap:var(--s2);width:100%;margin-top:var(--s4);padding:11px var(--s4);border:1px dashed var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:var(--text-2);transition:all var(--dur-fast) var(--ease)}.contact-cta:hover{border-color:var(--brand);color:var(--brand);background:color-mix(in oklab,var(--brand) 5%,transparent);border-style:solid}.filter-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s3);align-items:center;margin-bottom:var(--s6)}.filter-chips{min-width:0;display:flex;gap:var(--s2);align-items:center;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding-bottom:2px}.filter-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-card);font-size:var(--text-base);font-weight:600;color:var(--text-2);transition:all var(--dur-fast) var(--ease);flex:0 0 auto}.filter-chip:hover{border-color:var(--text-2);color:var(--text)}.filter-chip.active{color:#fff;border-color:transparent;background:var(--fc, var(--accent))}.filter-chip--all.active{background:var(--accent);color:var(--accent-fg)}.filter-chip .count{font-size:11px;opacity:.7;font-weight:700}.filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--s2);white-space:nowrap}.filter-result{font-size:var(--text-sm);color:var(--text-2)}.sort-group{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}.sort-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-pill);padding:7px 30px 7px 13px;font:inherit;font-size:var(--text-sm);font-weight:600;color:var(--text-2);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2.5 3.5l2.5 2.5 2.5-2.5' fill='none' stroke='%23888' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:all var(--dur-fast) var(--ease)}.sort-select:hover{border-color:var(--text-2);color:var(--text)}.sort-select:focus{outline:2px solid var(--accent);outline-offset:2px}.sort-dir-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);font-size:11px;color:var(--text-2);cursor:pointer;transition:all var(--dur-fast) var(--ease);padding:0}.sort-dir-btn:hover{border-color:var(--text-2);color:var(--text);background:var(--bg-inset)}.filter-toggle{display:none}@media(max-width:760px){.filter-bar{grid-template-columns:auto 1fr;gap:var(--s2)}.filter-toggle{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-card);font-size:var(--text-base);font-weight:600;color:var(--text-2);cursor:pointer;transition:all var(--dur-fast) var(--ease);flex:0 0 auto}.filter-toggle:hover{border-color:var(--text-2);color:var(--text)}.filter-toggle.has-active{border-color:var(--accent);color:var(--accent)}.filter-chips{display:none;grid-column:1 / -1}.filter-chips.open{display:flex;flex-wrap:wrap;gap:var(--s2);padding:var(--s2);border-top:1px solid var(--border);margin-top:var(--s1)}.filter-actions{justify-content:flex-end}}.proj-gallery{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.proj-card{position:relative}.gallery-empty{grid-column:1 / -1;text-align:center;padding:var(--s11) var(--s4);color:var(--text-2)}.gallery-group-title{grid-column:1 / -1;display:flex;align-items:center;gap:var(--s3);font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);letter-spacing:var(--tracking-snug);margin-top:var(--s6);color:var(--text)}.gallery-group-title:first-child{margin-top:0}.gallery-group-title .line{flex:1;height:1px;background:var(--border);opacity:.5}.gallery-group-title .count{font-size:var(--text-sm);color:var(--text-2);font-family:var(--font-body);font-weight:600}[data-theme=dark] .gallery-group-title .line{background:var(--color-zinc-700);opacity:1}.cv-layout{display:grid;grid-template-columns:1fr;gap:var(--s6);align-items:start}@media(min-width:860px){.cv-layout{grid-template-columns:300px minmax(0,793px);justify-content:start}}.cv-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s5);position:sticky;top:84px}.cv-panel h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;letter-spacing:var(--tracking-snug);margin-bottom:var(--s1)}.cv-panel-sub{font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--s4);line-height:var(--leading-normal)}.cv-style-block{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.cv-style-label{font-size:var(--text-sm);font-weight:600;color:var(--text-2);flex-shrink:0}.cv-style-opts{display:flex;background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.cv-style-opt{flex:1;padding:5px 10px;font-size:12px;font-weight:600;color:var(--text-2);transition:all var(--dur-fast) var(--ease);white-space:nowrap}.cv-style-opt:hover{color:var(--text)}.cv-style-opt.on{background:var(--brand);color:#fff}.cv-style-opt+.cv-style-opt{border-left:1px solid var(--border)}.cv-pick-list{display:flex;flex-direction:column;gap:var(--s2);margin-bottom:var(--s5)}.cv-pick{display:flex;align-items:center;gap:var(--s3);padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-page);text-align:left;transition:all var(--dur-fast) var(--ease);width:100%}.cv-pick:hover{border-color:var(--text-2)}.cv-pick.on{border-color:var(--brand);background:color-mix(in oklab,var(--brand) 7%,var(--bg-page))}.cv-check{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--border);display:grid;place-items:center;flex-shrink:0;color:#fff;transition:all var(--dur-fast) var(--ease)}.cv-pick.on .cv-check{background:var(--brand);border-color:var(--brand)}.cv-pick-info{flex:1;min-width:0}.cv-pick-name{font-size:var(--text-base);font-weight:600;display:flex;align-items:center;gap:6px}.cv-pick-meta{font-size:11px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cv-panel-actions{display:flex;flex-direction:column;gap:var(--s2)}.cv-hint{font-size:11px;color:var(--text-2);margin-top:var(--s3);line-height:var(--leading-normal)}.cv-stage{display:flex;flex-direction:column;align-items:stretch;gap:var(--s4);min-width:0}.a4-fit{width:100%;position:relative;overflow:hidden;min-width:0}.a4-scaler{position:relative}.a4-page{width:210mm;height:297mm;flex-shrink:0;overflow:hidden;background:#fff;color:var(--color-zinc-900);padding:13mm 15mm 16mm;box-shadow:0 4px 40px #00000029;font-family:var(--font-body);font-size:11.5px;line-height:1.5;transform-origin:top center}.a4-body{height:100%;display:flex;flex-direction:column;overflow:hidden}.cv-header2{display:flex;gap:20px;align-items:flex-start}.cv-photo{width:var(--cv-photo-w, 118px);height:var(--cv-photo-h, 152px);border-radius:10px;overflow:hidden;flex-shrink:0;background:var(--color-zinc-100)}.cv-photo img{width:100%;height:100%;object-fit:cover;object-position:var(--photo-position-cv, var(--photo-position, 50% 16%))}.cv-id{flex:1;min-width:0;display:flex;flex-direction:column;align-self:stretch}.cv-name{font-family:var(--font-display);font-size:30px;font-weight:800;letter-spacing:-.04em;line-height:1.04}.cv-role{font-size:13.5px;font-weight:600;color:var(--color-zinc-600);margin:3px 0 7px}.cv-bio{font-size:11.5px;color:var(--color-zinc-600);line-height:1.5;white-space:pre-line}.cv-contact-row{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:auto;padding-top:11px}.cv-c-item{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--color-zinc-700)}.cv-c-item svg{color:var(--cv-c, var(--color-zinc-400));flex-shrink:0}[data-cv-photo=petite] .cv-photo{--cv-photo-w: 100px;--cv-photo-h: 130px}[data-cv-photo=moyenne] .cv-photo{--cv-photo-w: 118px;--cv-photo-h: 152px}[data-cv-photo=grande] .cv-photo{--cv-photo-w: 138px;--cv-photo-h: 178px}[data-cv-pills=sombre] .cv-proj-tech{background:var(--color-zinc-900)!important;color:#fff}[data-cv-pills=sombre] .cv-proj{border-left-color:var(--color-zinc-800)!important}[data-cv-pills=sombre] .cv-proj-list li svg{color:var(--color-zinc-500)!important}[data-cv-pills=sombre] .cv-alt-badge{background:var(--color-zinc-900)}[data-cv-pills=sombre] .cv-skill-tags .tag{background:var(--color-zinc-800)!important;color:#fff!important;border-color:var(--color-zinc-700)}[data-cv-pills=sombre] .cv-c-item svg{color:var(--color-zinc-500)}[data-cv-pills=mono] .cv-proj-tech{background:var(--color-zinc-200)!important;color:var(--color-zinc-800)}[data-cv-pills=mono] .cv-proj{border-left-color:var(--color-zinc-300)!important}[data-cv-pills=mono] .cv-proj-list li svg{color:var(--color-zinc-400)!important}[data-cv-pills=mono] .cv-alt-badge{background:var(--color-zinc-300);color:var(--color-zinc-800)}[data-cv-pills=mono] .cv-skill-tags .tag{background:var(--color-zinc-100)!important;color:var(--color-zinc-700)!important;border-color:var(--color-zinc-200)}[data-cv-pills=mono] .cv-c-item svg{color:var(--color-zinc-400)}.cv-divider{border:none;border-top:1px solid var(--color-zinc-200);margin:6px 0}.cv-alt{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--color-zinc-500);flex-wrap:wrap}.cv-alt strong{color:var(--color-zinc-800)}.cv-alt-badge{font-size:10px;font-weight:700;padding:4px 12px;background:var(--color-zinc-900);color:#fff;border-radius:999px}.cv-sec-title{font-family:var(--font-display);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px;color:var(--color-zinc-800)}.cv-skills{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.cv-skills>div{min-width:0}.cv-skill-cat{font-size:9.4px;font-weight:700;text-transform:uppercase;letter-spacing:.055em;color:var(--color-zinc-400);margin-bottom:6px;white-space:nowrap}.cv-skill-tags{display:flex;flex-wrap:wrap;gap:4px}.cv-skill-tags .tag{font-size:10px;padding:3px 6px;max-width:100%}.cv-xp-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:3px}.cv-xp-badge{font-size:10.5px;font-weight:600;padding:3px 10px;background:var(--color-zinc-100);border-radius:999px}.cv-xp-where{font-size:11.5px;color:var(--color-zinc-500);margin-bottom:3px}.cv-xp-desc{font-size:11.5px;color:var(--color-zinc-600);line-height:1.5}.cv-proj-section{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.cv-footer-section{flex-shrink:0}.cv-projects{flex:1 1 auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;grid-auto-rows:minmax(0,1fr);align-content:stretch;min-height:0}.cv-proj{padding:9px 12px;background:var(--color-zinc-50);border:1px solid var(--color-zinc-200);border-left:3px solid var(--cv-c, var(--color-zinc-300));border-radius:8px;display:flex;flex-direction:column;gap:3px;min-height:0;overflow:hidden}.cv-proj-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;margin-bottom:2px}.cv-proj-name{font-weight:700}.cv-proj-tech{font-size:10px;font-weight:600;padding:3px 9px;color:#fff;border-radius:6px;background:var(--cv-c, var(--color-zinc-800));white-space:nowrap}.cv-proj-meta{font-size:10.5px;color:var(--color-zinc-400);margin-bottom:5px}.cv-proj-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.cv-proj-list li{display:flex;align-items:flex-start;gap:6px;font-size:10.8px;line-height:1.4;color:var(--color-zinc-600)}.cv-proj-list li span{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}[data-cv-density=compact] .cv-proj{padding:6px 10px;gap:1px}[data-cv-density=compact] .cv-proj-meta{margin-bottom:2px;font-size:10px}[data-cv-density=compact] .cv-proj-list{gap:2px}[data-cv-density=compact] .cv-proj-list li{font-size:10.2px;line-height:1.35}[data-cv-density=compact] .cv-proj-top{font-size:12px;margin-bottom:1px}.cv-proj-list li svg{color:var(--cv-c, var(--color-zinc-500));flex-shrink:0;margin-top:2px}.cv-proj-desc{font-size:11.5px;color:var(--color-zinc-600);line-height:1.5}.cv-interests{display:flex;justify-content:space-between;gap:18px;flex-wrap:nowrap}.cv-int{display:flex;gap:9px;align-items:flex-start;min-width:0}.cv-int-emoji{font-size:19px}.cv-int strong{font-size:12.5px;display:block}.cv-int-detail{font-size:10.5px;color:var(--color-zinc-500)}.cv-empty-note{font-size:11px;color:var(--color-zinc-400);font-style:italic}.contact-bento{display:grid;grid-template-columns:1fr 300px;gap:var(--s5);align-items:start}@media(max-width:860px){.contact-bento{grid-template-columns:1fr}}.contact-form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s6)}.contact-info-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s4)}.contact-form{display:flex;flex-direction:column;gap:var(--s4)}.cform-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}@media(max-width:600px){.cform-row{grid-template-columns:1fr}}.contact-textarea{min-height:130px}.contact-form-footer{display:flex;align-items:center;gap:var(--s3)}.contact-mailto-hint{font-size:var(--text-sm);color:var(--text-2);display:flex;align-items:center;gap:6px}.opt{font-size:11px;color:var(--text-2);font-weight:500;margin-left:4px}.contact-status{display:flex;gap:var(--s3);align-items:flex-start;padding:12px 14px;border-radius:var(--radius-md);background:color-mix(in oklab,var(--brand) 7%,var(--bg-card));border:1px solid color-mix(in oklab,var(--brand) 18%,var(--border))}.contact-status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;margin-top:5px;box-shadow:0 0 0 3px color-mix(in oklab,#22c55e 20%,transparent);animation:contact-pulse 2.2s ease-in-out infinite}@keyframes contact-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in oklab,#22c55e 20%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklab,#22c55e 6%,transparent)}}.contact-status-label{font-size:var(--text-sm);font-weight:700;color:var(--text)}.contact-status-sub{font-size:11px;color:var(--text-2);margin-top:2px}.contact-info-list{display:flex;flex-direction:column;gap:var(--s2)}.contact-info-item{display:flex;align-items:center;gap:var(--s2);font-size:var(--text-sm);color:var(--text-2)}.contact-info-item svg{flex-shrink:0}.contact-info-item a{color:var(--text);font-weight:600;text-decoration:none;transition:color var(--dur-fast) var(--ease)}.contact-info-item a:hover{color:var(--brand)}.contact-socials{display:flex;flex-direction:column;gap:var(--s2)}.contact-social-btn{display:flex;align-items:center;gap:var(--s2);padding:10px 13px;background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;color:var(--text);text-decoration:none;transition:all var(--dur-fast) var(--ease)}.contact-social-btn:hover{border-color:var(--brand);color:var(--brand)}.contact-config-hint{display:flex;gap:var(--s2);align-items:flex-start;font-size:11px;color:var(--text-2);padding:var(--s3) var(--s3);background:var(--bg-inset);border-radius:var(--radius-sm);line-height:var(--leading-normal)}.contact-config-hint svg{flex-shrink:0;margin-top:1px}.contact-sent{text-align:center;padding:var(--s10) var(--s6);display:flex;flex-direction:column;align-items:center;gap:var(--s4)}.contact-sent-icon{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:color-mix(in oklab,#22c55e 12%,var(--bg-page));color:#22c55e}.contact-sent h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800}.contact-sent p{color:var(--text-2)}.admin-grid{display:grid;grid-template-columns:1fr;gap:var(--s6);align-items:start}@media(min-width:980px){.admin-grid{grid-template-columns:1fr 1fr}}.admin-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--s6)}.admin-card h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;letter-spacing:var(--tracking-snug);margin-bottom:var(--s1)}.admin-card .sub{font-size:var(--text-sm);color:var(--text-2);margin-bottom:var(--s5)}.field{margin-bottom:var(--s4)}.field label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--s2)}.field .req{color:var(--cat-animation)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.input,.textarea,.select{width:100%;padding:10px 12px;background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-base);transition:border-color var(--dur-fast) var(--ease)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--brand)}.textarea{resize:vertical;min-height:78px;line-height:var(--leading-normal)}.cat-select{display:flex;flex-wrap:wrap;gap:var(--s2)}.cat-hint{font-size:var(--text-xs);font-weight:600;color:var(--text-2);text-transform:none;letter-spacing:0}.cat-opt{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;color:var(--text-2);transition:all var(--dur-fast) var(--ease)}.cat-opt:hover{border-color:var(--text-2)}.cat-opt.on{color:#fff;border-color:transparent;background:var(--co)}.tech-builder{display:flex;flex-direction:column;gap:var(--s2)}.tech-added{display:flex;flex-wrap:wrap;gap:6px}.tech-added-tag button{background:none;border:none;color:inherit;opacity:.7;display:grid;place-items:center;padding:0}.tech-add-row{display:grid;grid-template-columns:1fr 130px auto;gap:var(--s2)}.toggle-row{display:flex;align-items:center;gap:var(--s3);padding:12px;background:var(--bg-page);border:1px solid var(--border);border-radius:var(--radius-sm)}.switch{width:42px;height:24px;border-radius:999px;background:var(--border);position:relative;transition:background var(--dur-fast) var(--ease);flex-shrink:0}.switch.on{background:var(--brand)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform var(--dur-fast) var(--ease)}.switch.on:after{transform:translate(18px)}.toggle-label{font-size:var(--text-base);font-weight:600}.toggle-sub{font-size:var(--text-xs);color:var(--text-2)}.code-out{position:relative}.code-tabs{display:flex;gap:var(--s1);margin-bottom:var(--s3)}.code-tab{padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-page);font-size:var(--text-sm);font-weight:600;color:var(--text-2)}.code-tab.active{background:var(--accent);color:var(--accent-fg);border-color:transparent}.code-block{background:var(--color-zinc-950);color:#e4e4e7;border-radius:var(--radius-md);padding:var(--s4);font-family:var(--font-mono);font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre;max-height:420px;overflow-y:auto;border:1px solid var(--border)}.code-block .tok-key{color:#c4b5fd}.code-block .tok-str{color:#86efac}.code-block .tok-prop{color:#93c5fd}.code-block .tok-punc{color:#71717a}.copy-btn{position:absolute;top:42px;right:12px}.admin-preview-card{margin-top:var(--s5)}.admin-note{display:flex;gap:var(--s2);align-items:flex-start;font-size:var(--text-sm);color:var(--text-2);background:var(--bg-inset);padding:var(--s3) var(--s4);border-radius:var(--radius-sm);margin-top:var(--s4);line-height:var(--leading-normal)}.admin-note svg{flex-shrink:0;margin-top:2px;color:var(--brand)}.toast{position:fixed;bottom:var(--s6);left:50%;transform:translate(-50%) translateY(20px);background:var(--accent);color:var(--accent-fg);padding:10px 18px;border-radius:var(--radius-pill);font-size:var(--text-base);font-weight:600;box-shadow:var(--shadow-lg);z-index:3000;opacity:0;pointer-events:none;transition:all var(--dur) var(--ease);display:flex;align-items:center;gap:8px}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media print{@page{size:A4;margin:0}html,body{background:#fff!important}.no-print,.navbar,.app-footer,.cv-panel,.page-head,.back-link,.toast{display:none!important}.page-wrap{padding:0!important;max-width:none!important}.cv-layout,.cv-stage{display:block!important}.a4-fit{height:auto!important;overflow:visible!important}.a4-fit>.a4-scaler{transform:none!important;width:auto!important}.a4-page{box-shadow:none!important;margin:0 auto!important}.mesh-bg{display:none!important}.a4-page,.a4-page *{print-color-adjust:exact;-webkit-print-color-adjust:exact;color-adjust:exact}}.is-preview .navbar,.is-preview .app-footer,.is-preview .back-link,.is-preview .page-head{display:none!important}.is-preview .page-wrap{padding-top:var(--s4)!important}.dashboard{display:flex;min-height:100vh;background:var(--bg, #f0f0f3);font-family:var(--font-body, "-apple-system, BlinkMacSystemFont, Segoe UI, sans-serif");font-size:14px;color:var(--text, #111113)}.dash-sidebar{width:200px;flex-shrink:0;background:var(--surface, #ffffff);border-right:1px solid var(--border, #dcdce0);display:flex;flex-direction:column;padding:16px 0;position:sticky;top:0;height:100vh}.dash-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:0 16px 16px;border-bottom:1px solid var(--border, #dcdce0);margin-bottom:8px}.dash-brand-dot{width:8px;height:8px;border-radius:50%;background:var(--accent, #6366f1)}.dash-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:4px 8px}.dash-nav-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;background:transparent;border:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-2, #6b6b76);transition:all .15s;text-align:left;width:100%}.dash-nav-item:hover{background:var(--inset, #f4f4f6);color:var(--text, #111113)}.dash-nav-item.active{background:color-mix(in srgb,var(--accent, #6366f1) 10%,transparent);color:var(--accent, #6366f1);font-weight:600}.dash-footer{display:flex;align-items:center;gap:4px;padding:12px 16px;border-top:1px solid var(--border, #dcdce0)}.dash-back{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;background:transparent;border:none;cursor:pointer;font-size:12px;color:var(--text-2, #6b6b76);font-weight:500}.dash-back:hover{background:var(--inset, #f4f4f6);color:var(--text, #111113)}.dash-main{flex:1;padding:32px;overflow-y:auto;max-width:960px}.ds-section{max-width:100%}.ds-section-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px}.ds-title{font-family:var(--font-display, "Syne, sans-serif");font-weight:800;font-size:22px;line-height:1.15;margin:0}.ds-sub{font-size:13px;color:var(--text-2, #6b6b76);margin-top:2px}.ds-subtitle{font-family:var(--font-display, "Syne, sans-serif");font-weight:700;font-size:14px;margin:20px 0 8px}.ds-count{color:var(--text-2, #6b6b76);font-weight:400;font-size:14px}.ds-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.ds-stat{background:var(--surface, #ffffff);border:1px solid var(--border, #dcdce0);border-radius:10px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:var(--text-2, #6b6b76)}.ds-stat--warn{border-color:#f59e0b}.ds-stat-val{font-family:var(--font-display, "Syne, sans-serif");font-weight:800;font-size:28px;color:var(--text, #111113)}.ds-stat-label{font-size:12px;font-weight:500}.ds-card{background:var(--surface, #ffffff);border:1px solid var(--border, #dcdce0);border-radius:10px;padding:20px;margin-bottom:16px}.ds-card-title{font-weight:700;font-size:14px;margin-bottom:12px}.ds-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ds-field{display:flex;flex-direction:column;gap:4px}.ds-label{font-size:12px;font-weight:600;color:var(--text-2, #6b6b76);text-transform:uppercase;letter-spacing:.04em}.ds-input{padding:8px 10px;border:1px solid var(--border, #dcdce0);border-radius:6px;background:var(--bg, #f0f0f3);font-size:13px;color:var(--text, #111113);font-family:var(--font-mono, "JetBrains Mono, monospace");transition:border-color .15s}.ds-input:focus{outline:2px solid var(--accent, #6366f1);outline-offset:-1px;border-color:transparent}.ds-input--grow{flex:1;min-width:0}.ds-input--area{resize:vertical;font-family:var(--font-body)}.ds-select{padding:8px 10px;border:1px solid var(--border, #dcdce0);border-radius:6px;background:var(--bg, #f0f0f3);font-size:12px;color:var(--text, #111113)}.ds-seg{display:flex;gap:2px;background:var(--inset, #f4f4f6);border-radius:6px;padding:2px}.ds-seg-opt{flex:1;padding:5px 8px;border:none;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;background:transparent;color:var(--text-2, #6b6b76);white-space:nowrap}.ds-seg-opt.on{background:var(--surface, #ffffff);color:var(--text, #111113);box-shadow:0 1px 2px #0000000f}.ds-swatches{display:flex;gap:6px}.ds-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;background:var(--c);transition:transform .12s}.ds-swatch.on{border-color:var(--text, #111113);transform:scale(1.12)}.ds-swatch:hover{transform:scale(1.1)}.ds-toggle{width:36px;height:20px;border-radius:10px;background:var(--border, #dcdce0);border:none;cursor:pointer;position:relative;transition:background .15s}.ds-toggle.on{background:var(--accent, #6366f1)}.ds-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.ds-toggle.on .ds-toggle-knob{transform:translate(16px)}.ds-link-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border, #dcdce0)}.ds-link-row:last-child{border-bottom:none}.ds-link-fields{display:flex;gap:8px;flex:1;min-width:0}.ds-proj-list{display:flex;flex-direction:column;gap:6px}.ds-proj-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--surface, #ffffff);border:1px solid var(--border, #dcdce0);border-radius:8px;gap:8px}.ds-proj-info{flex:1;min-width:0}.ds-proj-name{display:flex;align-items:center;gap:6px;font-weight:600;font-size:14px}.ds-proj-meta{font-size:12px;color:var(--text-2, #6b6b76);margin-top:2px}.ds-proj-acts{display:flex;align-items:center;gap:6px;flex-shrink:0}.ds-feat-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;border:1px solid var(--border, #dcdce0);background:transparent;font-size:11px;font-weight:600;cursor:pointer;color:var(--text-2, #6b6b76)}.ds-feat-btn.on{background:#fef9c3;border-color:#facc15;color:#92400e}.ds-cat-pills{display:flex;flex-wrap:wrap;gap:4px}.ds-cat-pill{padding:4px 10px;border-radius:999px;border:1px solid var(--border, #dcdce0);background:transparent;font-size:12px;cursor:pointer;font-weight:500;color:var(--text-2, #6b6b76)}.ds-cat-pill.on{background:var(--accent, #6366f1);color:#fff;border-color:var(--accent)}.ds-tech-row{display:flex;gap:6px;align-items:center;margin-top:4px}.ds-snippet{background:#111;color:#e2e8f0;padding:12px;border-radius:6px;font-size:11px;font-family:var(--font-mono);overflow-x:auto;white-space:pre;margin-top:8px;line-height:1.45}.ds-quick{display:flex;flex-wrap:wrap;gap:6px}.ds-preview-wrap{border:1px solid var(--border, #dcdce0);border-radius:10px;overflow:hidden;background:#fff}.ds-preview-iframe{width:100%;height:600px;border:none;display:block}.admin-card{background:var(--surface, #ffffff);border:1px solid var(--border, #dcdce0);border-radius:14px;padding:28px}.input-error{border-color:#ea4b71;outline-color:#ea4b71}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--text, #111113);color:var(--bg, #f0f0f3);padding:10px 20px;border-radius:8px;font-size:13px;font-weight:500;z-index:9999;box-shadow:0 4px 12px #00000026;animation:toast-in .25s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.dash-sidebar{width:56px;overflow:hidden}.dash-brand span:not(.dash-brand-dot),.dash-nav-item span,.dash-back span{display:none}.dash-nav-item{justify-content:center;padding:10px}.dash-brand{justify-content:center;padding:12px 0}.dash-back{justify-content:center;padding:8px}.dash-main{padding:16px}.ds-form-grid{grid-template-columns:1fr}.ds-stats{grid-template-columns:repeat(2,1fr)}.ds-link-fields{flex-direction:column;gap:4px}.ds-link-fields input{width:100%!important}}[data-theme=dark] .dashboard{--bg: #0a0a0c;--surface: #16161a;--inset: #1e1e24;--text: #f0f0f3;--text-2: #8a8a96;--border: #2c2c34;--accent: #818cf8}.dashboard{--bg: #f0f0f3;--surface: #ffffff;--inset: #f4f4f6;--text: #111113;--text-2: #6b6b76;--border: #dcdce0;--accent: #6366f1}.dashboard-v5{display:flex;height:100vh;overflow:hidden;background:var(--bg, #f0f0f3);font-family:var(--font-body, "-apple-system, BlinkMacSystemFont, Segoe UI, sans-serif");font-size:14px;color:var(--text, #111113)}.dash-main{flex:0 0 auto;min-width:400px;overflow-y:auto;padding:40px 32px}.dash-main.is-auto{flex:1 1 0}.dash-resizer-h{width:6px;flex-shrink:0;cursor:col-resize;background:var(--border, #dcdce0);transition:background .15s;position:relative;z-index:3}.dash-resizer-h:hover,html.is-resizing .dash-resizer-h{background:var(--accent, #6366f1)}.dash-preview{flex:1 1 0;min-width:400px;background:var(--surface, #ffffff);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.dash-content{max-width:720px;margin:0 auto;min-width:0;container-type:inline-size}.dash-sidebar-footer{padding:12px;border-top:1px solid var(--border)}.ds-preview-panel{display:flex;flex-direction:column;height:100%}.ds-preview-tabs{display:flex;gap:4px;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--inset, #f4f4f6);flex-shrink:0}.ds-preview-tab{padding:6px 14px;border-radius:6px;border:none;background:transparent;cursor:pointer;font-size:12px;font-weight:500;color:var(--text-2);transition:all .12s}.ds-preview-tab:hover{color:var(--text);background:var(--surface)}.ds-preview-tab.active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px #00000014}.ds-preview-frame{flex:1;overflow:auto;position:relative}.ds-preview-frame iframe{width:100%;height:100%;border:none}.dashboard-v5{--admin-card: #ffffff;--admin-muted: #73737f;--admin-line: rgba(17, 17, 19, .09);--admin-soft: rgba(99, 102, 241, .08);--admin-input: rgba(255, 255, 255, .66);--admin-list: rgba(255, 255, 255, .62);--admin-drop: rgba(255, 255, 255, .55);--admin-seg: rgba(255, 255, 255, .38);--admin-glow: rgba(255, 255, 255, .65)}[data-theme=dark] .dashboard-v5{--bg: #0a0a0c;--surface: #16161a;--inset: #1e1e24;--text: #f0f0f3;--text-2: #a0a0aa;--border: #2c2c34;--accent: #818cf8;--admin-card: #16161a;--admin-muted: #a0a0aa;--admin-line: rgba(255, 255, 255, .1);--admin-soft: rgba(129, 140, 248, .14);--admin-input: rgba(255, 255, 255, .06);--admin-list: rgba(255, 255, 255, .04);--admin-drop: rgba(255, 255, 255, .05);--admin-seg: rgba(255, 255, 255, .07);--admin-glow: rgba(255, 255, 255, .1)}.dashboard-v5 .dash-sidebar{width:200px;min-width:200px;position:relative;z-index:2}.dashboard-v5 .dash-main{min-width:0;max-width:none;background:radial-gradient(circle at top left,rgba(99,102,241,.06),transparent 360px),var(--bg)}.dashboard-v5 .ds-section{padding-bottom:56px}.dashboard-v5 .ds-section-head{flex-wrap:wrap;align-items:center}.dashboard-v5 .ds-section-head>div{min-width:0;flex:1 1 260px}.dashboard-v5 .ds-section-head>.btn{flex:0 0 auto}.dashboard-v5 .ds-title{font-size:clamp(28px,3vw,40px);letter-spacing:-.055em}.dashboard-v5 .ds-sub{margin:8px 0 0;max-width:54ch;font-size:14px;line-height:1.45}.dashboard-v5 .ds-card{border:1px solid var(--admin-line);border-radius:18px;padding:24px;background:color-mix(in srgb,var(--admin-card) 94%,var(--accent) 6%);box-shadow:0 1px 0 var(--admin-glow) inset,0 16px 45px #1111130f;min-width:0}.dashboard-v5 .ds-card-title{display:flex;align-items:center;gap:8px;margin:0 0 18px;font-size:16px;letter-spacing:-.015em}.dashboard-v5 .ds-field{gap:8px}.dashboard-v5 .ds-label{font-size:11px;color:var(--admin-muted);letter-spacing:.075em}.dashboard-v5 .ds-hint{margin:0;color:var(--admin-muted);font-size:13px;line-height:1.45}.dashboard-v5 .ds-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.dashboard-v5 .input,.dashboard-v5 .select,.dashboard-v5 .textarea{border:1px solid var(--admin-line);background:var(--admin-input);border-radius:12px;min-height:42px}.dashboard-v5 .input:focus,.dashboard-v5 .select:focus,.dashboard-v5 .textarea:focus{border-color:color-mix(in srgb,var(--accent) 60%,var(--admin-line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.dashboard-v5 .ds-seg{min-height:38px;border:1px solid var(--admin-line);background:var(--admin-seg)}.dashboard-v5 .ds-seg-opt{min-width:0;overflow:hidden;text-overflow:ellipsis}.ds-list,.ds-proj-list,.ds-pick-list{display:grid;gap:10px}.dashboard-v5 .ds-proj-row,.ds-list-item,.ds-pick{min-width:0;border:1px solid var(--admin-line);border-radius:15px;background:var(--admin-list);box-shadow:0 1px 0 var(--admin-glow) inset}.dashboard-v5 .ds-proj-row{padding:15px 16px}.dashboard-v5 .ds-proj-name,.ds-list-label,.ds-pick-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-v5 .ds-proj-meta,.ds-list-href,.ds-pick-meta{color:var(--admin-muted);font-size:13px;line-height:1.35}.ds-list-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px}.ds-list-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--accent);background:var(--admin-soft)}.ds-list-info{min-width:0;display:grid;gap:2px}.ds-list-label{font-weight:700}.ds-list-href{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.ds-list-actions,.ds-list-edit-row{display:flex;align-items:center;gap:8px;min-width:0}.ds-list-edit-row{grid-column:1 / -1;flex-wrap:wrap}.ds-list-edit-row .input{flex:1 1 180px!important;min-width:0}.ds-list-edit-row .select{flex:0 1 130px;min-width:0}.ds-vis-btn{border:1px solid var(--admin-line);border-radius:999px;padding:6px 10px;color:var(--admin-muted);font-size:12px;font-weight:700;background:var(--admin-drop);white-space:nowrap}.ds-vis-btn.on{color:var(--accent);background:var(--admin-soft)}.ds-pick-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.ds-pick{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-areas:"check name" "check meta";gap:2px 8px;padding:12px;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s,background .15s}.ds-pick:hover,.dashboard-v5 .ds-proj-row:hover,.ds-list-item:hover{border-color:color-mix(in srgb,var(--accent) 38%,var(--admin-line));transform:translateY(-1px)}.ds-pick.on{border-color:color-mix(in srgb,var(--accent) 46%,var(--admin-line));background:var(--admin-soft)}.ds-check{grid-area:check;display:grid;place-items:center;width:20px;height:20px;margin-top:1px;color:var(--accent)}.ds-pick-name{grid-area:name;display:flex;align-items:center;gap:6px;font-weight:700}.ds-pick-meta{grid-area:meta}.ds-tag-count{color:var(--admin-muted);font-weight:600}.ds-photo-row{display:grid;grid-template-columns:164px minmax(0,1fr);gap:18px;align-items:stretch}.ds-drop{min-height:148px;border:1.5px dashed color-mix(in srgb,var(--accent) 32%,var(--admin-line));border-radius:16px;display:grid;place-items:center;overflow:hidden;background:var(--admin-drop)}.ds-drop--over{background:var(--admin-soft)}.ds-drop-empty{display:grid;justify-items:center;gap:8px;color:var(--admin-muted);font-weight:700}.ds-photo-prev{width:100%;height:100%;object-fit:cover}.ds-photo-controls{min-width:0;display:grid;align-content:center;gap:10px}.ds-photo-controls .input{min-width:0}.ds-status-badge{display:inline-flex;align-items:center;gap:7px;width:fit-content;margin-top:14px;padding:8px 11px;border-radius:999px;font-size:12px;font-weight:800}.ds-status-badge.ok{color:#047857;background:#d1fae5}.ds-status-badge.warn{color:#9a3412;background:#ffedd5}.ds-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--admin-line);cursor:pointer}.ds-toggle-row:last-child{border-bottom:0}.ds-toggle-label{font-weight:800;letter-spacing:-.01em}.ds-toggle-sub{margin-top:3px;color:var(--admin-muted);font-size:13px}.ds-switch{position:relative;width:42px;height:24px;border-radius:999px;background:var(--border);flex:0 0 auto;transition:background .15s}.ds-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000038;transition:transform .15s}.ds-switch.on{background:var(--accent)}.ds-switch.on:after{transform:translate(18px)}.cat-opt{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--admin-line);border-radius:999px;padding:7px 11px;background:var(--admin-drop);color:var(--text);font-weight:700;font-size:12px}.cat-opt.on{background:var(--co);color:#fff;border-color:transparent}.tech-add-row,.tech-added{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.tech-added-tag{display:inline-flex;align-items:center;gap:6px}.tech-added-tag button{display:grid;place-items:center;opacity:.7}.tech-added-tag button:hover{opacity:1}html.is-resizing,html.is-resizing *{-webkit-user-select:none!important;user-select:none!important}.ds-preview-tabs{justify-content:space-between;overflow-x:auto;align-items:flex-start}.ds-preview-routes,.ds-preview-tools{display:flex;align-items:center;gap:4px;min-width:0;flex-wrap:wrap}.ds-preview-tools{margin-left:auto;justify-content:flex-end}.ds-preview-size{padding:0 7px;font:700 11px/1 var(--font-mono);color:var(--admin-muted);white-space:nowrap}.ds-preview-preset{border:1px solid var(--admin-line);border-radius:999px;padding:5px 8px;background:var(--surface);color:var(--text-2);font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.ds-preview-preset:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--admin-line))}@media(max-width:980px){.dashboard-v5{flex-wrap:wrap}.dashboard-v5 .dash-sidebar{width:64px;min-width:64px}.dash-preview,.dash-resizer-h{display:none}.dashboard-v5 .dash-main{flex:1 1 0;min-width:0;padding:24px 18px}.ds-list-item{grid-template-columns:34px minmax(0,1fr)}.ds-list-actions{grid-column:1 / -1;justify-content:flex-end}.ds-photo-row{grid-template-columns:1fr}}@container (max-width: 520px){.dashboard-v5 .ds-form-grid,.ds-pick-list{grid-template-columns:1fr}.ds-list-item{grid-template-columns:34px minmax(0,1fr)}.ds-list-actions{grid-column:1 / -1;justify-content:flex-end;flex-wrap:wrap}.dashboard-v5 .ds-card{padding:18px}}.dashboard-v5 .ds-image-row{display:flex;gap:12px;align-items:flex-start;margin-top:6px}.dashboard-v5 .ds-image-prev{position:relative;width:120px;height:80px;border-radius:12px;overflow:hidden;border:1px solid var(--admin-line);flex-shrink:0}.dashboard-v5 .ds-image-prev img{width:100%;height:100%;object-fit:cover}.dashboard-v5 .ds-image-clear{position:absolute;top:4px;right:4px;background:#00000080;color:#fff;border:none;border-radius:50%;width:22px;height:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.dashboard-v5 .ds-image-placeholder{width:120px;height:80px;border:1px dashed var(--admin-line);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--admin-muted);font-size:12px;flex-shrink:0}.dashboard-v5 .ds-markdown-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;color:var(--admin-muted);font-size:12px}.dashboard-v5 .ds-markdown-tools span{line-height:1.45}@media(max-width:760px){.dashboard-v5 .ds-markdown-tools{align-items:stretch;flex-direction:column}}.dashboard-v5 .ds-blocks-list{display:flex;flex-direction:column;gap:10px;margin-top:6px}.dashboard-v5 .ds-block-row{display:flex;align-items:flex-start;gap:8px}.dashboard-v5 .ds-block-row .textarea{min-height:44px;resize:vertical}.dashboard-v5 .ds-block-row{display:flex;align-items:center;gap:8px}.dashboard-v5 input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:var(--admin-line);border-radius:3px;outline:none}.dashboard-v5 input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #00000026}.dashboard-v5 .ds-focal-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--admin-soft);border:1px solid var(--admin-line);margin-bottom:14px}.dashboard-v5 .ds-focal-tab{border:0;border-radius:999px;background:transparent;color:var(--admin-muted);cursor:pointer;font-size:12px;font-weight:800;padding:7px 12px}.dashboard-v5 .ds-focal-tab.on{background:var(--admin-card);color:var(--admin-text);box-shadow:0 1px 4px #0f172a1f}.dashboard-v5 .ds-focal-control{max-width:380px}.dashboard-v5 .ds-focal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.dashboard-v5 .ds-focal-head h4{margin:0 0 3px;font-size:14px;font-weight:900;color:var(--admin-text)}.dashboard-v5 .ds-focal-head p{margin:0;color:var(--admin-muted);font-size:12px}.dashboard-v5 .ds-focal-value{flex-shrink:0;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:999px;font-size:11px;font-weight:900;padding:5px 8px}.dashboard-v5 .ds-focal-preview{position:relative;overflow:hidden;width:100%;border-radius:18px;border:1px solid var(--admin-line);background:var(--admin-soft);cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none}.dashboard-v5 .ds-focal-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--focal-position, 50% 50%);pointer-events:none}.dashboard-v5 .ds-focal-crosshair,.dashboard-v5 .ds-focal-marker{position:absolute;left:var(--focal-x, 50%);top:var(--focal-y, 50%);transform:translate(-50%,-50%);pointer-events:none}.dashboard-v5 .ds-focal-crosshair{width:44px;height:44px;border:1px solid rgba(255,255,255,.72);border-radius:50%;box-shadow:0 0 0 999px #0f172a1f}.dashboard-v5 .ds-focal-marker{width:13px;height:13px;border-radius:50%;background:var(--accent);border:2px solid white;box-shadow:0 2px 8px #0f172a47}.dashboard-v5 .ds-focal-sliders{display:grid;gap:10px;margin-top:12px}.dashboard-v5 .ds-focal-sliders label{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:10px;color:var(--admin-muted);font-size:12px;font-weight:800}.dashboard-v5 .ds-focal-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.pal-section{display:flex;flex-direction:column;gap:var(--s5)}.pal-section-title{font-size:var(--text-sm);font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.pal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.pal-pill-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px}.pal-pill{display:flex;align-items:center;justify-content:center;width:100%;padding:8px 10px;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;color:#fff;text-align:center;cursor:pointer;border:none;min-height:36px;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.pal-pill:hover{transform:scale(1.04);box-shadow:0 2px 8px #00000026}.pal-pill--soft{background:var(--bg-inset);color:var(--text);border:1px solid var(--border-sub)}.pal-pill-del{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:var(--color-zinc-800);color:#fff;border:none;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s}.pal-pill-wrapper:hover .pal-pill-del{opacity:1}.pal-edit-popup{position:absolute;top:100%;left:0;z-index:100;min-width:240px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026;padding:10px;display:flex;flex-direction:column;gap:8px}.pal-edit-row{display:flex;gap:8px;align-items:end}.pal-edit-row .input{flex:1;min-width:0}.pal-color-input{width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:2px;background:var(--bg-card)}.pal-edit-actions{display:flex;gap:4px}.pal-add-row{display:flex;gap:6px;align-items:center;padding:8px 0}.pal-cat-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.pal-cat-header h3{flex:1;margin:0}.pal-cat-header .icon-btn{opacity:.4;transition:opacity .15s}.pal-cat-header .icon-btn:hover{opacity:1}.pal-add-row .input{flex:1;min-width:0}.pal-soft-check{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:600;color:var(--text-2);white-space:nowrap;cursor:pointer}.pal-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg-card);font-size:var(--text-sm);font-weight:600;color:var(--text-2);cursor:pointer;transition:all var(--dur-fast) var(--ease)}.pal-btn:hover{border-color:var(--text-2);color:var(--text)}