:root{--bg-color: oklch(14.5% 0 0);--text-color: oklch(97% 0 0);--text-muted: oklch(60% 0 0);--accent-color: oklch(62.3% .214 259.815);--link-hover: oklch(80.9% .105 251.813);--company-bg: #27272a;--border-color: oklch(26.9% 0 0);--nav-popover-bg: oklch(87.9% .169 91.605);--nav-popover-text: oklch(14.5% 0 0);--lfc-canvas: #0a0a0a;--lfc-card: #171717;--lfc-card-border: #262626;--lfc-muted: #262626;--lfc-input-bg: #333333;--lfc-input-border: #454545;--lfc-accent: #262626;--lfc-accent-mid: #404040;--lfc-accent-strong: #525252;--lfc-dropdown-bg: #1a1a1a;--lfc-dropdown-border: #454545;--lfc-item-hover: oklch(32% 0 0);--lfc-item-selected: #262626;--lfc-chat-bg: oklch(20% 0 0);--lfc-chat-border: oklch(32% 0 0);--lfc-send-btn-bg: #f8f8f8;--lfc-send-btn-fg: oklch(8% 0 0);--lfc-icon-wrap-bg: #262626;--lfc-range-track: oklch(26.9% 0 0);--lfc-range-fill: oklch(35% 0 0);--lfc-range-thumb: oklch(62% 0 0);--lfc-range-value-bg: oklch(20% 0 0);--lfc-tab-border: oklch(35% 0 0);--lfc-drive-area-bg: oklch(26.9% 0 0);--lfc-drive-btn-border: oklch(38% 0 0);--lfc-toggle-track: oklch(26.9% 0 0);--lfc-toggle-active: oklch(38% 0 0);--lfc-shimmer-highlight: rgba(255, 255, 255, .18);--lfc-gradient-text-base: oklch(48% 0 0);--lfc-gradient-text-peak: oklch(72% 0 0);--surface-invert: #ffffff;--on-surface-invert: oklch(20.5% 0 0);--border-invert: oklch(92.2% 0 0);--surface-invert-subtle: #f5f5f5;--surface-invert-hover: #e5e5e5;--font-family: "Manrope", sans-serif;--font-normal: 300;--font-medium: 400;--font-semibold: 500;--font-bold: 600;--font-extrabold: 700;--base-font-size: 1.25rem;--container-padding: 12rem;--ui-duration-fast: .12s;--ui-duration: .18s;--ui-duration-slow: .3s}:root[data-theme=light]{--bg-color: oklch(97% 0 0);--text-color: oklch(20.5% 0 0);--text-muted: oklch(60% 0 0);--accent-color: oklch(62.3% .214 259.815);--link-hover: oklch(42.4% .199 265.638);--company-bg: #e4e4e7;--border-color: oklch(92.2% 0 0);--nav-popover-bg: oklch(14.5% 0 0);--nav-popover-text: oklch(87.9% .169 91.605);--lfc-canvas: #f5f5f5;--lfc-card: #ffffff;--lfc-card-border: #e5e5e5;--lfc-muted: #e5e5e5;--lfc-input-bg: #f5f5f5;--lfc-input-border: #a3a3a3;--lfc-accent: #e5e5e5;--lfc-accent-mid: #d4d4d4;--lfc-accent-strong: #a3a3a3;--lfc-dropdown-bg: #ffffff;--lfc-dropdown-border: #a3a3a3;--lfc-item-hover: #e5e5e5;--lfc-item-selected: #f5f5f5;--lfc-chat-bg: #f5f5f5;--lfc-chat-border: #d4d4d4;--lfc-send-btn-bg: #000000;--lfc-send-btn-fg: #ffffff;--lfc-icon-wrap-bg: #e5e5e5;--lfc-range-track: #e5e5e5;--lfc-range-fill: #a3a3a3;--lfc-range-thumb: #525252;--lfc-range-value-bg: #e5e5e5;--lfc-tab-border: #a3a3a3;--lfc-drive-area-bg: #e5e5e5;--lfc-drive-btn-border: #a3a3a3;--lfc-toggle-track: #e5e5e5;--lfc-toggle-active: #d4d4d4;--lfc-shimmer-highlight: rgba(255, 255, 255, .6);--lfc-gradient-text-base: oklch(45% 0 0);--lfc-gradient-text-peak: oklch(20% 0 0);--surface-invert: #171717;--on-surface-invert: oklch(97% 0 0);--border-invert: oklch(26.9% 0 0);--surface-invert-subtle: #333333;--surface-invert-hover: #262626}.page-hidden{display:none!important}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);font-size:var(--base-font-size);font-weight:var(--font-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color .6s ease,color .6s ease;position:relative;overflow-x:hidden}button,a,.portfolio-shot,.modal-close{-webkit-tap-highlight-color:transparent}.nav-link{font-size:1.25rem;line-height:1.75rem;font-weight:var(--font-semibold);text-decoration:none}.nav-link.active{color:var(--text-color)}.nav-header{position:fixed;top:0;right:0;z-index:500;padding:2rem}.nav-menu-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:none;border:none;color:var(--text-color);cursor:pointer;transition:transform var(--ui-duration-fast) ease}.nav-menu-button:active{transform:scale(.95)}.nav-menu-button-icon{width:1.25rem;height:1.25rem;display:block;flex-shrink:0}.nav-popover{position:fixed;top:1.5rem;right:1.5rem;min-width:32rem;padding:1.5rem;background-color:var(--nav-popover-bg);color:var(--nav-popover-text);border-radius:1.75rem;opacity:0;visibility:hidden;transform-origin:top right;transform:scale(.2);transition:opacity var(--ui-duration) ease-in-out,transform var(--ui-duration) ease-in-out,visibility 0s linear var(--ui-duration);z-index:501}.nav-popover.nav-popover-open{opacity:1;visibility:visible;transform:scale(1);transition:opacity var(--ui-duration) ease-in-out,transform var(--ui-duration) ease-in-out,visibility 0s linear 0s}.nav-popover-close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--nav-popover-text);cursor:pointer;opacity:.9;transition:transform var(--ui-duration-fast) ease}.nav-popover-close:active{transform:scale(.95)}.nav-popover-close svg{width:1.25rem;height:1.25rem}.nav-popover-close:hover{opacity:1}.nav-popover-links{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.nav-popover-links .nav-link{color:var(--nav-popover-text);transition:opacity var(--ui-duration) ease}.nav-popover-links .nav-link:hover{opacity:.75}.nav-popover-links .nav-link.active{font-weight:var(--font-semibold)}.nav-popover-footer{display:flex;align-items:center;flex-wrap:nowrap;gap:0;padding-top:1rem}.nav-popover-footer-item{display:flex;align-items:center;flex-shrink:0;gap:.375rem}.nav-popover-footer-item+.nav-popover-footer-item{margin-left:1rem}.nav-popover-footer-label{display:inline-block;max-width:0;overflow:hidden;white-space:nowrap;font-size:.875rem;font-weight:var(--font-semibold);color:var(--nav-popover-text);text-decoration:none;transition:max-width var(--ui-duration) ease}.theme-toggle-in-popover:hover .nav-popover-footer-label,.nav-popover-social-icon:hover .nav-popover-footer-label{max-width:5.5rem}.nav-popover-social{color:var(--nav-popover-text);font-size:.875rem;transition:opacity var(--ui-duration) ease}.nav-popover-social:hover{opacity:.75}.nav-popover-social-icon{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.25rem;text-decoration:none;transition:transform var(--ui-duration-fast) ease}.nav-popover-social-icon:active{transform:scale(.95)}.nav-popover-social-icon svg{width:1.25rem;height:1.25rem;flex-shrink:0}.theme-transition-overlay{position:fixed;border-radius:50%;pointer-events:none;z-index:9999;transform:scale(0);opacity:1;transition:transform var(--ui-duration-slow) cubic-bezier(.4,0,.2,1),opacity var(--ui-duration-slow) cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.theme-transition-overlay.active{transform:scale(1);opacity:0}.theme-toggle-in-popover{display:flex;align-items:center;justify-content:center;gap:.375rem;min-width:1.5rem;min-height:1.5rem;padding:.25rem 0;border:none;background:none;color:var(--nav-popover-text);cursor:pointer;flex-shrink:0;transition:opacity var(--ui-duration) ease,transform var(--ui-duration-fast) ease}.theme-toggle-in-popover:active{transform:scale(.95)}.theme-toggle-in-popover:hover{opacity:.75}.theme-toggle-icon{display:none;align-items:center;justify-content:center}.theme-toggle-icon svg{width:1.25rem;height:1.25rem}html[data-theme=light] .theme-toggle-in-popover .theme-toggle-icon-moon,html[data-theme=dark] .theme-toggle-in-popover .theme-toggle-icon-sun{display:flex}main,.page{margin:0 auto;padding-top:2rem;padding-bottom:2rem;padding-left:var(--container-padding);padding-right:var(--container-padding);min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:2rem;text-align:left;position:relative}.page-portfolio{justify-content:flex-start}main{transition:opacity .4s ease}main p{margin:0 auto;color:var(--text-color);font-size:3.25rem;line-height:1.25;transition:color .6s ease}main a{color:var(--accent-color);text-decoration:none;font-weight:var(--font-medium);transition:color .6s ease;white-space:nowrap}main a:hover{color:var(--link-hover)}a.link-glitch-active{-webkit-user-select:none;user-select:none}#page-home{padding:0;gap:0;justify-content:flex-start}.home-intro{padding:6rem var(--container-padding)}.home-intro p{margin:0 auto}main .company-inline{display:inline-flex;align-items:center;gap:.35em;text-decoration:none;color:var(--text-muted);transition:color .6s ease}main .company-inline:hover{color:var(--text-muted)}.portfolio-section{opacity:0;animation:slideInFromLeft .35s ease-out .1s forwards}#page-home .portfolio-section{padding-left:var(--container-padding);padding-right:var(--container-padding);padding-bottom:2rem}#portfolioGrid.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;width:100%}.portfolio-grid{display:grid;gap:2rem;width:100%}#systemsGrid.portfolio-grid,#craftGrid.portfolio-grid,#intelligenceGrid.portfolio-grid{grid-template-columns:1fr}.portfolio-grid[aria-busy=true]{min-height:260px;align-items:center}.portfolio-grid[aria-busy=true]:before{content:"";grid-column:1 / -1;height:260px}.portfolio-shot{position:relative;width:100%;min-width:0;aspect-ratio:4 / 3;border:solid 1.5px var(--border-color);border-radius:1.75rem;background-color:var(--company-bg);cursor:pointer;opacity:0;animation:slideInFromLeft .3s ease-out;transition:opacity var(--ui-duration) cubic-bezier(.4,0,.2,1),background-color .6s ease,border-color .6s ease;overflow:hidden}.portfolio-shot.animated,.portfolio-panel.animated{opacity:1}@media (hover: hover){.portfolio-grid:hover .portfolio-shot{opacity:.25!important}.portfolio-grid:hover .portfolio-shot:hover{opacity:1!important}}.portfolio-shot img,.portfolio-panel img{width:100%;height:100%;object-fit:cover;display:block;border-radius:calc(.75rem - 1.5px);position:relative;z-index:2}.portfolio-shot.skeleton-loading,.portfolio-panel.skeleton-loading{background-color:var(--company-bg);position:relative;overflow:hidden}.portfolio-shot.skeleton-loading:before,.portfolio-panel.skeleton-loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;z-index:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:skeleton-shimmer 1.5s ease-in-out infinite}.portfolio-toolbar{display:flex;align-items:center;gap:2rem;margin-bottom:2rem}.portfolio-toolbar-md-actions{display:flex;gap:2rem}.tw-cursor{display:inline-block;width:.55ch;height:1em;background:var(--text-color);vertical-align:text-bottom;animation:tw-blink .7s step-start infinite}@keyframes tw-blink{0%,to{opacity:1}50%{opacity:0}}.portfolio-markdown-source{font-family:Google Sans Code,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:1rem;font-weight:var(--font-medium);line-height:1.5;white-space:pre-wrap;word-break:break-word;width:100%;max-width:100ch}.mv-line{display:block}.mv-heading{color:var(--text-color)}.mv-image{color:var(--accent-color)}.mv-syntax{color:var(--text-muted)}.mv-alt{color:#73c385}.mv-src{color:#4ba3f7}.mv-flag{color:#ed9658}.mv-body{color:var(--text-muted)}.mv-blank{color:transparent}:root[data-theme=light] .mv-alt{color:#005121;color:oklch(38% .12 150)}:root[data-theme=light] .mv-src{color:#004981;color:oklch(40% .15 250)}:root[data-theme=light] .mv-flag{color:#834100;color:oklch(45% .13 55)}.portfolio-section-container,.portfolio-section-content{width:100%}.portfolio-page-title{font-size:3.75rem;font-weight:var(--font-semibold);line-height:1.1;color:var(--text-color);margin-bottom:.5rem;transition:color .6s ease;margin-bottom:2rem}.portfolio-section-meta{display:flex;flex-wrap:wrap;gap:.375rem 2.5rem;margin-bottom:2rem;font-size:.875rem;font-weight:var(--font-semibold)}.portfolio-meta-item{display:flex;gap:.5rem;align-items:baseline}.portfolio-meta-label{color:var(--text-muted);transition:color .6s ease}.portfolio-meta-value{color:var(--text-color);transition:color .6s ease}.portfolio-meta-link{text-decoration:none;color:var(--text-color);transition:color .6s ease}.portfolio-meta-link:hover{color:var(--text-color);text-decoration:underline}.portfolio-panel{position:relative;width:100%;max-width:1200px;margin-bottom:2rem;aspect-ratio:4 / 3;border:solid 1.5px var(--border-color);border-radius:.75rem;cursor:default;opacity:0;animation:slideInFromLeft .3s ease-out;transition:background-color .6s ease,border-color .6s ease;display:flex;align-items:center;justify-content:left}.portfolio-panel:last-child{margin-bottom:0}.portfolio-panel.portfolio-panel-text{border:none;max-width:100%;width:100%;cursor:default;padding:1.5rem;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.5rem;aspect-ratio:auto;max-height:none}.portfolio-panel-text .portfolio-panel-headline{font-size:2.5rem;font-weight:var(--font-medium);color:var(--text-color);line-height:1.2;transition:color .6s ease}.portfolio-panel-text .portfolio-panel-body{font-size:1.5rem;font-weight:var(--font-normal);color:var(--text-muted);line-height:1.5;transition:color .6s ease}.portfolio-panel--no-border{border:none}.portfolio-panel--no-border img{border-radius:.75rem}.portfolio-panel--mobile-only{display:none}@media (max-width: 768px){.portfolio-panel--mobile-only{display:flex}}.portfolio-panel--component{aspect-ratio:unset}.mv-component{color:var(--accent-color)}.site-footer{display:flex;align-items:center;gap:2rem;padding:2rem var(--container-padding)}.site-footer-link{background:none;border:none;padding:0;font-family:inherit;font-size:1.15rem;line-height:1.75rem;font-weight:var(--font-semibold);color:var(--text-color);text-decoration:none;cursor:pointer;transition:opacity var(--ui-duration) ease;display:inline-block;white-space:nowrap}.site-footer-link:hover{opacity:.75}.site-footer-tagline{margin-left:auto;font-size:.875rem;line-height:1.75rem;font-weight:var(--font-bold);color:var(--text-muted);white-space:nowrap;display:inline-flex;align-items:center;gap:.375rem}.site-footer-heart{width:.875rem;height:.875rem;color:#f43f5e}.image-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000;z-index:1000;align-items:center;justify-content:center;padding:2rem;opacity:0;transition:opacity var(--ui-duration) ease,background-color var(--ui-duration) ease}.image-modal.active{display:flex;opacity:1;background-color:#000000e6}.modal-image{max-width:100%;max-height:100%;object-fit:contain}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--text-color);font-size:2.5rem;line-height:1;cursor:pointer;padding:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;transition:opacity var(--ui-duration) ease;font-family:var(--font-family)}.modal-close:hover{opacity:.7}html.transition-exit-left ::view-transition-old(root){animation:view-exit-left var(--ui-duration-slow) ease-out both}html.transition-exit-right ::view-transition-old(root){animation:view-exit-right var(--ui-duration-slow) ease-out both}html.transition-enter-from-right ::view-transition-new(root){animation:view-enter-from-right var(--ui-duration-slow) ease-out both}html.transition-enter-from-left ::view-transition-new(root){animation:view-enter-from-left var(--ui-duration-slow) ease-out both}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes skeleton-shimmer{0%{left:-100%}to{left:100%}}@keyframes view-exit-left{to{transform:translate(-100%)}}@keyframes view-exit-right{to{transform:translate(100%)}}@keyframes view-enter-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes view-enter-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (min-width: 769px) and (max-width: 1600px){:root{--container-padding: 6rem}main,.page{padding-top:2.75rem;padding-bottom:3rem;justify-content:flex-start}}@media (max-width: 768px){:root{--container-padding: 2.25rem}.nav-popover{top:1rem;left:1rem;right:1rem;width:auto;min-width:0;max-height:calc(100vh - 2rem);overflow-y:auto;transform-origin:top right}main p{font-size:2rem;line-height:1.5;margin-bottom:2.25rem}#portfolioGrid.portfolio-grid{grid-template-columns:1fr}.portfolio-section-meta{flex-direction:column;gap:.375rem}.portfolio-panel{max-height:540px;margin-bottom:1.5rem}.portfolio-panel-text{padding:2rem}.portfolio-panel-text .portfolio-panel-headline{font-size:1.75rem}.portfolio-panel-text .portfolio-panel-body{font-size:1.125rem}.image-modal{padding:1rem}.modal-close{top:1rem;right:1rem;font-size:2rem;width:2rem;height:2rem}}@media (max-width: 480px){:root{--container-padding: 1.5rem}main,.page{gap:2rem;padding-top:1.9rem}.nav-header{padding:1.5rem}.nav-popover-links .nav-link{font-size:1.125rem}main p{font-size:1.6rem;margin-bottom:0;line-height:1.7}.home-intro{padding-top:3rem;padding-bottom:3rem}#portfolioGrid.portfolio-grid{gap:2rem}.portfolio-panel{margin-bottom:1rem}.portfolio-panel.portfolio-panel-text{padding:.5rem;border-radius:0}.portfolio-panel-text .portfolio-panel-headline{font-size:1.5rem}.site-footer{padding:1rem var(--container-padding) 2rem}.site-footer-link{font-size:1rem}.image-modal{padding:.5rem}.modal-close{top:.75rem;right:.75rem;font-size:1.75rem;width:1.75rem;height:1.75rem}}.ic-container{position:relative;width:100%;display:block;overflow:hidden;cursor:col-resize;user-select:none;-webkit-user-select:none}.ic-img{display:block;width:100%;height:auto;pointer-events:none}.ic-after-wrapper{position:absolute;top:0;left:0;height:100%;width:50%;overflow:hidden;transition:width .06s ease-out}.ic-after-wrapper .ic-img{width:100%;height:auto;max-width:none;position:absolute;top:0;left:0}.ic-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#ffffffe6;transform:translate(-50%);pointer-events:none;box-shadow:0 0 8px #0006;transition:left .06s ease-out}.ic-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#fffffff2;box-shadow:0 2px 8px #0000004d;display:flex;align-items:center;justify-content:center;color:#2e2e2e;pointer-events:none}.lfc-collage{display:grid;grid-template-columns:repeat(3,360px);gap:32px;justify-content:center;border-radius:inherit}.lfc-col{display:flex;flex-direction:column;gap:32px;min-width:0}.lfc-card{background:var(--lfc-card);border:1px solid var(--lfc-card-border);border-radius:12px;padding:14px 16px;font-family:var(--font-family);font-size:13px;font-weight:var(--font-semibold);color:var(--text-color);min-width:0}.lfc-card-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:14px}.lfc-card-icon-wrap{width:32px;height:32px;background:var(--lfc-icon-wrap-bg);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lfc-card-icon-wrap--plain{background:none;padding:0}.lfc-card-title{flex:1}.lfc-card-header-actions{display:flex;gap:2px;margin-left:auto}.lfc-btn-icon{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:5px;border-radius:4px;font-size:12px;line-height:1;font-family:var(--font-family);transition:color var(--ui-duration-fast),background var(--ui-duration-fast)}.lfc-btn-icon:hover{color:var(--text-color);background:var(--lfc-muted)}.lfc-btn-icon:active,.lfc-drive-btn:active,.lfc-toggle-btn:active,.lfc-send-btn:active,.lfc-send-btn-sm:active{transform:scale(.97)}.lfc-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;min-width:0}.lfc-row:last-child{margin-bottom:0}.lfc-label,.lfc-section-header{color:var(--text-muted);font-size:12px;white-space:nowrap}.lfc-label{flex-shrink:0;min-width:72px}.lfc-section-header{display:flex;align-items:center;margin-bottom:6px;margin-top:4px}.lfc-section-header .lfc-btn-icon{margin-left:auto}.lfc-select-wrap{flex:1;max-width:160px;position:relative;min-width:0}.lfc-select{width:100%;display:flex;align-items:center;background:var(--lfc-input-bg);border:none;border-radius:6px;color:var(--text-color);font-size:12px;font-family:var(--font-family);font-weight:var(--font-semibold);padding:5px 8px;cursor:pointer;text-align:left;overflow:hidden}.lfc-select-icon{display:flex;align-items:center;flex-shrink:0;margin-right:5px}.lfc-select-icon:empty{display:none}.lfc-select-text{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.lfc-select:focus{outline:2px solid var(--text-color);outline-offset:-2px}.lfc-select-chevron{margin-left:auto;padding-left:6px;flex-shrink:0;display:flex;align-items:center;opacity:.6}.lfc-select-list{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--lfc-dropdown-bg);border:1px solid var(--lfc-dropdown-border);border-radius:6px;padding:2px;margin:0;list-style:none;z-index:100;box-shadow:0 8px 24px #00000040}.lfc-select-list.open{display:block}.lfc-select-item{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:4px;font-size:12px;font-family:var(--font-family);font-weight:var(--font-semibold);color:var(--text-color);cursor:pointer;overflow:hidden;transition:background var(--ui-duration-fast)}.lfc-select-item>span:not(.lfc-select-item-icon){overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}.lfc-select-item-icon{display:flex;align-items:center;flex-shrink:0}.lfc-select-item:hover{background:var(--lfc-item-hover)}.lfc-select-item.selected{background:var(--lfc-item-selected)}.lfc-input,.lfc-input-number,.lfc-textarea{background:var(--lfc-muted);border:none;border-radius:6px;color:var(--text-color);font-size:12px;font-family:var(--font-family)}.lfc-input:focus,.lfc-input-number:focus,.lfc-textarea:focus{outline:2px solid var(--text-color);outline-offset:-2px}.lfc-input,.lfc-input-number{padding:5px 8px;min-width:0}.lfc-input{flex:1;max-width:160px}.lfc-input-number{max-width:70px}.lfc-input-suffix-wrap{flex:1;max-width:160px;display:flex;align-items:center;background:var(--lfc-input-bg);border-radius:6px;padding:5px 8px;gap:4px;min-width:0}.lfc-input-number-bare{flex:1;background:none;border:none;color:var(--text-color);font-size:12px;font-family:var(--font-family);font-weight:var(--font-semibold);padding:0;min-width:0;width:0;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.lfc-input-number-bare::-webkit-inner-spin-button,.lfc-input-number-bare::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.lfc-input-number-bare:focus{outline:none}.lfc-input-suffix-wrap:focus-within{outline:2px solid var(--text-color);outline-offset:-2px}.lfc-input-suffix-label{color:var(--text-muted);font-size:12px;font-family:var(--font-family);white-space:nowrap;flex-shrink:0}.lfc-textarea{width:100%;box-sizing:border-box;color:var(--text-muted);padding:8px;resize:none;height:86px;margin-bottom:10px;overflow:auto;scrollbar-width:none;line-height:1.5}.lfc-textarea:focus{color:var(--text-color)}.lfc-unit,.lfc-muted-body,.lfc-tool-actions{color:var(--text-muted);font-size:12px}.lfc-unit{white-space:nowrap;flex-shrink:0;font-size:11px}.lfc-muted-body{padding:4px 0;line-height:1.5}.lfc-range-value{flex-shrink:0;min-width:44px;background:var(--lfc-range-value-bg);border-radius:6px;padding:5px 8px;font-size:12px;font-family:var(--font-family);color:var(--text-color);text-align:right}.lfc-range-track{flex:1;position:relative;height:28px;background:var(--lfc-range-track);border-radius:6px;cursor:pointer;min-width:0;-webkit-user-select:none;user-select:none}.lfc-range-fill{position:absolute;top:0;left:0;height:100%;background:var(--lfc-range-fill);border-radius:6px 0 0 6px;pointer-events:none}.lfc-range-thumb{position:absolute;top:0;width:4px;height:100%;background:var(--lfc-range-thumb);border-radius:2px;transform:translate(-50%);pointer-events:none}.lfc-tool-row{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px;color:var(--text-muted);transition:color var(--ui-duration-fast);cursor:default}.lfc-tool-row:hover{color:var(--text-color)}.lfc-tool-icon{width:16px;height:16px;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:10px}.lfc-tool-icon-svg{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-color)}.lfc-tool-name{color:var(--text-color);flex:1}.lfc-model-value{flex:1;display:flex;align-items:center;gap:6px;justify-content:flex-end;font-size:12px;color:var(--text-color);min-width:0}.lfc-chat-row{display:flex;align-items:center;gap:8px;background:var(--lfc-chat-bg);border:1px solid var(--lfc-chat-border);border-radius:8px;padding:8px 10px;margin-top:12px;min-width:0}.lfc-shimmer-text{flex:1;font-size:12px;color:var(--text-muted);overflow:hidden;position:relative;white-space:nowrap;text-overflow:ellipsis;min-width:0}.lfc-shimmer-text:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--lfc-shimmer-highlight) 50%,transparent 100%);transform:translate(-100%);animation:lfc-shimmer 2.5s ease-in-out infinite}@keyframes lfc-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}.lfc-standalone-chat{display:flex;align-items:center;gap:8px;background:var(--lfc-muted);border-radius:8px;height:36px;padding:8px 12px 8px 10px;min-width:0;overflow:hidden}.lfc-gradient-text{flex:1;font-size:12px;font-weight:var(--font-semibold);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;background-image:linear-gradient(in oklab 90deg,var(--lfc-gradient-text-base) 0%,var(--lfc-gradient-text-base) 35%,var(--lfc-gradient-text-peak) 50%,var(--lfc-gradient-text-base) 65%,var(--lfc-gradient-text-base) 100%);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:300% 100%;animation:lfc-gradient-sweep 6s ease-in-out infinite}@keyframes lfc-gradient-sweep{0%{background-position:150% 0}to{background-position:-150% 0}}.lfc-tab-badge{font-size:10px;color:var(--text-muted);border:1px solid var(--lfc-tab-border);border-radius:3px;padding:1px 5px;flex-shrink:0;font-family:var(--font-family);line-height:1.6}.lfc-send-btn,.lfc-send-btn-sm{border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity var(--ui-duration-fast)}.lfc-send-btn:hover,.lfc-send-btn-sm:hover{opacity:.75}.lfc-send-btn{width:26px;height:26px;background:var(--lfc-send-btn-bg);color:var(--lfc-send-btn-fg)}.lfc-send-btn-sm{width:20px;height:20px;background:var(--lfc-send-btn-bg);color:var(--lfc-send-btn-fg)}.lfc-drive-area{background:var(--lfc-drive-area-bg);border-radius:6px;padding:32px;text-align:center;color:var(--text-muted);font-size:12px;margin-bottom:14px;line-height:1.5}.lfc-drive-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--lfc-drive-btn-border);border-radius:6px;color:var(--text-color);font-size:12px;font-family:var(--font-family);padding:5px 14px;cursor:pointer;margin-top:10px;transition:background var(--ui-duration-fast),border-color var(--ui-duration-fast)}.lfc-drive-btn:hover{background:var(--lfc-muted);border-color:var(--lfc-accent-strong)}.lfc-toggle-group{display:flex;background:var(--lfc-toggle-track);border-radius:6px;padding:3px;gap:2px;flex:1;max-width:160px}.lfc-toggle-btn{flex:1;background:none;border:none;border-radius:4px;color:var(--text-muted);padding:5px 12px;font-size:12px;font-family:var(--font-family);font-weight:var(--font-semibold);cursor:pointer;transition:background var(--ui-duration-fast),color var(--ui-duration-fast);text-align:center;white-space:nowrap}.lfc-toggle-btn.active{background:var(--lfc-toggle-active);color:var(--text-color)}.lfc-toggle-btn:hover:not(.active){color:var(--text-color)}.lfc-tools-list{margin-bottom:10px}.lfc-tools-list .lfc-tool-row{padding:3px 0;font-size:11px;letter-spacing:.01em}.lfc-waveform{width:100%;height:48px;margin-bottom:14px;overflow:hidden;opacity:.75;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.lfc-waveform canvas{width:100%;height:100%;display:block}.sdc-scene{position:relative;width:100%;height:800px;overflow:hidden;border-radius:inherit;background:var(--lfc-canvas)}.sdc-code-bg{position:absolute;top:0;right:0;bottom:0;left:0;padding:24px 48px 24px 44%;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.sdc-lines-wrap{display:flex;flex-direction:column}.sdc-line{display:flex;align-items:baseline;font-family:JetBrains Mono,Fira Code,Cascadia Code,Menlo,monospace;font-size:1rem;line-height:1.75;white-space:pre;color:var(--text-color)}.sdc-kw{color:#f97316}.sdc-type{color:#c084fc}.sdc-fn{color:#facc15}.sdc-str{color:#4ade80}.sdc-prop{color:#93c5fd}.sdc-cmt{color:var(--text-muted)}.sdc-dialog{position:absolute;top:50%;left:10%;transform:translateY(-50%);width:45%;background:var(--surface-invert);border-radius:12px;padding:2rem;box-shadow:0 32px 80px #0000008c,0 4px 20px #0000004d;z-index:10}.sdc-dialog-title{font-size:1.65rem;font-weight:600;color:var(--on-surface-invert);margin-bottom:1.875rem;letter-spacing:-.02em;font-family:var(--font-family)}.sdc-field{margin-bottom:1.5rem}.sdc-field:last-of-type{margin-bottom:0}.sdc-field-label{display:block;font-size:.9rem;font-weight:var(--font-extrabold);color:var(--on-surface-invert);margin-bottom:6px;font-family:var(--font-family)}.sdc-required{color:#e53e3e}.sdc-input-wrap{position:relative;display:flex;align-items:center}.sdc-input{width:100%;border:1px solid var(--border-invert);border-radius:8px;padding:8px 12px;font-size:.9rem;font-weight:var(--font-semibold);color:var(--on-surface-invert);background:var(--surface-invert);font-family:var(--font-family);box-sizing:border-box;outline:none;transition:border-color .15s}.sdc-input::placeholder{color:var(--text-muted)}.sdc-input:focus{border-color:var(--on-surface-invert)}.sdc-input:disabled{color:var(--text-muted);background:var(--surface-invert-subtle);padding-right:34px}.sdc-lock-icon{position:absolute;right:10px;color:var(--text-muted);pointer-events:none}.sdc-field-hint{font-size:.75rem;font-weight:var(--font-medium);color:var(--text-muted);margin-top:5px;line-height:1.4;font-family:var(--font-family)}.sdc-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.sdc-btn-cancel,.sdc-btn-primary{padding:8px 18px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;font-family:var(--font-family);transition:opacity .15s,background .15s}.sdc-btn-cancel{background:none;border:1px solid var(--border-invert);color:var(--on-surface-invert)}.sdc-btn-cancel:hover{background:var(--surface-invert-hover)}.sdc-btn-primary{background:var(--on-surface-invert);border:1px solid var(--on-surface-invert);color:var(--surface-invert)}.sdc-btn-primary:hover{opacity:.82}.sdc-btn-cancel:active,.sdc-btn-primary:active{transform:scale(.97)}
