@font-face{font-family:JetBrains Mono;src:url(/works-on-my-resume/_astro/jetbrains-mono-latin-variable.B9CIFXIH.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}@font-face{font-family:"Source Serif 4";src:url(/works-on-my-resume/_astro/source-serif-4-latin-variable.D9elroTD.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}@font-face{font-family:"Source Serif 4";src:url(/works-on-my-resume/_astro/source-serif-4-latin-variable-italic.D2yaqPoE.woff2) format("woff2");font-weight:200 900;font-style:italic;font-display:swap}.resume-preview,.resume-preview *,.resume-preview *:before,.resume-preview *:after{box-sizing:border-box}.resume-preview{--resume-bg: var(--resume-bg, #ffffff);--resume-fg: var(--resume-fg, #1f2328);--resume-muted: var(--resume-muted, #57606a);--resume-accent: var(--resume-accent, #0b5cae);--resume-accent-2: var(--resume-accent-2, #8a3ffc);--resume-border: var(--resume-border, #d6dbe1);--resume-card: var(--resume-card, #f6f8fa);--resume-code-bg: var(--resume-code-bg, #f0f2f5)}.resume-preview{--resume-serif: "Source Serif 4", Charter, "Iowan Old Style", Georgia, serif;--resume-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;width:100%;max-width:50rem;padding:3rem 3.25rem;background:var(--resume-bg);color:var(--resume-fg);border:1px solid var(--resume-border);border-radius:6px;box-shadow:0 1px 2px #0f111529,0 10px 28px -8px #0f111552,0 24px 60px -24px #0f111547;font-family:var(--resume-serif);font-size:16px;line-height:1.6;font-feature-settings:"kern" 1,"liga" 1;overflow-wrap:break-word}@media(max-width:640px){.resume-preview{padding:1.75rem 1.5rem}}.resume-preview__contact{margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:2px solid var(--resume-border)}.resume-preview__contact-name{font-size:1.9rem;font-weight:700;line-height:1.15;color:var(--resume-accent);letter-spacing:-.01em}.resume-preview__contact-role{margin-top:.15rem;font-size:1.05rem;font-weight:600;color:var(--resume-accent-2)}.resume-preview__contact-meta{display:flex;flex-wrap:wrap;gap:.35rem 1rem;margin-top:.6rem;font-family:var(--resume-mono);font-size:.8rem;color:var(--resume-muted)}.resume-preview__contact-meta a{color:var(--resume-accent);text-decoration:none}.resume-preview__contact-meta a:hover{text-decoration:underline}.resume-preview__contact-sep{color:var(--resume-border);user-select:none}.resume-preview__body>:first-child{margin-top:0}.resume-preview h1,.resume-preview h2,.resume-preview h3,.resume-preview h4{color:var(--resume-accent);line-height:1.25;font-weight:700}.resume-preview h1{font-size:1.8rem;margin-top:0;margin-bottom:.35rem;letter-spacing:-.01em}.resume-preview h2{font-size:1.15rem;margin-top:1.9rem;margin-bottom:.7rem;padding-bottom:.3rem;border-bottom:1px solid var(--resume-border);text-transform:uppercase;letter-spacing:.06em}.resume-preview h3{font-size:1.02rem;margin-top:1.2rem;margin-bottom:.2rem;color:var(--resume-fg)}.resume-preview h4{font-size:.95rem;margin-top:.9rem;margin-bottom:.2rem}.resume-preview p{margin:.55rem 0}.resume-preview h3+p em,.resume-preview h4+p em{font-style:normal;font-family:var(--resume-mono);font-size:.8rem;letter-spacing:-.01em;color:var(--resume-muted)}.resume-preview a{color:var(--resume-accent);text-decoration:underline;text-underline-offset:2px}.resume-preview strong{color:var(--resume-accent-2);font-weight:700}.resume-preview em{color:var(--resume-muted)}.resume-preview ul,.resume-preview ol{margin:.5rem 0;padding-left:1.4rem}.resume-preview li{margin:.3rem 0}.resume-preview li::marker{color:var(--resume-accent)}.resume-preview ul ul,.resume-preview ol ol,.resume-preview ul ol,.resume-preview ol ul{margin:.2rem 0}.resume-preview code{font-family:var(--resume-mono);font-size:.85em;padding:.1rem .35rem;background:var(--resume-code-bg);border-radius:4px}.resume-preview pre{margin:.8rem 0;padding:.9rem 1rem;background:var(--resume-code-bg);border:1px solid var(--resume-border);border-radius:6px;overflow-x:auto}.resume-preview pre code{padding:0;background:none;font-size:.82rem;line-height:1.5}.resume-preview blockquote{margin:.9rem 0;padding:.6rem 1.1rem;background:var(--resume-card);border-left:3px solid var(--resume-accent);border-radius:0 4px 4px 0;color:var(--resume-muted);font-style:italic}.resume-preview blockquote p{margin:.2rem 0}.resume-preview hr{margin:1.8rem 0;border:none;border-top:1px solid var(--resume-border)}.resume-preview table{width:100%;margin:.9rem 0;border-collapse:collapse;font-size:.9rem}.resume-preview th,.resume-preview td{padding:.45rem .7rem;border:1px solid var(--resume-border);text-align:left}.resume-preview th{background:var(--resume-card);color:var(--resume-accent);font-weight:700}.resume-preview tbody tr:nth-child(2n){background:var(--resume-card)}.resume-preview img{max-width:100%;border-radius:4px}@media print{.app-header,.privacy-notice,.studio__toolbar,.studio__shortcuts,.skip-link,.editor,[data-print-hide],.studio__pane--editor{display:none!important}html,body{background:#fff;margin:0;padding:0}.app-shell,.studio,.studio__split,.studio__pane,.studio__pane-body,.preview-frame{display:block!important;max-width:none!important;margin:0!important;padding:0!important;border:none!important;background:none!important;box-shadow:none!important;overflow:visible!important}.studio__pane-header{display:none!important}@page{size:letter;margin:.6in}.resume-preview{width:100%!important;max-width:none!important;padding:0!important;border:none!important;border-radius:0!important;box-shadow:none!important;font-family:"Source Serif 4",Charter,Iowan Old Style,Georgia,serif;font-size:11pt;line-height:1.45}.resume-preview h1,.resume-preview h2,.resume-preview h3,.resume-preview h4{page-break-after:avoid;break-after:avoid}.resume-preview li,.resume-preview blockquote,.resume-preview pre,.resume-preview table,.resume-preview img{page-break-inside:avoid;break-inside:avoid}.resume-preview p{orphans:3;widows:3}body:not([data-print-mode=theme]) .resume-preview{background:#fff!important;color:#000!important}body:not([data-print-mode=theme]) .resume-preview :is(h1,h2,h3,h4),body:not([data-print-mode=theme]) .resume-preview strong,body:not([data-print-mode=theme]) .resume-preview li::marker,body:not([data-print-mode=theme]) .resume-preview th{color:#000!important;background:none!important}body:not([data-print-mode=theme]) .resume-preview h2{border-bottom-color:#000!important}body:not([data-print-mode=theme]) .resume-preview a{color:#000!important;text-decoration:underline}body:not([data-print-mode=theme]) .resume-preview :is(blockquote,hr){background:none!important;border-color:#000!important;color:#222!important}body:not([data-print-mode=theme]) .resume-preview :is(code,pre,table,th,td){background:#fff!important;border-color:#000!important}body:not([data-print-mode=theme]) .resume-preview__contact-name{color:#000!important}body:not([data-print-mode=theme]) .resume-preview__contact-role{color:#222!important}body:not([data-print-mode=theme]) .resume-preview :is(.resume-preview__contact,.resume-preview__contact-meta){color:#222!important;border-color:#000!important}body:not([data-print-mode=theme]) .resume-preview__contact-meta a{color:#000!important}body[data-print-mode=theme] .resume-preview{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{color-scheme:light dark;--ui-bg: #0c0e12;--ui-bg-elevated: #14171e;--ui-panel: #1c212b;--ui-panel-hover: #252b37;--ui-border: #2c333f;--ui-border-strong: #3c4554;--ui-fg: #e7eaf0;--ui-fg-muted: #9aa4b2;--ui-fg-subtle: #717b8b;--ui-accent: #5b9bff;--ui-accent-hover: #82b3ff;--ui-accent-contrast: #0a0c10;--ui-success: #4ec98a;--ui-warning: #e0b341;--ui-danger: #ef6f6f;--ui-focus-ring: #82b3ff;--ui-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .045);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-sm: 4px;--radius-md: 7px;--radius-lg: 11px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--shadow-panel: 0 1px 2px rgba(0, 0, 0, .5), 0 8px 24px -6px rgba(0, 0, 0, .45);--shadow-pop: 0 2px 6px rgba(0, 0, 0, .55), 0 16px 40px -10px rgba(0, 0, 0, .6);--app-max-width: 1480px;--resume-bg: #ffffff;--resume-fg: #1f2328;--resume-muted: #57606a;--resume-accent: #0b5cae;--resume-accent-2: #8a3ffc;--resume-border: #d6dbe1;--resume-card: #f6f8fa;--resume-code-bg: #f0f2f5}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-mono);font-size:15px;line-height:1.55;color:var(--ui-fg);background:var(--ui-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"calt" 0}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--ui-accent)}:where(a):hover{color:var(--ui-accent-hover)}:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes reveal-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:reveal-rise .46s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 90ms)}#studio.reveal{display:flex;flex-direction:column;flex:1}@keyframes theme-settle{0%{opacity:.55}to{opacity:1}}.studio__pane--theming .studio__pane-body{animation:theme-settle .26s ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-link{position:absolute;left:var(--space-3);top:-100px;z-index:100;padding:var(--space-2) var(--space-3);background:var(--ui-accent);color:var(--ui-accent-contrast);border-radius:var(--radius-sm);text-decoration:none;font-weight:600}.skip-link:focus{top:var(--space-3)}.app-shell{display:flex;flex-direction:column;min-height:100vh;max-width:var(--app-max-width);margin-inline:auto;padding:var(--space-4) var(--space-5) var(--space-6)}@media(max-width:640px){.app-shell{padding:var(--space-3) var(--space-3) var(--space-5)}}.app-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-4);background:linear-gradient(180deg,var(--ui-panel) 0%,var(--ui-bg-elevated) 100%);border:1px solid var(--ui-border);border-radius:var(--radius-md);box-shadow:var(--ui-inset-highlight)}.app-header__brand{display:flex;align-items:baseline;gap:var(--space-3);min-width:0}.app-header__dots{display:flex;align-self:center;gap:.4rem}.app-header__dot{width:.66rem;height:.66rem;border-radius:50%;background:var(--ui-border-strong)}.app-header__dot:nth-child(1){background:#e0655f}.app-header__dot:nth-child(2){background:#e0b341}.app-header__dot:nth-child(3){background:#4ec98a}.app-header__prompt{align-self:center;font-family:var(--font-mono);font-size:1.15rem;font-weight:700;color:var(--ui-accent);user-select:none}.app-header__name{font-family:var(--font-mono);font-size:1.32rem;font-weight:800;letter-spacing:-.02em;color:var(--ui-fg)}.app-header__tagline{font-family:var(--font-mono);font-size:.82rem;color:var(--ui-fg-muted)}.app-header__tab{display:inline-flex;align-items:center;gap:var(--space-2);margin-left:auto;padding:.34rem var(--space-3);color:var(--ui-fg-muted);background:var(--ui-bg);border:1px solid var(--ui-border-strong);border-bottom-color:var(--ui-accent);border-radius:var(--radius-sm) var(--radius-sm) 0 0;box-shadow:var(--ui-inset-highlight)}.app-header__tab-name{font-family:var(--font-mono);font-size:.8rem;color:var(--ui-fg)}@media(max-width:640px){.app-header__tagline{display:none}}.privacy-notice{display:flex;align-items:flex-start;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--ui-bg-elevated);border:1px solid var(--ui-border);border-left:3px solid var(--ui-success);border-radius:var(--radius-md);box-shadow:var(--ui-inset-highlight);font-size:.84rem;color:var(--ui-fg-muted)}.privacy-notice__icon{flex-shrink:0;color:var(--ui-success)}.privacy-notice strong{color:var(--ui-fg);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.46rem .8rem;font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--ui-fg);background:var(--ui-panel);border:1px solid var(--ui-border-strong);border-radius:var(--radius-sm);box-shadow:var(--ui-inset-highlight);cursor:pointer;transition:background-color .11s ease,border-color .11s ease,color .11s ease,transform 70ms ease,box-shadow 70ms ease;white-space:nowrap}.btn:hover{background:var(--ui-panel-hover);border-color:var(--ui-accent)}.btn:active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0006}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:active{transform:none;box-shadow:var(--ui-inset-highlight)}.btn--primary{color:var(--ui-accent-contrast);background:var(--ui-accent);border-color:var(--ui-accent);box-shadow:var(--ui-inset-highlight),0 1px 2px #00000059}.btn--primary:hover{background:var(--ui-accent-hover);border-color:var(--ui-accent-hover);color:var(--ui-accent-contrast)}.btn--ghost{background:transparent;border-color:transparent;box-shadow:none}.btn--ghost:hover{background:var(--ui-panel);border-color:var(--ui-border)}.btn--icon{padding:.42rem;min-width:2rem}@media(pointer:coarse){.btn{padding:.6rem .9rem}.btn--icon{padding:.6rem;min-width:2.75rem;min-height:2.75rem}}.field-label{display:block;font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ui-fg-subtle);margin-bottom:var(--space-2)}.text-input{width:100%;padding:.45rem .6rem;font-family:var(--font-mono);font-size:.85rem;color:var(--ui-fg);background:var(--ui-bg);border:1px solid var(--ui-border-strong);border-radius:var(--radius-sm)}.text-input::placeholder{color:var(--ui-fg-subtle)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.studio{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4);flex:1}.studio__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--ui-bg-elevated);border:1px solid var(--ui-border);border-radius:var(--radius-md);box-shadow:var(--ui-inset-highlight),var(--shadow-panel)}.studio__toolbar-spacer{flex:1;min-width:var(--space-3)}.studio__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);align-items:stretch;flex:1;min-height:0}@media(max-width:960px){.studio__split{grid-template-columns:minmax(0,1fr)}}.studio__pane{display:flex;flex-direction:column;background:var(--ui-bg-elevated);border:1px solid var(--ui-border);border-radius:var(--radius-md);box-shadow:var(--ui-inset-highlight),var(--shadow-panel);overflow:hidden}.studio__pane-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:linear-gradient(180deg,var(--ui-panel) 0%,var(--ui-bg-elevated) 100%);border-bottom:1px solid var(--ui-border);font-family:var(--font-mono);font-size:.76rem;color:var(--ui-fg-muted)}.studio__pane-dots{display:flex;gap:.36rem}.studio__pane-dot{width:8px;height:8px;border-radius:50%;background:var(--ui-border-strong)}.studio__pane-tab{display:inline-flex;align-items:center;padding:.15rem var(--space-2);color:var(--ui-fg);background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--radius-sm)}.studio__pane-body{display:flex;flex-direction:column;flex:1;gap:var(--space-3);padding:var(--space-3)}.studio__hint{font-family:var(--font-mono);font-size:.78rem;color:var(--ui-fg-subtle)}.studio__shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-3);font-size:.76rem;color:var(--ui-fg-muted)}.studio__shortcuts-label{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ui-fg-subtle)}.studio__shortcuts kbd{font-family:var(--font-mono);font-size:.72rem;padding:.1rem .4rem;background:var(--ui-panel);border:1px solid var(--ui-border-strong);border-bottom-width:2px;border-radius:var(--radius-sm);color:var(--ui-fg)}.uploader{display:flex;flex-direction:column;gap:var(--space-3)}.uploader__dropzone{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-5);text-align:center;background:radial-gradient(120% 120% at 50% 0%,var(--ui-panel) 0%,var(--ui-bg) 70%);border:1.5px dashed var(--ui-border-strong);border-radius:var(--radius-md);color:var(--ui-fg-muted);transition:border-color .12s ease,background-color .12s ease}.uploader__dropzone--active{border-color:var(--ui-accent);border-style:solid;background:var(--ui-panel-hover);color:var(--ui-fg)}.uploader__dropzone-glyph{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-bottom:var(--space-1);color:var(--ui-fg-subtle);background:var(--ui-bg-elevated);border:1px solid var(--ui-border);border-radius:var(--radius-md)}.uploader__dropzone-title{font-size:.96rem;font-weight:700;color:var(--ui-fg)}.uploader__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-2)}.uploader__loaded{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--ui-bg);border:1px solid var(--ui-border-strong);border-radius:var(--radius-sm);font-size:.8rem}.uploader__loaded-icon{display:flex;color:var(--ui-accent)}.uploader__loaded-name{font-weight:600;color:var(--ui-fg)}.uploader__loaded-sep{color:var(--ui-fg-subtle)}.uploader__loaded-lines{color:var(--ui-fg-muted)}.uploader__loaded-spacer{flex:1;min-width:var(--space-2)}.uploader__loaded-action{font-size:.74rem}.uploader__error,.uploader__notice{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.8rem}.uploader__error svg,.uploader__notice svg{flex-shrink:0;margin-top:.1rem}.uploader__error{background:#ef6f6f1a;border:1px solid var(--ui-danger);color:var(--ui-danger)}.uploader__notice{background:#e0b3411a;border:1px solid var(--ui-warning);color:var(--ui-warning)}:root{--editor-font-size: .85rem;--editor-line-height: 1.65;--editor-pad: var(--space-3)}.editor{display:flex;flex-direction:column;flex:1;gap:var(--space-2)}.editor__bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.editor__bar-label{margin-bottom:0}.editor__bar-controls{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.editor__snippet-trigger,.editor__wrap-toggle{padding:.32rem .5rem;font-size:.74rem}.editor__wrap-toggle[aria-pressed=true]{color:var(--ui-accent);border-color:var(--ui-border);background:var(--ui-panel)}.editor__snippet{position:relative}.editor__snippet-menu{position:absolute;right:0;top:calc(100% + var(--space-1));z-index:35;min-width:12rem;margin:0;padding:var(--space-1);list-style:none;background:var(--ui-bg-elevated);border:1px solid var(--ui-border-strong);border-radius:var(--radius-md);box-shadow:var(--ui-inset-highlight),var(--shadow-pop)}.editor__snippet-item{display:block;width:100%;padding:.42rem var(--space-2);font-family:var(--font-mono);font-size:.78rem;text-align:left;color:var(--ui-fg);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer}.editor__snippet-item:hover,.editor__snippet-item:focus-visible{background:var(--ui-panel-hover)}.editor__surface{display:flex;flex:1;min-height:22rem;background:var(--ui-bg);border:1px solid var(--ui-border-strong);border-radius:var(--radius-sm);box-shadow:inset 0 1px 3px #00000052;overflow:hidden}.editor__gutter{flex-shrink:0;padding:var(--editor-pad) .5rem var(--editor-pad) .6rem;font-family:var(--font-mono);font-size:var(--editor-font-size);line-height:var(--editor-line-height);text-align:right;color:var(--ui-fg-subtle);background:var(--ui-bg-elevated);border-right:1px solid var(--ui-border);overflow:hidden;user-select:none}.editor__gutter-line{display:block;font-variant-numeric:tabular-nums}.editor__textarea{width:100%;flex:1;padding:var(--editor-pad);font-family:var(--font-mono);font-size:var(--editor-font-size);line-height:var(--editor-line-height);color:var(--ui-fg);background:transparent;border:0;border-radius:0;resize:none;tab-size:2}.editor__textarea:focus{outline:none}.editor__surface:focus-within{outline:2px solid var(--ui-focus-ring);outline-offset:2px}.editor__surface--nowrap .editor__textarea{white-space:pre;overflow-wrap:normal}.editor__meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.72rem;color:var(--ui-fg-subtle)}.preview-frame{flex:1;min-height:22rem;padding:var(--space-5) var(--space-4);background-color:var(--ui-bg);background-image:radial-gradient(var(--ui-border) 1px,transparent 1px);background-size:22px 22px;background-position:center;box-shadow:inset 0 1px 4px #00000057;border-radius:var(--radius-sm);display:flex;justify-content:center;align-items:flex-start}.preview-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin:auto;max-width:34ch;padding:var(--space-6) var(--space-5);text-align:center;color:var(--ui-fg-muted);background:var(--ui-bg-elevated);border:1px solid var(--ui-border);border-radius:var(--radius-md);box-shadow:var(--ui-inset-highlight)}.preview-empty__icon{display:flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;color:var(--ui-fg-subtle);background:var(--ui-panel);border:1px solid var(--ui-border);border-radius:var(--radius-md)}.preview-empty__title{font-size:1rem;font-weight:700;color:var(--ui-fg)}.preview-warnings{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:#e0b3411a;border:1px solid var(--ui-warning);border-radius:var(--radius-sm);font-size:.8rem;color:var(--ui-warning)}.preview-warnings ul{margin:var(--space-1) 0 0;padding-left:1.2rem}.theme-picker{position:relative}.theme-picker__trigger{display:inline-flex;align-items:center;gap:var(--space-2);min-width:12rem;padding:.34rem var(--space-2) .34rem .4rem;font-family:var(--font-mono);color:var(--ui-fg);background:var(--ui-panel);border:1px solid var(--ui-border-strong);border-radius:var(--radius-sm);box-shadow:var(--ui-inset-highlight);cursor:pointer;text-align:left;transition:background-color .11s ease,border-color .11s ease}.theme-picker__trigger:hover{background:var(--ui-panel-hover);border-color:var(--ui-accent)}.theme-picker__trigger-label{display:flex;flex-direction:column;line-height:1.2;min-width:0}.theme-picker__trigger-kicker{font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ui-fg-subtle)}.theme-picker__trigger-name{font-size:.84rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-picker__trigger-caret{margin-left:auto;color:var(--ui-fg-muted)}.theme-picker__popover{position:absolute;left:0;top:calc(100% + var(--space-2));z-index:40;display:flex;flex-direction:column;gap:var(--space-2);width:min(22rem,88vw);padding:var(--space-3);background:var(--ui-bg-elevated);border:1px solid var(--ui-border-strong);border-radius:var(--radius-md);box-shadow:var(--ui-inset-highlight),var(--shadow-pop)}.theme-picker__search-row{position:relative;display:flex;align-items:center}.theme-picker__search-icon{position:absolute;left:var(--space-2);display:flex;color:var(--ui-fg-subtle);pointer-events:none}.theme-picker__search{padding-left:2rem}.theme-picker__list{list-style:none;margin:0;padding:var(--space-1);max-height:17rem;overflow-y:auto;background:var(--ui-bg);border:1px solid var(--ui-border-strong);border-radius:var(--radius-sm)}.theme-picker__option{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:.4rem var(--space-2);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;text-align:left;font-size:.82rem}.theme-picker__option:hover,.theme-picker__option--active{background:var(--ui-panel-hover)}.theme-picker__option--selected{border-color:var(--ui-accent)}.theme-picker__swatch{flex-shrink:0;width:1.1rem;height:1.1rem;border-radius:var(--radius-sm);border:2px solid var(--ui-border-strong)}.theme-picker__swatch--trigger{width:1.3rem;height:1.3rem}.theme-picker__option-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-picker__option-check{display:flex;color:var(--ui-accent)}.theme-picker__empty{padding:var(--space-3);text-align:center;font-size:.8rem;color:var(--ui-fg-subtle)}.theme-picker__refine{font-size:.72rem;color:var(--ui-fg-subtle)}.theme-picker__contrast{display:flex;flex-direction:column;gap:.2rem;padding-top:var(--space-1);border-top:1px solid var(--ui-border)}.theme-picker__contrast-row{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:.72rem;color:var(--ui-fg-muted)}.theme-picker__contrast-icon{display:inline-flex}.theme-picker__contrast-icon--ok{color:var(--ui-success)}.theme-picker__contrast-icon--warn{color:var(--ui-warning)}.theme-picker__accent-dot{width:.7rem;height:.7rem;border-radius:50%;border:1px solid var(--ui-border-strong);flex-shrink:0}.theme-picker__trigger-warning{display:inline-flex;align-items:center;color:var(--ui-warning)}.theme-picker__checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:.76rem;color:var(--ui-fg-muted);cursor:pointer}.theme-controls{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.theme-controls__nav{display:flex;gap:0}.theme-controls__nav .btn{border-radius:0}.theme-controls__nav .btn:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.theme-controls__nav .btn:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.theme-controls__nav .btn:not(:first-child){margin-left:-1px}.theme-controls__current{display:flex;align-items:center;gap:var(--space-2);padding:.3rem var(--space-2);font-family:var(--font-mono);font-size:.78rem;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--radius-sm)}.theme-controls__accent-dot{width:.6rem;height:.6rem;border-radius:50%;border:1px solid var(--ui-border-strong);flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .4rem;font-size:.66rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid var(--ui-border-strong);color:var(--ui-fg-muted);white-space:nowrap}.badge svg{flex-shrink:0}.badge--dark{background:#11141a;color:#c7cfda}.badge--light{background:#eef0f3;color:#2a2f37}.badge--safe{border-color:var(--ui-success);color:var(--ui-success)}.badge--unsafe{border-color:var(--ui-warning);color:var(--ui-warning)}.theme-controls__copied{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--ui-success)}.export-panel{position:relative}.export-panel__dialog{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--ui-bg-elevated);border:1px solid var(--ui-border-strong);border-radius:var(--radius-md);box-shadow:var(--ui-inset-highlight),var(--shadow-pop)}@media(min-width:720px){.export-panel__dialog{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:30;width:22rem}}.export-panel__header{display:flex;align-items:center;justify-content:space-between}.export-panel__title{font-family:var(--font-mono);font-size:.9rem;font-weight:600}.export-panel__group{display:flex;flex-direction:column;gap:var(--space-2)}.export-panel__group-label{font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ui-fg-subtle)}.export-panel__buttons{display:flex;flex-direction:column;gap:var(--space-2)}.export-panel__radio-group{display:flex;flex-direction:column;gap:var(--space-1);border:1px solid var(--ui-border);border-radius:var(--radius-sm);padding:var(--space-2)}.export-panel__radio{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-1);font-size:.82rem;cursor:pointer}.export-panel__radio-hint{display:block;font-size:.72rem;color:var(--ui-fg-subtle)}.export-panel__note{font-size:.74rem;color:var(--ui-fg-subtle)}.studio__shortcuts-help{display:inline-flex;align-items:center;gap:.3rem;margin-left:auto;padding:.16rem .5rem;font-family:var(--font-mono);font-size:.72rem;color:var(--ui-fg-muted);background:var(--ui-panel);border:1px solid var(--ui-border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .11s ease,border-color .11s ease,color .11s ease}.studio__shortcuts-help:hover{color:var(--ui-fg);background:var(--ui-panel-hover);border-color:var(--ui-accent)}.studio__shortcuts-off{color:var(--ui-fg-subtle)}@media(max-width:640px){.studio__shortcuts-help{margin-left:0}}.kbd-help__overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#04060aa8;animation:kbd-help-fade .14s ease-out}@keyframes kbd-help-fade{0%{opacity:0}to{opacity:1}}.kbd-help__dialog{display:flex;flex-direction:column;gap:var(--space-3);width:min(30rem,100%);max-height:100%;overflow-y:auto;padding:var(--space-5);background:var(--ui-bg-elevated);border:1px solid var(--ui-border-strong);border-radius:var(--radius-lg);box-shadow:var(--ui-inset-highlight),var(--shadow-pop)}.kbd-help__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.kbd-help__title{font-family:var(--font-mono);font-size:1.02rem;font-weight:700;color:var(--ui-fg)}.kbd-help__intro{font-size:.8rem;color:var(--ui-fg-muted)}.kbd-help__list{display:flex;flex-direction:column;gap:0;margin:0}.kbd-help__row{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--ui-border)}.kbd-help__row:last-child{border-bottom:0}.kbd-help__keys{flex-shrink:0;width:5.5rem;margin:0}.kbd-help__sep{display:inline-block;width:.2rem}.kbd-help__desc{margin:0;font-size:.84rem;color:var(--ui-fg)}.kbd-help__dialog kbd,.kbd-help__toggle-hint kbd{font-family:var(--font-mono);font-size:.72rem;padding:.1rem .4rem;background:var(--ui-panel);border:1px solid var(--ui-border-strong);border-bottom-width:2px;border-radius:var(--radius-sm);color:var(--ui-fg)}.kbd-help__toggle{padding:var(--space-3);background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:var(--radius-md)}.kbd-help__toggle-label{display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer}.kbd-help__toggle-label input{margin-top:.2rem;flex-shrink:0}.kbd-help__toggle-name{display:block;font-size:.84rem;font-weight:600;color:var(--ui-fg)}.kbd-help__toggle-hint{display:block;margin-top:var(--space-1);font-size:.74rem;line-height:1.6;color:var(--ui-fg-muted)}