:root{--bg-surface: #000000;--fg-placeholder: #333333;--fg-secondary: #808080;--fg-primary: #D6D6D6;--fg-danger: #EC8BAC;--border-primary: #1A1A1A;--fg-brand-1: #9F91F8;--fg-brand-2: #D4F577;--fg-brand-3: #9F91F8;--fg-brand-4: #5E92DC;--bg-base: #09090A;--glass-shell: #bbbbbc;--glass-light: #ffffff;--glass-dark: #000000;--glass-reflex-dark: 2;--glass-reflex-light: .36;--glass-saturation: 150%}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--bg-base);color:#888;font-family:Geist,sans-serif}canvas{display:block}#window-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(932px,90vw);height:608px;transition:height .3s ease;z-index:50;pointer-events:none}#macos-window{width:100%;height:100%;border-radius:24px;overflow:hidden;box-shadow:0 18px 36px color-mix(in srgb,var(--glass-dark) 22%,transparent);border:1px solid transparent;display:flex;flex-direction:column;pointer-events:auto;background-color:color-mix(in srgb,var(--bg-surface) 48%,transparent);-webkit-backdrop-filter:blur(4px) saturate(var(--glass-saturation));backdrop-filter:blur(4px) saturate(var(--glass-saturation));position:relative;isolation:isolate}#macos-window:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,rgba(255,255,255,.05),transparent 26% 74%,rgba(255,255,255,.04));-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset -10px 0 16px -17px #fff3;z-index:1}#macos-window:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;padding:.8px;background:radial-gradient(90% 120% at 0% 52%,rgba(255,255,255,.26),rgba(255,255,255,.12) 10%,rgba(38,38,38,.48) 26%,transparent 48%),radial-gradient(72% 72% at 100% 100%,rgba(255,255,255,.66),rgba(255,255,255,.3) 13%,rgba(255,255,255,.1) 28%,rgba(38,38,38,.46) 55%,transparent 74%),linear-gradient(136deg,#1a1a1a8c,#ffffff0d 20%,#20202047 54%,#ffffff24 84%,#1a1a1a7a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.9;z-index:4}#macos-titlebar,.tab-strip,#macos-body{position:relative;z-index:3}#glass-reflection-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.12;mix-blend-mode:screen;filter:blur(.35px)}#macos-titlebar{height:32px;min-height:32px;background:transparent;border-bottom:none;display:flex;align-items:center;padding:0 16px;position:relative;box-shadow:none;-webkit-user-select:none;user-select:none}#macos-titlebar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--border-primary) 36%,transparent),color-mix(in srgb,var(--border-primary) 78%,transparent) 10%,color-mix(in srgb,var(--glass-light) 8%,var(--border-primary)) 44%,color-mix(in srgb,var(--glass-light) 10%,var(--border-primary)) 58%,color-mix(in srgb,var(--border-primary) 78%,transparent) 90%,color-mix(in srgb,var(--border-primary) 36%,transparent))}.tab-strip{width:100%;min-height:34px;display:flex;align-items:center;gap:6px;padding:16px 32px 0;box-sizing:border-box;-webkit-user-select:none;user-select:none}.tab-scroll{flex:1;min-width:0;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none}.tab-scroll::-webkit-scrollbar{display:none}.tab-trigger,.tab-new{height:23px;border:0;border-radius:8px;box-sizing:border-box;background:color-mix(in srgb,var(--bg-surface) 95%,var(--glass-light));color:var(--fg-placeholder);font-family:Fira Code,monospace;font-size:12px;line-height:1;cursor:pointer;transition:color .16s ease,background-color .16s ease}.tab-trigger{min-width:136px;max-width:none;flex:1 1 0;display:flex;align-items:center;justify-content:center;padding:0 30px;outline:none;position:relative}.tab-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-trigger:hover,.tab-trigger:focus-visible,.tab-new:not(:disabled):hover,.tab-new:focus-visible{color:var(--fg-secondary);background:color-mix(in srgb,var(--bg-surface) 93%,var(--glass-light))}.tab-trigger.active{background:color-mix(in srgb,var(--bg-surface) 91%,var(--glass-light));color:var(--fg-secondary)}.tab-close{width:18px;height:18px;flex:0 0 18px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:6px;background:transparent;color:color-mix(in srgb,var(--fg-placeholder) 72%,var(--bg-surface));font-family:Fira Code,monospace;font-size:12px;line-height:1;cursor:pointer;position:absolute;right:8px}.tab-close:hover,.tab-close:focus-visible{color:var(--fg-secondary);background:color-mix(in srgb,var(--fg-placeholder) 18%,transparent);outline:none}.tab-new{width:23px;flex:0 0 23px;padding:0;color:var(--fg-placeholder);outline:none}.tab-new:disabled{cursor:not-allowed;color:var(--fg-placeholder);background:color-mix(in srgb,var(--bg-surface) 95%,var(--glass-light))}.tab-trigger:focus-visible,.tab-new:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--glass-light) 12%,transparent)}.traffic-lights{display:flex;gap:8px}.traffic-light{width:12px;height:12px;border-radius:50%;position:relative;background:var(--fg-placeholder);box-shadow:0 1px 1px #00000038}#macos-title{position:absolute;left:50%;transform:translate(-50%);font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:var(--fg-secondary);letter-spacing:-.005em;white-space:nowrap}#macos-body{flex:1;background:transparent;padding:0;overflow:hidden;display:flex}.panel-right-wrapper{width:calc(50% - 64px);margin:32px;display:flex;flex-direction:column;height:calc(100% - 64px);transition:opacity .3s ease,width .3s ease,margin .3s ease;overflow:hidden}#panel-right{flex:1;position:relative;overflow:hidden;box-sizing:border-box;border:none;border-radius:16px;background-color:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--glass-light) calc(var(--glass-reflex-light) * 22%),transparent),inset 2px 2px 0 -2px color-mix(in srgb,var(--glass-light) calc(var(--glass-reflex-light) * 94%),transparent),inset -2px -7px 2px -6px color-mix(in srgb,var(--glass-light) calc(var(--glass-reflex-light) * 62%),transparent),inset -1px 0 color-mix(in srgb,var(--glass-light) calc(var(--glass-reflex-light) * 16%),transparent),0 3px 12px color-mix(in srgb,var(--glass-dark) 12%,transparent);min-height:0}#panel-right canvas{position:relative;z-index:2}#panel-left{width:50%;height:100%;min-height:0;padding:32px;box-sizing:border-box;display:flex;flex-direction:column;transition:width .3s ease}#panel-left-text{color:var(--fg-primary);font-family:Fira Code,monospace;font-size:13px;margin:0}#panel-left-text{color:var(--fg-brand-1)}#panel-left-text .char-highlight{color:color-mix(in srgb,var(--fg-brand-1) 60%,white)}#panel-left-text .scrambled{color:color-mix(in srgb,var(--fg-brand-1) 50%,transparent)}.panel-body-text{color:var(--fg-primary);font-family:Fira Code,monospace;font-size:13px;margin:16px 0 0;line-height:1.4}.exp-section{margin:16px 0 0}.exp-header{color:var(--fg-secondary);font-family:Fira Code,monospace;font-size:13px;margin:0;line-height:1.4}.exp-bullet{color:var(--fg-brand-1)}.exp-entries{padding-left:0;position:relative;padding-top:4px;margin-top:0;display:flex;flex-direction:column;gap:3px}.exp-entry{position:relative;padding:0}.exp-company{color:var(--fg-primary);font-family:Fira Code,monospace;font-size:13px;line-height:1.4;margin:0}.exp-company a{color:inherit;text-decoration:underline dashed;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);text-underline-offset:3px;transition:color .16s ease,text-decoration-color .16s ease}.exp-company a:hover,.exp-company a:focus-visible{text-decoration-color:var(--fg-brand-1)}.exp-company-link{color:inherit;text-decoration:underline dashed;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);text-underline-offset:3px;transition:color .16s ease,text-decoration-color .16s ease}.exp-company-link:hover,.exp-company-link:focus-visible{text-decoration-color:var(--fg-brand-1)}.exp-company-link-muted{text-decoration:none}.exp-arrow{vertical-align:baseline;position:relative;top:-2px;font-size:10px;margin-left:-4px}.exp-desc{color:var(--fg-secondary);font-family:Fira Code,monospace;font-size:13px;margin:4px 0 0;line-height:1.4}.suggested-prompts{margin:18px 0 0;color:var(--fg-secondary);font-family:Fira Code,monospace;font-size:13px;line-height:1.2}.suggested-prompts-label{margin:0 0 6px;color:var(--fg-primary)}.suggested-prompts-marker{color:var(--fg-brand-1)}.suggested-prompt-list{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.suggested-prompt{width:auto;max-width:100%;display:inline-flex;align-items:baseline;gap:8px;padding:0;border:0;background:transparent;color:var(--fg-secondary);font:inherit;line-height:inherit;text-align:left;cursor:pointer}.suggested-prompt:hover,.suggested-prompt:focus-visible{color:var(--fg-primary);outline:none}.suggested-prompt:disabled{cursor:not-allowed;color:var(--fg-placeholder)}.suggested-prompt-caret{flex:0 0 auto;color:var(--fg-secondary)}.suggested-prompt:disabled .suggested-prompt-caret{color:var(--fg-placeholder)}.suggested-prompt:hover .suggested-prompt-caret,.suggested-prompt:focus-visible .suggested-prompt-caret{color:var(--fg-brand-1)}#panel-right canvas{width:100%!important;flex:1;display:block;min-height:0}.panel-right-footer{display:flex;justify-content:space-between;margin-top:16px;font-family:Fira Code,monospace;font-size:13px;color:var(--fg-placeholder);line-height:1.2}.panel-right-footer .cli-footer-key{color:var(--fg-placeholder)}.panel-left-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}.panel-left-scroll::-webkit-scrollbar{display:none}.cli-input{flex:0 0 auto;cursor:not-allowed;position:relative;overflow:hidden;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--fg-placeholder) 50%,transparent);border-radius:16px;background-color:color-mix(in srgb,var(--bg-surface) 18%,transparent);box-shadow:0 3px 10px color-mix(in srgb,var(--glass-dark) 8%,transparent);-webkit-backdrop-filter:blur(2px) saturate(130%);backdrop-filter:blur(2px) saturate(130%);padding:0 14px;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.cli-input:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 38% 72%,rgba(255,255,255,.018));z-index:0}.cli-input-text{position:relative;z-index:1;font-family:Fira Code,monospace;font-size:13px;color:var(--fg-secondary);margin:0;padding:11px 0;line-height:1.2}.cli-prompt{color:var(--fg-secondary)}.cli-footer{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-family:Fira Code,monospace;font-size:13px;color:var(--fg-placeholder);line-height:1.2}.cli-placeholder{color:var(--fg-placeholder)}.cli-chat-input-beam{--chat-beam-hot: color-mix(in srgb, var(--fg-brand-1) 82%, white);--chat-beam-main: var(--fg-brand-1);--chat-beam-soft: color-mix(in srgb, var(--fg-brand-1) 54%, transparent);--chat-beam-muted: color-mix(in srgb, var(--fg-brand-1) 44%, var(--fg-secondary));width:100%;flex:0 0 auto;margin-top:16px;border-radius:16px}.cli-chat-input-beam[data-beam][data-active]:after,.cli-chat-input-beam[data-beam][data-fading]:after{background:radial-gradient(ellipse 70px 40px at 33% -7.4%,var(--chat-beam-hot),transparent),radial-gradient(ellipse 60px 35px at 12% -5%,var(--chat-beam-main),transparent),radial-gradient(ellipse 40px 70px at 2.1% 68.3%,var(--chat-beam-soft),transparent),radial-gradient(ellipse 180px 32px at 74.4% 100%,var(--chat-beam-main),transparent),radial-gradient(ellipse 74px 32px at 93.9% 0%,var(--chat-beam-muted),transparent),radial-gradient(ellipse 52px 48px at 100% 27.1%,var(--chat-beam-hot),transparent)}.cli-chat-input-beam[data-beam][data-active]:before,.cli-chat-input-beam[data-beam][data-fading]:before{background:radial-gradient(ellipse 34px 22px at 16% 0%,var(--chat-beam-soft),transparent),radial-gradient(ellipse 80px 18px at 72% 100%,var(--chat-beam-main),transparent),radial-gradient(ellipse 18px 34px at 100% 30%,var(--chat-beam-hot),transparent);box-shadow:inset 0 0 5px 1px color-mix(in srgb,var(--fg-brand-1) 30%,transparent)}.cli-chat-input-beam[data-beam] [data-beam-bloom]{background:radial-gradient(ellipse 70px 40px at 33% -7.4%,var(--chat-beam-main),transparent),radial-gradient(ellipse 180px 32px at 74.4% 100%,var(--chat-beam-soft),transparent),radial-gradient(ellipse 52px 48px at 100% 27.1%,var(--chat-beam-hot),transparent)}.cli-chat-input{width:100%;cursor:text;border-color:color-mix(in srgb,var(--fg-secondary) 28%,transparent)}.cli-chat-input:focus-within{border-color:color-mix(in srgb,var(--fg-brand-1) 40%,transparent);background-color:color-mix(in srgb,var(--bg-surface) 28%,transparent);box-shadow:0 3px 10px color-mix(in srgb,var(--glass-dark) 8%,transparent)}.cli-chat-row{display:flex;align-items:center;gap:8px}.cli-chat-field-shell{flex:1;min-width:0;display:block;overflow:hidden}.cli-chat-field{width:100%;min-width:0;border:0;outline:0;padding:0;background:transparent;color:var(--fg-primary);caret-color:var(--fg-brand-1);font:inherit;line-height:inherit}.cli-chat-field::placeholder{color:var(--fg-placeholder)}.cli-chat-submit{flex:0 0 auto;width:24px;height:22px;display:inline-grid;place-items:center;padding:0;border:0;border-radius:8px;background:var(--fg-brand-1);color:var(--bg-surface);font:inherit;line-height:1;cursor:pointer;transition:background-color .16s ease,color .16s ease,opacity .16s ease,box-shadow .16s ease}.cli-chat-submit:hover,.cli-chat-submit:focus-visible{background:color-mix(in srgb,var(--fg-brand-1) 84%,white);color:var(--bg-surface);outline:none;box-shadow:0 0 12px color-mix(in srgb,var(--fg-brand-1) 42%,transparent)}.cli-chat-submit:disabled{background:color-mix(in srgb,var(--fg-secondary) 18%,transparent);color:var(--fg-placeholder);cursor:not-allowed;opacity:1;box-shadow:none}.cli-chat-submit[data-loading=true]{background:color-mix(in srgb,var(--fg-secondary) 18%,transparent);color:var(--fg-brand-1);cursor:wait;opacity:1}.cli-chat-submit-loading{min-width:1ch;line-height:1}.cli-chat-log{margin:16px 0 0}.cli-chat-entry{margin:0 0 20px}.cli-chat-entry:last-child{margin-bottom:0}.cli-chat-entry p{font-family:Fira Code,monospace;font-size:13px;line-height:1.35;margin:0 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}.cli-chat-entry p:last-child{margin-bottom:0}.cli-chat-question{width:100%;box-sizing:border-box;display:flex;gap:8px;padding:2px 6px 2px 0;border-radius:2px;background:color-mix(in srgb,var(--fg-secondary) 18%,transparent);color:var(--fg-secondary)}.cli-chat-question-prompt{flex:0 0 auto;color:var(--fg-secondary)}.cli-chat-answer{display:flex;gap:8px;color:var(--fg-primary)}.cli-chat-answer-text{min-width:0}.cli-chat-answer-prompt{flex:0 0 auto;color:var(--fg-brand-1)}.cli-chat-link{color:inherit;text-decoration:underline dashed;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent);text-underline-offset:3px;transition:color .16s ease,text-decoration-color .16s ease}.cli-chat-link:hover,.cli-chat-link:focus-visible{color:var(--fg-brand-1);text-decoration-color:var(--fg-brand-1)}.cli-chat-status{color:var(--fg-brand-1)}.cli-chat-error,.cli-chat-error .cli-prompt{color:var(--fg-danger)}.cli-chat-spinner{display:inline-block;min-width:1ch;color:var(--fg-brand-1)}.cli-chat-elapsed{color:var(--fg-secondary)}.cli-footer-left,.panel-right-footer{-webkit-user-select:none;user-select:none}.cli-footer-key{color:var(--fg-brand-1)}.cli-footer-label{color:var(--fg-secondary)}#lang-en,#lang-zh,.cli-lang-option{color:var(--fg-secondary);cursor:pointer}#lang-en.cli-lang-active,#lang-zh.cli-lang-active,.cli-lang-option.cli-lang-active{color:var(--fg-primary)}.cli-reveal{opacity:0;transform:translateY(4px)}.cli-reveal.revealed{opacity:1;transform:translateY(0);transition:opacity .15s ease-out,transform .15s ease-out}.learn-more-section{margin:16px 0 0}.learn-more-command{color:var(--fg-primary);font-family:Fira Code,monospace;font-size:13px;line-height:1.2;margin:0}.learn-more-thinking{color:var(--fg-brand-1);font-family:Fira Code,monospace;font-size:13px;line-height:1.2;margin:8px 0 0}.learn-more-thinking .char-highlight{color:color-mix(in srgb,var(--fg-brand-1) 60%,white)}.learn-more-response p{color:var(--fg-secondary);font-family:Fira Code,monospace;font-size:13px;line-height:1.2;margin:12px 0 0}.learn-more-response p:first-child{margin-top:8px}.learn-more-response p:last-child{margin-bottom:16px}.prompt-menu-section{margin:16px 0}.prompt-menu-question{color:var(--fg-primary);font-family:Fira Code,monospace;font-size:13px;line-height:1.2;margin:0}.prompt-menu-options{margin:8px 0 0;list-style:none;padding:0}.prompt-menu-options li{color:var(--fg-secondary);font-family:Fira Code,monospace;font-size:13px;line-height:1.2;margin:4px 0 0;cursor:pointer}.prompt-menu-options li .prompt-caret{color:transparent}.prompt-menu-options li.selected{color:var(--fg-primary)}.prompt-menu-options li.selected .prompt-caret{color:var(--fg-brand-1)}.prompt-menu-result{margin:16px 0 0}.prompt-menu-hint{color:var(--fg-secondary);font-family:Fira Code,monospace;font-size:13px;line-height:1.2;margin-top:8px}#macos-body[data-tab-view=placeholder] #panel-left,#macos-body[data-tab-view=placeholder] .panel-right-wrapper{display:none}.tab-page-shell{width:100%;flex:1;min-width:0;min-height:0;padding:32px;box-sizing:border-box;display:flex;flex-direction:column}.tab-placeholder{flex:1;min-height:0;font-family:Fira Code,monospace;font-size:13px;line-height:1.2;color:var(--fg-secondary);overflow-y:auto;scrollbar-width:none}.tab-placeholder::-webkit-scrollbar{display:none}.tab-page-footer{flex:0 0 auto}.tab-placeholder-command{margin:0}.tab-placeholder-prompt,.tab-placeholder-loading{color:var(--fg-brand-1)}.tab-placeholder-loading .char-highlight{color:color-mix(in srgb,var(--fg-brand-1) 60%,white)}.portfolio-page{width:100%;min-width:0;font-family:Fira Code,monospace;font-size:13px;line-height:1.2}.portfolio-mobile-controls{width:100%;min-width:0;margin:20px 0 0;display:none;gap:8px;align-items:center;font-family:Fira Code,monospace}.portfolio-mobile-control-button{width:32px;height:32px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--bg-surface) 95%,var(--glass-light));color:var(--fg-secondary);font-family:Fira Code,monospace;font-size:13px;line-height:1;text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(2px) saturate(130%);backdrop-filter:blur(2px) saturate(130%)}.portfolio-mobile-control-button:hover,.portfolio-mobile-control-button:focus-visible{background:color-mix(in srgb,var(--bg-surface) 93%,var(--glass-light));color:var(--fg-secondary);outline:none}.portfolio-list-preview{width:100%;min-width:0;margin-top:0;display:grid;grid-template-columns:minmax(180px,34%) minmax(0,1fr);gap:32px;align-items:start}.portfolio-project-list{display:flex;flex-direction:column;gap:8px}.portfolio-project-row{width:100%;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0;border:0;background:transparent;color:inherit;font-family:Fira Code,monospace;text-align:left;cursor:pointer}.portfolio-project-row:hover,.portfolio-project-row:focus-visible{outline:none}.portfolio-project-row:hover .portfolio-project-heading,.portfolio-project-row:focus-visible .portfolio-project-heading{color:var(--fg-primary)}.portfolio-project-heading{max-width:100%;display:inline-flex;align-items:baseline;gap:6px;color:var(--fg-secondary);font-size:13px;line-height:1.2}.portfolio-project-heading span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-project-caret{flex:0 0 auto;color:var(--fg-placeholder)}.portfolio-project-row.active .portfolio-project-heading{color:var(--fg-primary)}.portfolio-project-row.active .portfolio-project-caret{color:var(--fg-brand-1)}.portfolio-project-detail{min-width:0}.portfolio-project-image-frame{width:100%;aspect-ratio:16 / 9;position:relative;box-sizing:border-box;border:none;border-radius:16px;background:linear-gradient(135deg,transparent calc(50% - .5px),color-mix(in srgb,var(--fg-secondary) 20%,transparent) 50%,transparent calc(50% + .5px)),linear-gradient(45deg,transparent calc(50% - .5px),color-mix(in srgb,var(--fg-secondary) 16%,transparent) 50%,transparent calc(50% + .5px));box-shadow:0 3px 12px color-mix(in srgb,var(--glass-dark) 12%,transparent);overflow:hidden}.portfolio-project-image-frame:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--glass-light) calc(var(--glass-reflex-light) * 22%),transparent),inset 2px 2px 0 -2px color-mix(in srgb,var(--glass-light) calc(var(--glass-reflex-light) * 94%),transparent),inset -2px -7px 2px -6px color-mix(in srgb,var(--glass-light) calc(var(--glass-reflex-light) * 62%),transparent),inset -1px 0 color-mix(in srgb,var(--glass-light) calc(var(--glass-reflex-light) * 16%),transparent)}.portfolio-project-image-frame.has-media{background:var(--bg-surface)}.portfolio-project-image-frame video,.portfolio-project-image-frame img{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:cover}.portfolio-video-shell{position:relative;z-index:1;width:100%;height:100%}.portfolio-video-shell video{cursor:pointer}.portfolio-video-loading{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:6px;background:color-mix(in srgb,var(--bg-surface) 72%,transparent);font-family:Fira Code,monospace;font-size:13px;line-height:1.2;pointer-events:none;-webkit-backdrop-filter:blur(2px) saturate(120%);backdrop-filter:blur(2px) saturate(120%)}.portfolio-video-loading-spinner{color:var(--fg-brand-1)}.portfolio-video-loading-label{color:var(--fg-secondary)}.portfolio-video-controls{position:absolute;left:10px;right:10px;bottom:10px;z-index:3;display:grid;grid-template-columns:24px 46px minmax(0,1fr);gap:8px;align-items:center;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .14s ease,transform .14s ease}.portfolio-video-shell.controls-visible .portfolio-video-controls,.portfolio-video-shell:focus-within .portfolio-video-controls{opacity:1;transform:translateY(0);pointer-events:auto}.portfolio-video-button{height:22px;padding:0;border:0;border-radius:6px;background:color-mix(in srgb,var(--bg-surface) 82%,transparent);color:var(--fg-secondary);font-family:Fira Code,monospace;font-size:13px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(4px) saturate(130%);backdrop-filter:blur(4px) saturate(130%)}.portfolio-video-button:hover,.portfolio-video-button:focus-visible{color:var(--fg-primary);background:color-mix(in srgb,var(--bg-surface) 72%,var(--glass-light));outline:none}.portfolio-video-mute{letter-spacing:0}.portfolio-video-progress{--progress: 0%;width:100%;height:16px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.portfolio-video-progress::-webkit-slider-runnable-track{height:2px;border-radius:999px;background:linear-gradient(90deg,var(--fg-brand-1) 0 var(--progress),color-mix(in srgb,var(--fg-secondary) 28%,transparent) var(--progress) 100%)}.portfolio-video-progress::-moz-range-track{height:2px;border-radius:999px;background:color-mix(in srgb,var(--fg-secondary) 28%,transparent)}.portfolio-video-progress::-moz-range-progress{height:2px;border-radius:999px;background:var(--fg-brand-1)}.portfolio-video-progress::-webkit-slider-thumb{width:7px;height:7px;margin-top:-2.5px;border:0;border-radius:999px;background:var(--fg-brand-1);opacity:0;-webkit-appearance:none;appearance:none;transition:opacity .14s ease}.portfolio-video-progress::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:999px;background:var(--fg-brand-1);opacity:0;transition:opacity .14s ease}.portfolio-video-progress:hover::-webkit-slider-thumb,.portfolio-video-progress:focus-visible::-webkit-slider-thumb{opacity:1}.portfolio-video-progress:hover::-moz-range-thumb,.portfolio-video-progress:focus-visible::-moz-range-thumb{opacity:1}.portfolio-project-copy{margin-top:18px}.portfolio-project-meta{margin-top:0}.portfolio-project-title{margin:0;color:var(--fg-primary);font-size:13px;font-weight:400;line-height:1.2;letter-spacing:0}.portfolio-project-title-separator{color:currentColor}.portfolio-project-description{margin:8px 0 0;color:var(--fg-secondary);font-size:13px;line-height:1.25}.portfolio-project-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;color:var(--fg-secondary);font-family:Fira Code,monospace;font-size:13px;line-height:1.2}.portfolio-project-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.portfolio-project-action{padding:0;border:0;background:transparent;color:var(--fg-brand-1);font-family:Fira Code,monospace;font-size:13px;line-height:1.2;letter-spacing:0;text-decoration:none;cursor:pointer}.portfolio-project-action:hover,.portfolio-project-action:focus-visible{color:var(--fg-brand-1);outline:none}@media(max-width:1036px){.panel-right-wrapper{display:none}#panel-left,.tab-strip{width:100%}.cli-footer-left .gallery-toggle .cli-footer-key,.cli-footer-left .gallery-toggle .cli-footer-label{color:var(--fg-placeholder);cursor:not-allowed;pointer-events:none}}@media(max-width:640px){.portfolio-page{min-height:100%;display:flex;flex-direction:column}.portfolio-mobile-controls{position:sticky;bottom:0;z-index:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:auto;padding-top:20px}.portfolio-mobile-control-button{width:100%}.portfolio-list-preview{display:block;flex:0 0 auto}.portfolio-project-list{display:none}.portfolio-project-detail{display:flex;flex-direction:column}.portfolio-project-copy{display:contents;margin-top:0}.portfolio-project-title{order:2;margin-top:16px}.portfolio-project-media{order:1;margin-top:0}.portfolio-project-description{order:3;margin-top:10px}.portfolio-project-meta{display:contents}.portfolio-project-tags{order:4}.portfolio-project-actions{order:5}}@media(max-width:480px)and (pointer:coarse){#window-overlay{inset:0;top:var(--visual-viewport-top, 0px);left:0;width:100vw;height:var(--visual-viewport-height, 100dvh);transform:none;transition:none}#macos-window{border-radius:0;border:0;background-color:color-mix(in srgb,var(--bg-surface) 80%,transparent);-webkit-backdrop-filter:blur(2px) saturate(115%);backdrop-filter:blur(2px) saturate(115%);box-shadow:0 18px 36px color-mix(in srgb,var(--glass-dark) 30%,transparent)}@supports not (height: 100dvh){#window-overlay{height:var(--visual-viewport-height, 100vh)}}#macos-window:before{opacity:.45}#macos-window:after{background:radial-gradient(90% 120% at 0% 52%,rgba(255,255,255,.34),rgba(255,255,255,.16) 11%,rgba(38,38,38,.54) 28%,transparent 50%),radial-gradient(72% 72% at 100% 100%,rgba(255,255,255,.72),rgba(255,255,255,.34) 14%,rgba(255,255,255,.12) 30%,rgba(38,38,38,.5) 56%,transparent 76%),linear-gradient(136deg,#1a1a1a9e,#ffffff14 20%,#20202057 54%,#ffffff2e 84%,#1a1a1a8f);opacity:.76}#panel-left{padding:16px}.cli-footer-left .gallery-toggle{display:none}.tab-strip{position:sticky;top:32px;z-index:6;flex:0 0 auto;padding:16px 16px 0;background:color-mix(in srgb,var(--bg-surface) 72%,transparent);-webkit-backdrop-filter:blur(3px) saturate(115%);backdrop-filter:blur(3px) saturate(115%)}.tab-trigger{min-width:112px}.tab-page-shell{padding:0 16px 16px}.portfolio-page{padding-top:16px}.portfolio-list-preview{grid-template-columns:1fr;gap:24px}.cli-input{border-radius:16px;padding:0 16px}.cli-input-text{padding:12px 0}.cli-chat-field{font-size:16px;width:calc(100% / .8125);transform:scale(.8125);transform-origin:left center}}#macos-body.right-hidden .panel-right-wrapper{width:0;margin:0;opacity:0;pointer-events:none}#macos-body.right-hidden #panel-left{width:100%}