:root{--font-size-xs:clamp(.75rem,.7rem + .25vw,.875rem);--font-size-sm:clamp(.875rem,.8rem + .375vw,1rem);--font-size-base:clamp(1rem,.925rem + .375vw,1.125rem);--font-size-lg:clamp(1.125rem,1rem + .625vw,1.375rem);--font-size-xl:clamp(1.25rem,1.1rem + .75vw,1.625rem);--font-size-2xl:clamp(1.5rem,1.25rem + 1.25vw,2.125rem);--font-size-3xl:clamp(1.875rem,1.5rem + 1.875vw,3rem);--font-size-4xl:clamp(2.25rem,1.75rem + 2.5vw,4rem);--font-size-5xl:clamp(3rem,2.25rem + 3.75vw,5.25rem);--font-size-6xl:clamp(3.75rem,2.75rem + 5vw,6.75rem);--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--radius-none:0;--radius-sm:.125rem;--radius-base:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition-fast:.15s ease-out;--transition-base:.25s ease-out;--transition-slow:.35s ease-out;--container-max-width:1200px;--nav-max-width:1200px;--visual-content-max-width:1400px;--text-content-max-width:900px;--icon-size-xs:14px;--icon-size-sm:16px;--icon-size-md:20px;--icon-size-lg:24px;--icon-size-xl:32px;--icon-btn-icon-sm:16px;--icon-btn-icon-md:20px;--icon-btn-icon-lg:24px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--touch-target-min:44px;--touch-target:var(--touch-target-min);--touch-target-spacing:var(--space-2);--button-icon-padding:var(--space-3);--toolbar-button-size:var(--touch-target-min);--toolbar-button-gap:var(--space-2);--checkbox-touch-height:var(--touch-target-min);--checkbox-touch-padding:var(--space-3);--input-font-size:16px;--checkbox-size:18px;--checkbox-hint-indent:30px;--color-accent-alpha-5:#3b82f60d;--color-accent-alpha-10:#3b82f61a;--color-overlay-dark:#0009;--admin-bg:#fff;--admin-bg-secondary:#f3f5f6;--admin-bg-tertiary:#ebedef;--admin-border:#d5d9dd;--admin-border-hover:#abb3ba;--admin-text:#1f262e;--admin-text-secondary:#5c6670;--admin-text-muted:#818c98;--admin-primary:#2a6df4;--admin-primary-hover:#0c56e9;--admin-error:#dc2828;--admin-success:#21c45d;--admin-sidebar-width:240px;--admin-header-height:64px;--admin-header-height-mobile:56px;--admin-content-max-width:1200px;--admin-content-padding:var(--space-6);--admin-content-padding-mobile:var(--space-4);--z-admin-sidebar:100;--z-admin-header:110;--z-admin-skip-link:120;--admin-sidebar-width-mobile:min(280px,85vw);--admin-drawer-backdrop:#00000080;--z-admin-drawer-backdrop:120;--z-admin-drawer:130;--admin-transition-drawer:.25s cubic-bezier(.4,0,.2,1);--admin-sidebar-bg:var(--admin-bg-secondary);--admin-sidebar-border:var(--admin-border);--admin-header-bg:var(--admin-bg);--admin-header-border:var(--admin-border);--admin-nav-item-hover:var(--admin-bg-tertiary);--admin-nav-item-active-bg:#ecf2fe;--admin-nav-item-active-border:var(--admin-primary);--layout-gutter-narrow:var(--space-4);--layout-gutter-default:var(--space-6);--layout-gutter-wide:var(--space-8);--layout-gutter-mobile:var(--space-4);--layout-sidebar-sm:240px;--layout-sidebar-md:280px;--layout-sidebar-lg:320px}.action-divider{background:var(--admin-border);width:1px;height:24px;margin:0 12px}@media (min-width:768px){:root{--touch-target:40px;--toolbar-button-size:40px;--button-icon-padding:10px}}@media (min-width:1024px){:root{--touch-target:36px;--toolbar-button-size:36px;--toolbar-button-gap:var(--space-1);--button-icon-padding:var(--space-2)}}[data-theme=modern-minimal],:root{--color-background:#f6f7f8;--color-surface:#f1f2f4;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-muted:#999;--color-accent:#2a6df4;--color-accent-hover:#0c56e9;--color-border:#e6e6e6;--color-border-strong:#b3b3b3;--font-family-primary:"Playfair Display",Georgia,serif;--font-family-secondary:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--heading-weight:var(--font-weight-semibold);--heading-tracking:-.02em;--body-tracking:0;--color-surface-hover:#edf0f2;--color-surface-active:#e5e8eb;--color-surface-dim:#e8ebed;--color-border-hover:#bfbfbf;--color-border-subtle:#ededed;--color-error:#dc2828;--color-error-hover:#c11f1f;--color-success:#21c45d;--color-warning:#f59f0a;--color-accent-contrast:#fff;--color-skeleton:#e5e8eb;--color-skeleton-highlight:#f4f5f6;--icon-btn-color:var(--color-text-secondary);--icon-btn-hover-color:var(--color-text-primary);--icon-btn-active-color:var(--color-accent);--icon-btn-bg:transparent;--icon-btn-hover-bg:#2a6df414;--icon-btn-active-bg:#2a6df41f;--icon-btn-subtle-bg:#6c80930f;--icon-btn-subtle-hover-bg:#2a6df41a;--icon-btn-border:var(--color-border);--icon-btn-hover-border:#2a6df44d;--icon-btn-radius:var(--button-radius);--icon-btn-transition:.15s ease;--transition-fast:.15s ease-out;--transition-base:.25s ease-out;--transition-slow:.35s ease-out;--focus-ring-width:2px;--focus-ring-style:solid;--focus-ring-color:var(--color-accent);--focus-ring-offset:2px;--disabled-opacity:.5;--overlay-bg:#00000080;--divider-color:var(--color-border);--divider-width:1px;--button-radius:var(--radius-md);--card-radius:var(--radius-lg);--input-radius:var(--radius-md);--color-highlight-bg:#fff2b3;--color-highlight-text:#5c410a;--color-match-badge-bg:var(--color-accent);--color-match-badge-text:var(--color-accent-contrast,white)}[data-theme=classic-elegant]{--color-background:#f6f4ee;--color-surface:#f2efe9;--color-text-primary:#2e261f;--color-text-secondary:#625950;--color-text-muted:#928c87;--color-accent:#b8672e;--color-accent-hover:#9b5727;--color-border:#dddad5;--color-border-strong:#afa99d;--font-family-primary:"Playfair Display",Georgia,serif;--font-family-secondary:"Source Sans 3","Source Sans Pro",-apple-system,sans-serif;--font-size-sm:clamp(.8125rem,.7875rem + .125vw,.875rem);--font-size-base:clamp(1rem,.95rem + .25vw,1.125rem);--font-size-lg:clamp(1rem,.95rem + .25vw,1.125rem);--font-size-xl:clamp(1.05rem,1rem + .25vw,1.2rem);--font-size-2xl:clamp(1.125rem,1.05rem + .375vw,1.33rem);--font-size-3xl:clamp(1.4rem,1.25rem + .7vw,1.78rem);--font-size-4xl:clamp(1.8rem,1.6rem + 1vw,2.37rem);--font-size-5xl:clamp(2.35rem,2.05rem + 1.5vw,3.15rem);--font-size-6xl:clamp(3rem,2.55rem + 2.25vw,4.2rem);--space-5:2rem;--space-6:3rem;--space-8:4rem;--space-10:6rem;--heading-weight:var(--font-weight-normal);--heading-tracking:.01em;--body-tracking:.01em;--color-surface-hover:#ece8df;--color-surface-active:#e6e1d6;--color-surface-dim:#edeae3;--color-border-hover:#bfbab0;--color-border-subtle:#ebe9e5;--color-error:#ca2b2b;--color-error-hover:#ad2525;--color-success:#30a65b;--color-warning:#dc9518;--color-accent-contrast:#fff;--color-skeleton:#e7e2da;--color-skeleton-highlight:#f1eeea;--icon-btn-color:var(--color-text-secondary);--icon-btn-hover-color:var(--color-accent);--icon-btn-active-color:var(--color-accent-hover);--icon-btn-bg:transparent;--icon-btn-hover-bg:#b8672e0f;--icon-btn-active-bg:#b8672e1a;--icon-btn-subtle-bg:#a68c590f;--icon-btn-subtle-hover-bg:#b8672e14;--icon-btn-border:var(--color-border);--icon-btn-hover-border:#b8672e4d;--icon-btn-radius:var(--button-radius);--icon-btn-transition:.2s ease;--transition-fast:.18s ease;--transition-base:.3s ease;--transition-slow:.45s ease;--focus-ring-width:2px;--focus-ring-style:solid;--focus-ring-color:var(--color-accent);--focus-ring-offset:2px;--disabled-opacity:.6;--overlay-bg:#1d1a1699;--divider-color:var(--color-border);--divider-width:1px;--shadow-sm:0 1px 2px 0 #3b332b0f;--shadow-base:0 1px 3px 0 #3b332b14,0 1px 2px -1px #3b332b0f;--shadow-md:0 4px 6px -1px #3b332b14,0 2px 4px -2px #3b332b0f;--shadow-lg:0 10px 15px -3px #3b332b14,0 4px 6px -4px #3b332b0d;--shadow-xl:0 20px 25px -5px #3b332b1a,0 8px 10px -6px #3b332b0f;--button-radius:var(--radius-sm);--card-radius:var(--radius-base);--input-radius:var(--radius-sm);--color-highlight-bg:#f9e9c8;--color-highlight-text:#523314}[data-theme=bold-editorial]{--color-background:#0d0d0d;--color-surface:#1a1a1a;--color-text-primary:#fafafa;--color-text-secondary:#b3b3b3;--color-text-muted:#a6a6a6;--color-accent:#ee2b6c;--color-accent-hover:#e21258;--color-border:#333;--color-border-strong:#4d4d4d;--font-family-primary:"Sora","DM Sans",-apple-system,sans-serif;--font-family-secondary:"Geist Sans","DM Sans",-apple-system,sans-serif;--heading-weight:var(--font-weight-bold);--heading-tracking:-.03em;--body-tracking:0;--color-surface-hover:#242424;--color-surface-active:#2e2e2e;--color-surface-dim:#141414;--color-border-hover:#4d4d4d;--color-border-subtle:#262626;--color-error:#f04242;--color-error-hover:#ed2121;--color-success:#30e874;--color-warning:#f9a91f;--color-accent-contrast:#fff;--color-skeleton:#262626;--color-skeleton-highlight:#333;--icon-btn-color:var(--color-text-secondary);--icon-btn-hover-color:var(--color-accent);--icon-btn-active-color:#f25a8c;--icon-btn-bg:transparent;--icon-btn-hover-bg:#ee2b6c1f;--icon-btn-active-bg:#ee2b6c2e;--icon-btn-subtle-bg:#ffffff0f;--icon-btn-subtle-hover-bg:#ee2b6c1a;--icon-btn-border:var(--color-border);--icon-btn-hover-border:#ee2b6c80;--icon-btn-radius:var(--button-radius);--icon-btn-transition:.1s ease;--transition-fast:.1s ease-out;--transition-base:.2s ease-out;--transition-slow:.3s ease-out;--focus-ring-width:2px;--focus-ring-style:solid;--focus-ring-color:var(--color-accent);--focus-ring-offset:2px;--disabled-opacity:.4;--overlay-bg:#0006;--divider-color:var(--color-border);--divider-width:1px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-base:0 1px 3px 0 #0006,0 0 0 1px #ffffff0a;--shadow-md:0 4px 8px -1px #00000080,0 0 0 1px #ffffff0d;--shadow-lg:0 10px 20px -3px #0009,0 0 0 1px #ffffff0f;--shadow-xl:0 20px 30px -5px #000000b3,0 0 0 1px #ffffff12;--button-radius:var(--radius-none);--card-radius:var(--radius-none);--input-radius:var(--radius-none);--color-highlight-bg:#ee2b6c40;--color-highlight-text:#f589ad}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{font-family:var(--font-family-secondary);font-size:var(--font-size-base);line-height:var(--leading-normal);letter-spacing:var(--body-tracking);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);line-height:var(--leading-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (min-width:768px){h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}}@media (min-width:1024px){h1{font-size:var(--font-size-6xl)}h2{font-size:var(--font-size-5xl)}}.container{width:100%;max-width:var(--container-max-width);padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}@media (min-width:768px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-3)var(--space-6);font-family:var(--font-family-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--leading-none);border-radius:var(--button-radius);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:var(--color-background);border-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-secondary{color:var(--color-text-primary);border-color:var(--color-border-strong);background-color:#0000}.btn-secondary:hover:not(:disabled){background-color:var(--color-surface);border-color:var(--color-text-primary)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-input,.form-select,.form-textarea{width:100%;min-height:var(--touch-target-min);padding:var(--space-3)var(--space-4);font-family:var(--font-family-secondary);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--input-radius);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-border-strong)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-textarea{resize:vertical;min-height:120px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--space-3)center;padding-right:var(--space-10);background-repeat:no-repeat;background-size:1.5em 1.5em}.form-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.form-error{font-size:var(--font-size-sm);color:#dc2626}.form-field{margin-bottom:var(--space-4)}.form-field__label{font-weight:var(--font-medium);margin-bottom:var(--space-1);color:var(--color-text);display:block}.form-field__required{color:var(--color-error,#dc2626)}.form-field__hint{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}.form-field__input-wrapper{position:relative}.form-field__input,.form-field__textarea{width:100%;padding:var(--space-2)var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-field__input:focus,.form-field__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha,#3b82f61a);outline:none}.form-field__input--error,.form-field__textarea--error{border-color:var(--color-error,#dc2626)}.form-field__input--error:focus,.form-field__textarea--error:focus{box-shadow:0 0 0 3px #dc26261a}.form-field__textarea{resize:vertical;min-height:100px}.form-field__char-count{right:var(--space-2);bottom:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);pointer-events:none;position:absolute}.form-field__error{color:var(--color-error,#dc2626);font-size:var(--text-sm);margin-top:var(--space-1)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--card-radius);padding:var(--space-6)}.card-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.card-body{gap:var(--space-4);flex-direction:column;display:flex}.layout-two-column{gap:var(--layout-gutter-default);align-items:start;display:grid}.layout-two-column[data-ratio="50-50"]{grid-template-columns:1fr 1fr}.layout-two-column[data-ratio="60-40"]{grid-template-columns:3fr 2fr}.layout-two-column[data-ratio="40-60"]{grid-template-columns:2fr 3fr}.layout-two-column[data-ratio="70-30"]{grid-template-columns:7fr 3fr}.layout-two-column[data-ratio="30-70"]{grid-template-columns:3fr 7fr}.layout-two-column[data-gap=narrow]{gap:var(--layout-gutter-narrow)}.layout-two-column[data-gap=wide]{gap:var(--layout-gutter-wide)}@media (max-width:767px){.layout-two-column{gap:var(--layout-gutter-mobile);grid-template-columns:1fr}.layout-two-column[data-mobile-stack=right-first]>:first-child{order:2}.layout-two-column[data-mobile-stack=right-first]>:last-child{order:1}}.layout-three-column{gap:var(--layout-gutter-default);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}.layout-three-column[data-gap=narrow]{gap:var(--layout-gutter-narrow)}.layout-three-column[data-gap=wide]{gap:var(--layout-gutter-wide)}@media (max-width:1023px) and (min-width:768px){.layout-three-column{grid-template-columns:1fr 1fr}.layout-three-column>:nth-child(3){grid-column:1/-1}.layout-three-column[data-mobile-stack=right-first]>:first-child{order:2}.layout-three-column[data-mobile-stack=right-first]>:nth-child(2){order:1}}@media (max-width:767px){.layout-three-column{gap:var(--layout-gutter-mobile);grid-template-columns:1fr}}.layout-sidebar{gap:var(--layout-gutter-default);align-items:start;display:grid}.layout-sidebar[data-position=left][data-width="240"]{grid-template-columns:240px 1fr}.layout-sidebar[data-position=left][data-width="280"]{grid-template-columns:280px 1fr}.layout-sidebar[data-position=left][data-width="320"]{grid-template-columns:320px 1fr}.layout-sidebar[data-position=right][data-width="240"]{grid-template-columns:1fr 240px}.layout-sidebar[data-position=right][data-width="280"]{grid-template-columns:1fr 280px}.layout-sidebar[data-position=right][data-width="320"]{grid-template-columns:1fr 320px}.layout-sidebar[data-gap=narrow]{gap:var(--layout-gutter-narrow)}.layout-sidebar[data-gap=wide]{gap:var(--layout-gutter-wide)}@media (max-width:767px){.layout-sidebar{gap:var(--layout-gutter-mobile);grid-template-columns:1fr}.layout-sidebar[data-mobile-stack=main-first]>.layout-sidebar-sidebar{order:2}.layout-sidebar[data-mobile-stack=main-first]>.layout-sidebar-main{order:1}}.layout-column-content{gap:var(--space-6);flex-direction:column;min-height:0;display:flex;position:relative}.layout-column-content>:first-child{margin-top:0}.layout-column-content>:last-child{margin-bottom:0}.layout-sidebar-content,.layout-main-content{gap:var(--space-6);flex-direction:column;min-height:0;display:flex;position:relative}.layout-sidebar-content>:first-child,.layout-main-content>:first-child{margin-top:0}.layout-sidebar-content>:last-child,.layout-main-content>:last-child{margin-bottom:0}.gallery-grid-compact{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.gallery-grid-compact .gallery-item{aspect-ratio:1;position:relative}.layout-section-editor{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--color-surface)}.layout-section-editor:hover{border-color:var(--color-border-strong)}.layout-section-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.layout-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);align-items:center;gap:var(--space-2);display:flex}.layout-section-actions{align-items:center;gap:var(--space-2);display:flex}.layout-column{border:1px dashed var(--color-border);border-radius:var(--radius-md);min-height:100px;padding:var(--space-3);background:var(--color-background);transition:all var(--transition-fast)}.layout-column:hover{border-color:var(--color-border-strong)}.layout-column-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.layout-column-empty{min-height:80px;color:var(--color-text-muted);font-size:var(--font-size-sm);flex-direction:column;justify-content:center;align-items:center;display:flex}.layout-column.drag-over{border-color:var(--color-accent);background:var(--color-accent-alpha-5)}.layout-settings-bar{align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.layout-setting-group{align-items:center;gap:var(--space-2);display:flex}.layout-setting-label{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.layout-setting-select{font-size:var(--font-size-sm);padding:var(--space-1)var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text-primary);cursor:pointer}.layout-setting-select:hover{border-color:var(--color-border-strong)}.layout-setting-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-alpha-10);outline:none}@media (max-width:767px){.layout-section-editor{padding:var(--space-3)}.layout-settings-bar{align-items:flex-start;gap:var(--space-3);flex-direction:column}.layout-column{padding:var(--space-2)}}.admin-layout{flex-direction:column;min-height:100vh;display:flex}.admin-header{z-index:var(--z-sticky);padding:var(--space-4)0;border-bottom:1px solid var(--color-border);background-color:var(--color-background);position:sticky;top:0}.desktop-header-save-btn{display:inline-flex}.save-btn{transition:all .2s;position:relative}.save-btn.save-btn--clean{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-secondary);cursor:default}.save-btn.save-btn--clean:hover{background:var(--color-surface);transform:none}.save-btn.save-btn--dirty{background:var(--color-accent);border-color:var(--color-accent);color:#fff;animation:2s ease-in-out infinite save-btn-pulse}@keyframes save-btn-pulse{0%,to{box-shadow:0 0 0 0 rgba(var(--color-accent-rgb,59,130,246),.4)}50%{box-shadow:0 0 0 4px rgba(var(--color-accent-rgb,59,130,246),.1)}}.save-btn.save-btn--dirty:hover{filter:brightness(1.1)}.save-btn.save-btn--saving{background:var(--color-accent);border-color:var(--color-accent);color:#fff;cursor:wait;animation:none}.save-btn.save-btn--saved{background:var(--color-success,#22c55e);border-color:var(--color-success,#22c55e);color:#fff;animation:none}.save-btn.save-btn--error{background:var(--color-error,#ef4444);border-color:var(--color-error,#ef4444);color:#fff;animation:none}.admin-header-content{justify-content:space-between;align-items:center;display:flex}.admin-logo{font-family:var(--font-family-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.admin-main{padding:var(--space-8)0;flex:1}.portfolio-page{background-color:var(--color-background);min-height:100vh;color:var(--color-text-primary);flex-direction:column;display:flex}.portfolio-header{padding:var(--space-16)0 var(--space-12);text-align:center}.portfolio-profile-image{width:150px;height:150px;margin:0 auto var(--space-6);box-shadow:var(--shadow-md);border-radius:50%;overflow:hidden}.portfolio-profile-image img{object-fit:cover;border-radius:50%;width:100%;height:100%}.portfolio-name{margin-bottom:var(--space-2)}.portfolio-title{font-size:var(--font-size-xl);color:var(--color-text-secondary);font-weight:var(--font-weight-normal);margin-bottom:var(--space-8)}.portfolio-bio{max-width:65ch;font-size:var(--font-size-lg);line-height:var(--leading-relaxed);margin:0 auto}.portfolio-footer{padding:var(--space-8)0;text-align:center;border-top:1px solid var(--color-border);margin-top:auto}.portfolio-footer .container{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.portfolio-footer p{font-size:var(--font-size-sm);color:var(--color-text-muted)}.theme-selector{gap:var(--space-3);flex-direction:column;display:flex}.theme-option{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--input-radius);cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-min);display:flex}.theme-option:hover{border-color:var(--color-border-strong)}.theme-option.selected{border-color:var(--color-accent);background:var(--color-surface)}.theme-option input[type=radio]{opacity:0;width:0;height:0;position:absolute}.theme-preview{border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-shrink:0;width:48px;height:32px;display:flex;overflow:hidden}.theme-preview-bg{flex:1}.theme-preview-text{flex-direction:column;justify-content:center;width:60%;padding:4px;display:flex}.theme-preview-line{border-radius:1px;height:2px;margin-bottom:2px}.theme-preview-line:last-child{width:60%;margin-bottom:0}.theme-preview-modern{background:#fff}.theme-preview-modern .theme-preview-line{background:#1a1a1a}.theme-preview-classic{background:#fffef8}.theme-preview-classic .theme-preview-line{background:#1c1917}.theme-preview-bold{background:#0a0a0a}.theme-preview-bold .theme-preview-line{background:#fafafa}.theme-info{flex:1}.theme-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-size:var(--font-size-sm)}.theme-description{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.alert{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.alert-success{color:#065f46;background-color:#d1fae5;border:1px solid #a7f3d0}.alert-error{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca}.loading{align-items:center;gap:var(--space-2);display:inline-flex}.loading-spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.not-found{text-align:center;min-height:100vh;padding:var(--space-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.not-found h1{font-size:var(--font-size-6xl);margin-bottom:var(--space-4)}.not-found p{margin-bottom:var(--space-8)}@media print{body{color:#000;background:#fff}.btn,.admin-header,.theme-selector{display:none}}.rich-text-editor{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);width:100%;overflow:hidden}.rich-text-editor:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a}.editor-toolbar{gap:var(--space-1);padding:var(--space-2);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;display:flex}.editor-toolbar-group{gap:var(--space-1);display:flex}.editor-toolbar-divider{background:var(--color-border);width:1px;margin:0 var(--space-2)}.toolbar-btn{min-width:var(--toolbar-button-size);min-height:var(--toolbar-button-size);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.toolbar-btn:hover{background:var(--color-surface);border-color:var(--color-border-strong)}.toolbar-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.toolbar-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.rich-text-editor .ProseMirror{min-height:200px;padding:var(--space-4);outline:none}.rich-text-editor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--color-text-muted);pointer-events:none;float:left;height:0}.link-dialog-overlay{z-index:var(--z-modal-backdrop);background:#00000080;position:fixed;inset:0}.link-dialog{background:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-5);z-index:var(--z-modal);width:90%;max-width:400px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.link-dialog-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.link-dialog-actions{gap:var(--space-2);margin-top:var(--space-4);justify-content:flex-end;display:flex}.prose-content{font-family:var(--font-family-secondary);color:var(--color-text-primary);line-height:var(--leading-relaxed)}.prose-content h1{font-family:var(--font-family-primary);font-size:var(--font-size-4xl);font-weight:var(--heading-weight);line-height:var(--leading-tight);margin-top:var(--space-6);margin-bottom:var(--space-4)}.prose-content h2{font-family:var(--font-family-primary);font-size:var(--font-size-3xl);font-weight:var(--heading-weight);line-height:var(--leading-tight);margin-top:var(--space-5);margin-bottom:var(--space-3)}.prose-content h3{font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--heading-weight);line-height:var(--leading-tight);margin-top:var(--space-4);margin-bottom:var(--space-2)}.prose-content p{margin-bottom:var(--space-4)}.prose-content p:last-child{margin-bottom:0}.prose-content a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}.prose-content a:hover{color:var(--color-accent-hover)}.prose-content strong{font-weight:var(--font-weight-bold)}.prose-content em{font-style:italic}.prose-content>:first-child{margin-top:0}.image-upload{width:100%}.image-upload-dropzone{width:100%;min-height:200px;padding:var(--space-8);background:var(--color-background);border:2px dashed var(--color-border);border-radius:var(--card-radius);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;display:flex}.image-upload-dropzone:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.image-upload-dropzone:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.image-upload-dropzone:disabled{opacity:.5;cursor:not-allowed}.image-upload-dropzone-icon{font-size:var(--font-size-4xl);color:var(--color-text-muted);margin-bottom:var(--space-2);line-height:1}.image-upload-dropzone-text{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-1)}.image-upload-dropzone-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.image-upload-preview{aspect-ratio:4/3;border-radius:var(--card-radius);background:var(--color-surface);width:100%;position:relative;overflow:hidden}.image-upload-preview img{object-fit:contain;width:100%;height:auto;max-height:400px;display:block}.image-upload-remove{top:var(--space-2);right:var(--space-2);min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--space-2)var(--space-3);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast);background:#000000b3;border:none;position:absolute}.image-upload-remove:hover{background:#000000d9}.image-upload-remove:focus-visible{outline-offset:2px;outline:2px solid #fff}.image-upload-progress{background:var(--color-border);border-radius:var(--radius-full);width:100%;height:4px;margin-top:var(--space-3);overflow:hidden}.image-upload-progress-bar{background:var(--color-accent);border-radius:var(--radius-full);height:100%;transition:width .2s ease-out}.portfolio-image{width:100%;margin:0}.portfolio-image-container{border-radius:var(--card-radius);overflow:hidden}.portfolio-image-container img{transition:opacity .3s ease-out;display:block}.portfolio-image-caption{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;font-style:italic}.admin-layout{-webkit-overflow-scrolling:touch}.admin-main{overflow-x:hidden}@media (max-width:767px){.admin-main{padding:var(--space-4)0}.admin-main .container{padding-left:var(--space-3);padding-right:var(--space-3)}.card{padding:var(--space-4);border-radius:var(--radius-md)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.card-title{font-size:var(--font-size-lg)}}.touch-btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.touch-btn:hover{background:var(--color-surface);border-color:var(--color-border-strong)}.touch-btn:active{background:var(--color-surface);transform:scale(.97)}.touch-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.touch-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.touch-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.touch-btn-icon{padding:var(--space-2);font-size:var(--font-size-lg)}.icon-btn{min-width:var(--touch-target);min-height:var(--touch-target);padding:var(--button-icon-padding);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-btn svg,.icon-btn .icon{flex-shrink:0;width:20px;height:20px}.icon-btn:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.icon-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.icon-btn:active{background:var(--color-surface);transform:scale(.97)}.icon-btn.destructive{color:var(--admin-error)}.icon-btn.destructive:hover{border-color:var(--admin-error);background:#dc28281a}.icon-btn.primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.icon-btn.primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}@media (prefers-reduced-motion:reduce){.icon-btn:active{transform:none}}.mobile-toolbar{gap:var(--toolbar-button-gap);padding:var(--space-2);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;flex-wrap:wrap;align-items:center;display:flex;position:sticky;top:0}.mobile-toolbar-group{gap:var(--space-1);flex-wrap:wrap;display:flex}.mobile-toolbar-divider{background:var(--color-border);width:1px;margin:0 var(--space-1);align-self:stretch}@media (max-width:767px){.mobile-toolbar{max-width:100%}}@media (min-width:768px){.mobile-toolbar{flex-wrap:nowrap}}@media (max-width:374px){.mobile-toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.mobile-toolbar::-webkit-scrollbar{display:none}}@media (max-width:767px){.form-input,.form-select,.form-textarea,.rich-text-editor .ProseMirror{font-size:16px}.form-group{gap:var(--space-2)}.form-label{font-size:var(--font-size-sm)}.form-hint{font-size:var(--font-size-xs)}.image-upload-dropzone{min-height:150px;padding:var(--space-6)}.image-upload-dropzone-icon{font-size:var(--font-size-3xl)}.image-upload-preview img{max-height:300px}.image-upload-remove{min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--space-3)}}.mobile-image-upload-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:120px;padding:var(--space-4);background:var(--color-background);border:2px dashed var(--color-border);border-radius:var(--card-radius);cursor:pointer;touch-action:manipulation;flex-direction:column;transition:all .15s;display:flex}.mobile-image-upload-btn:hover,.mobile-image-upload-btn:focus{border-color:var(--color-accent);background:var(--color-surface)}.mobile-image-upload-btn:active{transform:scale(.98)}.mobile-image-upload-btn svg{width:32px;height:32px;color:var(--color-text-muted)}.mobile-image-upload-btn span{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.save-indicator{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all .15s;display:inline-flex}.save-indicator.saving{color:var(--color-text-muted)}.save-indicator.saved{color:#059669;animation:.3s ease-out save-pulse}.save-indicator.error{color:#dc2626}@keyframes save-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.save-indicator-icon{flex-shrink:0;width:16px;height:16px}.save-indicator.saving .save-indicator-icon{animation:.6s linear infinite spin}@media (max-width:767px){.rich-text-editor{border-radius:var(--radius-md)}.editor-toolbar{padding:var(--space-2);gap:var(--space-1)}.rich-text-editor .ProseMirror{min-height:150px;padding:var(--space-3)}.theme-option{padding:var(--space-3);gap:var(--space-3)}.theme-preview{width:40px;height:28px}.theme-name{font-size:var(--font-size-sm)}.theme-description{font-size:var(--font-size-xs);line-height:1.3}}.admin-header-actions{align-items:center;gap:var(--space-3);display:flex}@media (max-width:767px){.admin-header{padding:var(--space-3)0}.admin-header-content{gap:var(--space-2)}.admin-logo{font-size:var(--font-size-base)}.admin-header-actions{gap:var(--space-2)}.admin-header .btn{padding:var(--space-2)var(--space-3);font-size:var(--font-size-xs);min-height:var(--touch-target-min)}.desktop-header-save-btn{display:none}.btn{min-height:48px}.btn-primary{font-size:var(--font-size-base)}.alert{padding:var(--space-3);font-size:var(--font-size-sm);border-radius:var(--radius-md)}}.mobile-save-footer{display:none}@media (max-width:767px){.mobile-save-footer{justify-content:space-between;align-items:center;gap:var(--space-3);z-index:var(--z-fixed);padding:var(--space-2)var(--space-4);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 6px -1px #0000001a}.admin-main{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.mobile-hide-save-btn{display:none}}.mobile-save-status{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-shrink:1;min-width:0;display:flex}.mobile-save-status span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mobile-save-status.dirty{color:var(--color-warning,#b45309)}.mobile-save-status.error{color:var(--color-error,#dc2626)}.mobile-save-status.saved{color:var(--color-success,#059669)}.mobile-save-status.saving{color:var(--color-text-muted)}.mobile-save-spinner,.mobile-save-icon{flex-shrink:0;width:16px;height:16px}.mobile-save-spinner{animation:.6s linear infinite spin}.mobile-save-btn{min-width:100px;min-height:48px;padding:var(--space-3)var(--space-4);background:var(--color-accent);color:#fff;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;flex-shrink:0;transition:all .15s}.mobile-save-btn:hover:not(:disabled){background:var(--color-accent-hover,var(--color-accent));transform:translateY(-1px)}.mobile-save-btn:active:not(:disabled){transform:scale(.98)}.mobile-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (prefers-reduced-motion:reduce){.touch-btn:active,.mobile-image-upload-btn:active{transform:none}.save-indicator.saved,.save-indicator.saving .save-indicator-icon,.mobile-save-spinner{animation:none}.mobile-save-btn:hover:not(:disabled),.mobile-save-btn:active:not(:disabled){transform:none}}.section-list{gap:var(--space-4);flex-direction:column;display:flex}.sections-empty{text-align:center;padding:var(--space-8)var(--space-4);color:var(--color-text-secondary)}.sections-empty p{margin:0}.sections-empty .form-hint{margin-top:var(--space-2)}.sortable-section{gap:var(--space-2);background:var(--color-background);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex;overflow:hidden}.sortable-section-dragging{box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.section-drag-handle{background:var(--color-surface);border-right:1px solid var(--color-border);width:32px;min-height:60px;color:var(--color-text-muted);cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.section-drag-handle:hover{background:var(--color-border);color:var(--color-text-secondary)}.section-drag-handle:active{cursor:grabbing}.section-content-wrapper{flex:1;min-width:0}.section-drag-overlay{background:var(--color-background);border-radius:var(--radius-lg);border:2px solid var(--color-accent);box-shadow:var(--shadow-xl);opacity:.95}.section-editor{padding:var(--space-4)}.section-editor-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.section-type-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.section-delete-btn{min-width:var(--touch-target);min-height:var(--touch-target);padding:var(--button-icon-padding);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.section-delete-btn svg{flex-shrink:0;width:20px;height:20px}.section-delete-btn:hover{color:#d22d2d;background:#fce8e8}.section-editor-gallery{transition:border-color var(--transition-fast),background-color var(--transition-fast);position:relative}.section-editor-gallery.drag-over{border:2px dashed var(--color-accent);background:#2563eb0d}.section-editor-gallery.drag-over:before{content:"Drop images here";font-weight:var(--font-weight-medium);color:var(--color-accent);pointer-events:none;z-index:10;border-radius:var(--radius-lg);background:#ffffffe6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.add-section-container{padding:var(--space-4)0;justify-content:center;display:flex;position:relative}.add-section-btn{background:var(--color-accent);border-radius:var(--radius-full);color:#fff;cursor:pointer;width:48px;height:48px;transition:all var(--transition-fast);box-shadow:var(--shadow-md);border:none;justify-content:center;align-items:center;display:flex}.add-section-btn:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-lg);transform:scale(1.05)}.add-section-btn:active{transform:scale(.98)}.add-section-menu{top:calc(100% + var(--space-2));background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:260px;box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.add-section-menu-header{padding:var(--space-3)var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.add-section-menu-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);text-align:left;cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.add-section-menu-item:hover{background:var(--color-surface)}.add-section-menu-icon{font-size:var(--font-size-xl);line-height:1}.add-section-menu-text{flex-direction:column;gap:2px;display:flex}.add-section-menu-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.add-section-menu-description{font-size:var(--font-size-xs);color:var(--color-text-muted)}.section-editor-hero .hero-profile-section{margin-bottom:var(--space-4)}.hero-profile-preview{border-radius:var(--radius-full);width:120px;height:120px;margin-top:var(--space-2);position:relative;overflow:hidden}.hero-profile-preview img{object-fit:cover;width:100%;height:100%}.hero-profile-remove{padding:var(--space-2);color:#fff;font-size:var(--font-size-xs);cursor:pointer;background:#000000b3;border:none;position:absolute;bottom:0;left:0;right:0}.hero-profile-upload{justify-content:center;align-items:center;gap:var(--space-2);width:120px;height:120px;margin-top:var(--space-2);background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.hero-profile-upload:hover{border-color:var(--color-accent);color:var(--color-accent)}.hero-profile-upload span{font-size:var(--font-size-xs)}.hero-profile-upload-overlay{border-radius:var(--radius-full);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero-profile-actions{gap:0;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-profile-change,.hero-profile-remove{padding:var(--space-2);color:#fff;font-size:var(--font-size-xs);cursor:pointer;transition:background var(--transition-fast);background:#000000b3;border:none;flex:1}.hero-profile-change{border-right:1px solid #fff3}.hero-profile-change:hover,.hero-profile-remove:hover{background:#000000d9}.hero-profile-upload.drag-over,.hero-profile-preview.drag-over{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb,59,130,246),.2)}.hero-profile-upload.drag-over{background:rgba(var(--color-accent-rgb,59,130,246),.05)}.hero-profile-upload-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);opacity:.7}.form-error-with-action{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.form-error-with-action .form-error{margin:0}.form-error-action{padding:var(--space-1)var(--space-3);border:1px solid var(--color-accent);border-radius:var(--radius-md);color:var(--color-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);background:0 0}.form-error-action:hover{background:var(--color-accent);color:#fff}.featured-grid-items{margin-top:var(--space-4)}.featured-grid-empty{padding:var(--space-6)var(--space-4);text-align:center;background:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-secondary)}.featured-grid-list{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.featured-grid-add-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;display:flex}.featured-item-editor{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.featured-item-header{padding:var(--space-3);background:var(--color-background);justify-content:space-between;align-items:center;display:flex}.featured-item-toggle{align-items:center;gap:var(--space-2);cursor:pointer;text-align:left;background:0 0;border:none;flex:1;min-width:0;display:flex}.featured-item-preview-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.featured-item-preview-thumb{border-radius:var(--radius-sm);object-fit:cover;width:32px;height:32px;margin-left:auto}.featured-item-delete{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;margin-left:var(--space-2);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.featured-item-delete:hover{color:#d22d2d;background:#fce8e8}.featured-item-content{padding:var(--space-3);border-top:1px solid var(--color-border)}.featured-item-image-preview{aspect-ratio:16/9;border-radius:var(--radius-md);width:100%;margin-bottom:var(--space-3);position:relative;overflow:hidden}.featured-item-image-remove{top:var(--space-2);right:var(--space-2);padding:var(--space-1)var(--space-2);color:#fff;font-size:var(--font-size-xs);border-radius:var(--radius-sm);cursor:pointer;background:#000000b3;border:none;position:absolute}.featured-item-upload-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-4);background:var(--color-background);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;margin-bottom:var(--space-3);transition:all var(--transition-fast);display:flex}.image-card-link{color:inherit;text-decoration:none;display:block}.image-card{border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;position:relative;overflow:hidden}.image-card-image-wrapper{aspect-ratio:4/3;overflow:hidden}.image-card-image{object-fit:cover;width:100%;height:100%;transition:transform .2s}.image-card-active .image-card-image{transform:scale(1.05)}.image-card-placeholder{background:var(--color-surface);width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.image-card-overlay{opacity:0;background:linear-gradient(#0000 0%,#0006 50%,#000c 100%);flex-direction:column;justify-content:flex-end;transition:opacity .2s;display:flex;position:absolute;inset:0}.image-card-overlay-visible{opacity:.9}.image-card-content{padding:var(--space-4);color:#fff}.image-card-category{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;opacity:.8;margin-bottom:var(--space-1);display:inline-block}.image-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}@media (hover:none){.image-card-overlay{opacity:.9}}.portfolio-main{padding:var(--space-8)0}.section{margin-bottom:48px}.section:last-child{margin-bottom:0}@media (max-width:767px){.section{margin-bottom:32px}}.section-text{max-width:65ch;margin-left:auto;margin-right:auto}.section-image{max-width:var(--visual-content-max-width);margin-left:auto;margin-right:auto}.image-figure{margin:0}.section-image-img{border-radius:var(--radius-lg);width:100%;height:auto}.image-portrait-container{justify-content:center;display:flex}.section-image-img--portrait{width:auto;max-width:100%;height:auto;max-height:85vh}.image-caption{margin-top:var(--space-3);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic}.layout-column-content .image-caption,.layout-sidebar-content .image-caption,.layout-main-content .image-caption{text-align:left}.section-hero{text-align:center;padding:var(--space-8)0}.hero-content{max-width:600px;margin:0 auto}.hero-profile-image{width:150px;height:150px;margin:0 auto var(--space-6);border-radius:var(--radius-full);overflow:hidden}.hero-profile-image img{object-fit:cover;width:100%;height:100%}.hero-name{font-family:var(--font-family-primary);font-size:var(--font-size-4xl);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);color:var(--color-text-primary);margin:0 0 var(--space-2)}.hero-title{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin:0 0 var(--space-4)}.hero-bio{color:var(--color-text-primary);margin-bottom:var(--space-6)}.hero-resume-link{display:inline-block}.section-featured-grid{max-width:var(--visual-content-max-width);margin-left:auto;margin-right:auto}.featured-grid-heading{font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);color:var(--color-text-primary);text-align:center;margin:0 0 var(--space-8)}.featured-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}@media (min-width:768px){.featured-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.featured-grid{grid-template-columns:repeat(3,1fr)}}.section-gallery{max-width:var(--visual-content-max-width);margin-left:auto;margin-right:auto}.gallery-heading{font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);color:var(--color-text-primary);text-align:center;margin:0 0 var(--space-8)}.gallery-grid{gap:var(--space-5);grid-template-columns:repeat(1,1fr);justify-content:start;display:grid}@media (min-width:640px){.gallery-grid{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.gallery-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr)}}@media (min-width:1600px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}.gallery-grid:has(>:only-child){grid-template-columns:1fr}.gallery-grid:has(>:only-child) .gallery-item-btn{aspect-ratio:16/9;max-height:65vh}.gallery-grid:has(>:nth-child(2)):not(:has(>:nth-child(3))){grid-template-columns:repeat(2,1fr)}.gallery-item{margin:0;position:relative}.gallery-item-btn{cursor:pointer;border-radius:var(--radius-md);aspect-ratio:4/3;background:0 0;border:none;width:100%;padding:0;display:block;overflow:hidden}.gallery-item-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.gallery-item-img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.gallery-item-btn:hover .gallery-item-img{transform:scale(1.05)}@media (prefers-reduced-motion:reduce){.gallery-item-img{transition:none}}.gallery-item-caption{margin-top:var(--space-3);font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.5}.gallery-load-more{margin-top:var(--space-8);justify-content:center;display:flex}.gallery-load-sentinel{visibility:hidden;height:1px}.gallery-loading-hint{text-align:center;padding:var(--space-6)0;color:var(--color-text-muted);font-size:var(--font-size-sm);letter-spacing:.05em;text-transform:uppercase}.gallery-info{margin-bottom:var(--space-3)}.gallery-count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.gallery-editor-grid{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.gallery-editor-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.gallery-editor-grid{grid-template-columns:repeat(4,1fr)}}.gallery-editor-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative;overflow:hidden}.gallery-editor-item.expanded{grid-column:1/-1}.gallery-editor-item-preview{aspect-ratio:1;position:relative}.gallery-item-drag-handle{top:var(--space-2);left:var(--space-2);z-index:2;border-radius:var(--radius-sm);color:#fff;cursor:grab;opacity:0;width:28px;height:28px;transition:opacity var(--transition-fast);background:#0009;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.gallery-editor-item:hover .gallery-item-drag-handle{opacity:1}.gallery-item-drag-handle:active{cursor:grabbing}.gallery-editor-item-thumb{cursor:pointer;width:100%;height:100%}.gallery-editor-item-thumb img{object-fit:cover;width:100%;height:100%}.gallery-editor-item-actions{top:var(--space-2);right:var(--space-2);gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast);display:flex;position:absolute}.gallery-editor-item:hover .gallery-editor-item-actions{opacity:1}.gallery-item-edit-btn,.gallery-item-delete-btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;width:28px;height:28px;transition:background var(--transition-fast);background:#0009;border:none;justify-content:center;align-items:center;display:flex}.gallery-item-edit-btn:hover{background:#000c}.gallery-item-delete-btn:hover{background:#d22d2d}.gallery-editor-item-details{padding:var(--space-3);border-top:1px solid var(--color-border);gap:var(--space-3);flex-direction:column;display:flex}.gallery-upload-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:120px;padding:var(--space-6);background:var(--color-background);border:2px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.gallery-upload-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.gallery-upload-btn:disabled{opacity:.6;cursor:not-allowed}.gallery-upload-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.gallery-image-drag-overlay{border-radius:var(--radius-md);width:100px;height:100px;box-shadow:var(--shadow-lg);opacity:.9;overflow:hidden}.gallery-image-drag-overlay img{object-fit:cover;width:100%;height:100%}@media (hover:none){.gallery-item-drag-handle,.gallery-editor-item-actions{opacity:1}}.form-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--color-accent)}.checkbox-label{align-items:center;gap:var(--space-3);min-height:var(--checkbox-touch-height);padding:var(--checkbox-touch-padding)0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast);border-radius:var(--radius-md);display:flex}.checkbox-label:hover{background:var(--color-surface)}.checkbox-label input[type=checkbox]{width:var(--checkbox-size);height:var(--checkbox-size);cursor:pointer;accent-color:var(--color-accent);flex-shrink:0;margin:0}.checkbox-label input[type=checkbox]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.checkbox-label-text{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--leading-normal)}.checkbox-helper-text{margin-top:var(--space-1);margin-left:calc(var(--checkbox-size) + var(--space-3));font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--leading-snug);display:block}@media (max-width:767px){.sortable-section{gap:var(--space-1)}.section-drag-handle{width:28px}.section-editor{padding:var(--space-3)}.add-section-menu{min-width:calc(100vw - var(--space-8));max-width:320px}.hero-name{font-size:var(--font-size-3xl)}.featured-grid{gap:var(--space-4);grid-template-columns:1fr}}.lightbox-overlay{z-index:var(--z-modal);opacity:0;background:#000000f2;justify-content:center;align-items:center;transition:opacity .3s ease-out;display:flex;position:fixed;inset:0}.lightbox-overlay.lightbox-visible{opacity:1}@media (prefers-reduced-motion:reduce){.lightbox-overlay{transition:none}}.lightbox-close{top:var(--space-4);right:var(--space-4);z-index:10;border-radius:var(--radius-full);color:#fff;cursor:pointer;width:48px;height:48px;transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.lightbox-close:hover{background:#ffffff1a}.lightbox-close:focus-visible{outline-offset:2px;outline:2px solid #fff}.lightbox-nav{z-index:10;border-radius:var(--radius-full);color:#fff;cursor:pointer;width:56px;height:56px;transition:background var(--transition-fast);background:#00000080;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#000000b3}.lightbox-nav:focus-visible{outline-offset:2px;outline:2px solid #fff}.lightbox-nav-prev{left:var(--space-4)}.lightbox-nav-next{right:var(--space-4)}.lightbox-content{justify-content:center;align-items:center;width:90vw;height:85vh;display:flex;position:relative}.lightbox-image{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:85vh}.lightbox-counter{bottom:var(--space-6);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;background:#0009;position:absolute;left:50%;transform:translate(-50%)}.lightbox-caption{bottom:calc(var(--space-6) + 40px);max-width:80vw;padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);text-align:center;line-height:var(--leading-normal);background:#0009;position:absolute;left:50%;transform:translate(-50%)}@media (max-width:767px){.lightbox-close{top:var(--space-3);right:var(--space-3);width:44px;height:44px}.lightbox-nav{width:44px;height:44px}.lightbox-nav-prev{left:var(--space-2)}.lightbox-nav-next{right:var(--space-2)}.lightbox-nav svg{width:24px;height:24px}.lightbox-content{width:95vw;height:80vh}.lightbox-image{max-height:80vh}.lightbox-counter{bottom:var(--space-4);font-size:var(--font-size-xs)}.lightbox-caption{bottom:calc(var(--space-4) + 36px);max-width:90vw;font-size:var(--font-size-xs)}}.modal-overlay{z-index:var(--z-modal-backdrop);padding:var(--space-4);animation:fadeIn var(--transition-fast)ease;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--admin-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;animation:modalSlideIn var(--transition-base)ease;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{padding:var(--space-4)var(--space-6);border-bottom:1px solid var(--admin-border);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--admin-text);margin:0}.modal-close{border-radius:var(--radius-md);width:36px;height:36px;color:var(--admin-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.modal-close:hover{background:var(--admin-bg-secondary);color:var(--admin-text)}.modal-content form{padding:var(--space-6)}.modal-actions{gap:var(--space-3);padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--admin-border);justify-content:flex-end;display:flex}.page-list-container{margin:0 calc(var(--space-4)*-1);padding:var(--space-3)var(--space-4);-webkit-overflow-scrolling:touch;overflow-x:auto}.page-tabs{gap:var(--space-2);min-width:max-content;display:flex}.page-tab{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--admin-bg-secondary);border:1px solid var(--admin-border);border-radius:var(--radius-lg);min-height:44px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--admin-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;display:flex}.page-tab:hover:not(:disabled){background:var(--admin-bg-tertiary);border-color:var(--admin-border-hover);color:var(--admin-text)}.page-tab:focus-visible{outline:2px solid var(--admin-primary);outline-offset:2px}.page-tab-active{background:var(--admin-primary);border-color:var(--admin-primary);color:#fff}.page-tab-active:hover:not(:disabled){background:var(--admin-primary-hover);border-color:var(--admin-primary-hover);color:#fff}.page-tab-home-icon{opacity:.7;flex-shrink:0}.page-tab-title{text-overflow:ellipsis;max-width:120px;overflow:hidden}.page-tab-add{color:var(--admin-text-muted);background:0 0;border-style:dashed}.page-tab-add:hover:not(:disabled){background:var(--admin-bg-secondary);color:var(--admin-primary);border-style:solid}.page-tab-add svg{flex-shrink:0}.card-header-with-actions{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.card-header-actions{gap:var(--space-2);display:flex}.btn-ghost{color:var(--admin-text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover:not(:disabled){background:var(--admin-bg-secondary);color:var(--admin-text)}.btn-sm{padding:var(--space-2)var(--space-3);font-size:var(--font-size-sm);min-height:36px}.btn-danger-text{color:var(--admin-error)}.btn-danger-text:hover:not(:disabled){color:var(--admin-error);background:#dc26261a}.page-settings-modal{max-width:480px}.slug-input-wrapper{align-items:center;gap:0;display:flex}.slug-prefix{padding:var(--space-3);background:var(--admin-bg-tertiary);border:1px solid var(--admin-border);border-radius:var(--radius-lg)0 0 var(--radius-lg);font-size:var(--font-size-sm);color:var(--admin-text-muted);white-space:nowrap;border-right:none}.slug-input{flex:1;border-radius:0 var(--radius-lg)var(--radius-lg)0!important}.form-checkbox-label{align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--font-size-sm);color:var(--admin-text);display:flex}.form-checkbox{width:18px;height:18px;accent-color:var(--admin-primary);cursor:pointer}.delete-modal{max-width:400px}.delete-modal-message{margin-bottom:var(--space-6);color:var(--admin-text);line-height:var(--leading-relaxed)}.delete-modal-message strong{color:var(--admin-text)}.btn-danger{background:var(--admin-error);border-color:var(--admin-error);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.portfolio-nav{z-index:var(--z-sticky);width:100%;position:sticky;top:0}.portfolio-nav-desktop{max-width:var(--nav-max-width);padding:var(--space-4)var(--space-6);justify-content:space-between;align-items:center;margin:0 auto;display:none;position:relative}@media (min-width:768px){.portfolio-nav-desktop{display:flex}.portfolio-nav-mobile{display:none}}.portfolio-nav-logo{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);transition:opacity var(--transition-fast);text-decoration:none}.portfolio-nav-logo:hover{opacity:.8}.portfolio-nav-measure{visibility:hidden;align-items:center;gap:var(--space-2);pointer-events:none;height:0;display:flex;position:absolute;overflow:hidden}.portfolio-nav-list{align-items:center;gap:var(--space-2);flex-wrap:nowrap;margin:0;padding:0;list-style:none;display:flex}.portfolio-nav-link{padding:var(--space-2)var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);touch-action:manipulation;white-space:nowrap;-webkit-hyphens:none;hyphens:none;text-decoration:none;display:block}.portfolio-nav-link:hover{opacity:.8}.portfolio-nav-link--active{font-weight:var(--font-weight-semibold)}@media (min-width:1024px){.portfolio-nav-list,.portfolio-nav-measure{gap:var(--space-3)}}@media (min-width:1200px){.portfolio-nav-list,.portfolio-nav-measure{gap:var(--space-4)}}@media (min-width:1280px){:root{--container-max-width:1400px;--nav-max-width:1600px;--visual-content-max-width:1600px;--text-content-max-width:900px}.portfolio-nav-list,.portfolio-nav-measure{gap:var(--space-3)}.portfolio-nav-desktop{padding:var(--space-4)var(--space-8)}}@media (min-width:1920px){:root{--container-max-width:1600px;--nav-max-width:1800px;--visual-content-max-width:1800px;--text-content-max-width:1000px}.portfolio-nav-list,.portfolio-nav-measure{gap:var(--space-4)}.portfolio-nav-desktop{padding:var(--space-4)var(--space-10)}}@media (min-width:2560px){:root{--container-max-width:1800px;--nav-max-width:2000px;--visual-content-max-width:1800px;--text-content-max-width:1000px}}@media (min-width:3440px){:root{--container-max-width:2200px;--visual-content-max-width:2200px;--nav-max-width:2400px;--text-content-max-width:900px}.portfolio-nav-list,.portfolio-nav-measure{gap:var(--space-4)}.portfolio-nav-desktop{padding:var(--space-4)var(--space-12)}}@media (min-width:3800px){:root{--container-max-width:2400px;--visual-content-max-width:2400px;--nav-max-width:2600px;--text-content-max-width:900px}}@media (min-width:5120px){:root{--container-max-width:2600px;--visual-content-max-width:2600px;--nav-max-width:2800px;--text-content-max-width:1000px}}.category-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:640px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.category-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:3440px){.category-grid,.featured-grid,.featured-work-grid{grid-template-columns:repeat(5,1fr)}.gallery-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:3800px){.category-grid,.featured-grid,.featured-work-grid{grid-template-columns:repeat(6,1fr)}.gallery-grid,.project-gallery{grid-template-columns:repeat(4,1fr)}}@media (min-width:5120px){.category-grid,.featured-grid,.featured-work-grid{grid-template-columns:repeat(6,1fr)}.gallery-grid,.project-gallery{grid-template-columns:repeat(4,1fr)}}.portfolio-nav-mobile{padding:var(--space-3)var(--space-4);justify-content:space-between;align-items:center;display:flex}@media (min-width:768px){.portfolio-nav-mobile{display:none}}.portfolio-nav-hamburger{width:44px;height:44px;padding:var(--space-2);cursor:pointer;z-index:calc(var(--z-modal) + 1);background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;display:flex}.portfolio-nav-hamburger-line{width:24px;height:2px;transition:all var(--transition-fast);background:currentColor;border-radius:1px}.portfolio-nav-hamburger--open .portfolio-nav-hamburger-line:first-child{transform:rotate(45deg)translate(5px,5px)}.portfolio-nav-hamburger--open .portfolio-nav-hamburger-line:nth-child(2){opacity:0}.portfolio-nav-hamburger--open .portfolio-nav-hamburger-line:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.portfolio-nav-overlay{z-index:var(--z-modal-backdrop);opacity:1;animation:fadeIn var(--transition-fast)ease;background:#00000080;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.portfolio-nav-menu{width:280px;max-width:85vw;padding:var(--space-4)var(--space-6)var(--space-6);z-index:var(--z-modal);transition:transform var(--transition-base);box-shadow:var(--shadow-xl);background:#fff;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.portfolio-nav-menu--open{transform:translate(0)}.portfolio-nav-menu-list{margin:0;padding:0;list-style:none}.portfolio-nav-menu-link{padding:var(--space-4);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);touch-action:manipulation;text-decoration:none;display:block}.portfolio-nav-menu-link:hover{opacity:.8}.portfolio-nav-menu-link--active{font-weight:var(--font-weight-bold)}.portfolio-nav--modern-minimal{--modern-text:var(--color-text-primary);--modern-text-muted:var(--color-text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-bottom:1px solid #0000000d}.portfolio-nav--modern-minimal .portfolio-nav-logo{color:var(--modern-text)}.portfolio-nav--modern-minimal .portfolio-nav-link{color:var(--modern-text-muted)}.portfolio-nav--modern-minimal .portfolio-nav-link:hover{color:var(--modern-text);background:#00000008}.portfolio-nav--modern-minimal .portfolio-nav-link--active{color:var(--modern-text);border-bottom:2px solid var(--color-accent,#2a6df4);background:#0000000d;border-radius:0}.portfolio-nav--modern-minimal .portfolio-nav-hamburger{color:var(--modern-text)}.portfolio-nav--modern-minimal .portfolio-nav-menu-link{color:var(--modern-text-muted)}.portfolio-nav--modern-minimal .portfolio-nav-menu-link:hover{color:var(--modern-text);background:#00000008}.portfolio-nav--modern-minimal .portfolio-nav-menu-link--active{color:var(--modern-text);background:#0000000d}.portfolio-nav--classic-elegant{--classic-accent:var(--color-accent);--classic-text:var(--color-text-primary);--classic-text-muted:var(--color-text-secondary);--classic-font-display:var(--font-family-display,"Playfair Display",Georgia,serif);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#faf9f7f2;border-bottom:1px solid #8b73551a}.portfolio-nav--classic-elegant .portfolio-nav-logo{color:var(--classic-text);font-family:var(--classic-font-display);letter-spacing:.02em}.portfolio-nav--classic-elegant .portfolio-nav-link{color:var(--classic-text-muted);font-family:var(--classic-font-display);letter-spacing:.03em;text-transform:uppercase;font-size:var(--font-size-xs)}.portfolio-nav--classic-elegant .portfolio-nav-link:hover{color:var(--classic-accent)}.portfolio-nav--classic-elegant .portfolio-nav-link--active{color:var(--classic-accent);border-bottom:2px solid var(--classic-accent);border-radius:0}.portfolio-nav--classic-elegant .portfolio-nav-hamburger{color:var(--classic-text)}.portfolio-nav--classic-elegant .portfolio-nav-menu-link{color:var(--classic-text-muted);font-family:var(--classic-font-display);letter-spacing:.02em}.portfolio-nav--classic-elegant .portfolio-nav-menu-link:hover,.portfolio-nav--classic-elegant .portfolio-nav-menu-link--active{color:var(--classic-accent)}.portfolio-nav--bold-editorial{--bold-accent:var(--color-accent);--bold-text:var(--color-text-primary);--bold-font-display:var(--font-family-display,"Sora","DM Sans",sans-serif);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0af2;border-bottom:1px solid #ffffff1a}.portfolio-nav--bold-editorial .portfolio-nav-logo{color:var(--bold-text);font-family:var(--bold-font-display);font-weight:var(--font-weight-extrabold);text-transform:uppercase;letter-spacing:.05em}.portfolio-nav--bold-editorial .portfolio-nav-link{color:#ffffffb3;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-xs)}.portfolio-nav--bold-editorial .portfolio-nav-link:hover{color:var(--bold-accent)}.portfolio-nav--bold-editorial .portfolio-nav-link--active{color:var(--bold-accent);border-bottom:2px solid var(--bold-accent);border-radius:0}.portfolio-nav--bold-editorial .portfolio-nav-hamburger{color:var(--bold-text)}.portfolio-nav--bold-editorial .portfolio-nav-menu-link{color:#ffffffb3;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.portfolio-nav--bold-editorial .portfolio-nav-menu-link:hover,.portfolio-nav--bold-editorial .portfolio-nav-menu-link--active{color:var(--bold-accent)}.portfolio-nav-menu--modern-minimal{color:#353b41;background:#fff}.portfolio-nav-menu--modern-minimal .portfolio-nav-menu-link{color:#5c6670}.portfolio-nav-menu--modern-minimal .portfolio-nav-menu-link:hover{color:#353b41;background:#00000008}.portfolio-nav-menu--modern-minimal .portfolio-nav-menu-link--active{color:#353b41;background:#0000000d}.portfolio-nav-menu--classic-elegant{color:#2a2822;background:#faf9f7fa;box-shadow:-4px 0 24px #8b73551f}.portfolio-nav-menu--classic-elegant .portfolio-nav-menu-link{color:#7c766a;letter-spacing:.02em;font-family:Playfair Display,Georgia,serif}.portfolio-nav-menu--classic-elegant .portfolio-nav-menu-link:hover,.portfolio-nav-menu--classic-elegant .portfolio-nav-menu-link--active{color:#b8672e}.portfolio-nav-menu--classic-elegant .portfolio-nav-menu-divider{border-color:#8b735526}.portfolio-nav-menu--bold-editorial{color:#ebebeb;background:#0a0a0afa;box-shadow:-4px 0 24px #00000080}.portfolio-nav-menu--bold-editorial .portfolio-nav-menu-link{color:#ffffffb3;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.portfolio-nav-menu--bold-editorial .portfolio-nav-menu-link:hover,.portfolio-nav-menu--bold-editorial .portfolio-nav-menu-link--active{color:#ea2e6d}.portfolio-nav-menu--bold-editorial .portfolio-nav-menu-divider{border-color:#ffffff1a}.draft-indicator{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all .2s ease-out;display:inline-flex}.draft-indicator--animating{transform:scale(1.05)}.draft-indicator-icon{justify-content:center;align-items:center;display:flex}.draft-indicator-spinner{animation:1s linear infinite spin}.draft-indicator--draft{background-color:var(--color-warning-bg,#fef3c7);color:var(--color-warning-text,#92400e);border:1px solid var(--color-warning-border,#fcd34d)}.draft-indicator--published{background-color:var(--color-success-bg,#d1fae5);color:var(--color-success-text,#065f46);border:1px solid var(--color-success-border,#6ee7b7)}.draft-indicator--saving{background-color:var(--color-info-bg,#dbeafe);color:var(--color-info-text,#1e40af);border:1px solid var(--color-info-border,#93c5fd)}.draft-indicator--saved{background-color:var(--color-success-bg,#d1fae5);color:var(--color-success-text,#065f46);border:1px solid var(--color-success-border,#6ee7b7)}.draft-indicator--error{background-color:var(--color-error-bg,#fee2e2);color:var(--color-error-text,#991b1b);border:1px solid var(--color-error-border,#fca5a5)}.publish-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background-color:var(--color-accent);color:#fff;cursor:pointer;border:none;transition:all .2s ease-out;display:inline-flex}.publish-btn:hover:not(:disabled){background-color:var(--color-accent-hover,#4338ca);transform:translateY(-1px)}.publish-btn:disabled{opacity:.5;cursor:not-allowed}.publish-btn--publishing{background-color:var(--color-info-text,#1e40af)}.publish-btn--success{background-color:var(--color-success-text,#065f46)}.publish-btn--error{background-color:var(--color-error-text,#991b1b)}.publish-btn-spinner{animation:1s linear infinite spin}.preview-banner{z-index:1000;padding:var(--space-2)var(--space-4);color:#fff;font-size:var(--font-size-sm);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.preview-banner-content{align-items:center;gap:var(--space-2);display:flex}.preview-banner-content svg{flex-shrink:0}.preview-banner-hint{opacity:.8;font-size:var(--font-size-xs)}.preview-banner-exit{color:#fff;padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);background:#fff3;text-decoration:none;transition:background .2s ease-out}.preview-banner-exit:hover{background:#ffffff4d}.preview-mode .portfolio-main{padding-top:var(--space-4)}.card-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}@media (max-width:640px){.admin-header-actions{gap:var(--space-1)}.draft-indicator-label{display:none}.draft-indicator{padding:var(--space-1)}.publish-btn span:not(.publish-btn-spinner){display:none}.publish-btn{padding:var(--space-2)}.preview-banner{gap:var(--space-2);text-align:center;flex-direction:column}.preview-banner-hint{display:none}}[data-theme],[data-theme] *{transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}.theme-selector-dropdown{gap:var(--space-2);flex-direction:column;display:flex}.theme-selector-label{font-size:var(--font-size-sm);color:var(--admin-text);font-weight:500}.theme-selector-select{width:100%;min-height:44px;padding:var(--space-2)var(--space-3);font-size:var(--font-size-base);color:var(--admin-text);background-color:var(--admin-bg);border:1px solid var(--admin-border);border-radius:var(--input-radius);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3)center;padding-right:var(--space-8);font-family:inherit}.theme-selector-select:hover{border-color:var(--admin-border-hover,var(--admin-border))}.theme-selector-select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #3b82f61a}.theme-selector-select:disabled{opacity:.6;cursor:not-allowed}.theme-selector-description{font-size:var(--font-size-sm);color:var(--admin-text-muted);margin:0;line-height:1.4}@media (max-width:640px){.theme-selector-select{min-height:48px;font-size:16px}}.featured-item-upload-overlay{border-radius:var(--radius-md);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.featured-item-image-preview{aspect-ratio:4/3;border-radius:var(--radius-md);background:var(--color-surface);width:100%;position:relative;overflow:hidden}.featured-item-image-preview img{object-fit:cover;width:100%;height:100%}.featured-item-image-actions{gap:0;display:flex;position:absolute;bottom:0;left:0;right:0}.featured-item-image-change,.featured-item-image-remove{padding:var(--space-2);color:#fff;font-size:var(--font-size-xs);cursor:pointer;transition:background var(--transition-fast);background:#000000b3;border:none;flex:1}.featured-item-image-change{border-right:1px solid #fff3}.featured-item-image-change:hover,.featured-item-image-remove:hover{background:#000000d9}.featured-item-upload-btn.drag-over,.featured-item-image-preview.drag-over{border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--color-accent-rgb,59,130,246),.2)}.featured-item-upload-btn.drag-over{background:rgba(var(--color-accent-rgb,59,130,246),.05)}.featured-item-upload-btn{justify-content:center;align-items:center;gap:var(--space-2);aspect-ratio:4/3;background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.featured-item-upload-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.featured-item-upload-btn span{font-size:var(--font-size-sm)}.featured-item-upload-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);opacity:.7}.settings-trigger{border-radius:var(--radius-md,6px);width:40px;height:40px;color:var(--admin-text,#374151);justify-content:center;align-items:center;padding:0;transition:background-color .15s,color .15s;display:flex}.settings-trigger:hover{background-color:var(--color-surface-hover,#0000000d);color:var(--admin-primary,#3b82f6)}.settings-trigger:focus-visible{outline:2px solid var(--admin-primary,#3b82f6);outline-offset:2px}.settings-trigger[aria-expanded=true]{background-color:var(--color-surface-active,#00000014);color:var(--admin-primary,#3b82f6)}.settings-trigger svg{flex-shrink:0}@media (max-width:767px){.settings-trigger{width:44px;height:44px}}.breadcrumb{margin-bottom:var(--space-3)}.breadcrumb-list{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);margin:0;padding:0;list-style:none;display:flex}.breadcrumb-item{align-items:center;gap:var(--space-2);display:flex}.breadcrumb-link{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:.02em;text-transform:uppercase;transition:color var(--transition-fast);text-decoration:none}.breadcrumb-link:hover{color:var(--color-accent)}.breadcrumb-current{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.breadcrumb-separator{color:var(--color-text-secondary);opacity:.4;font-size:var(--font-size-xs)}.category-page-header{padding-top:var(--space-6);padding-bottom:var(--space-8)}.category-page-header .category-title{font-size:var(--font-size-4xl,2.25rem);font-weight:var(--font-weight-bold);font-family:var(--font-family-primary);color:var(--color-text-primary);margin:0;line-height:1.1}.category-page-header .category-description{margin:var(--space-2)0 0 0;font-size:var(--font-size-lg,1.125rem);font-family:var(--font-family-secondary);color:var(--color-text-secondary);max-width:50ch;line-height:1.6}@media (max-width:767px){.category-page-header{padding-top:var(--space-4);padding-bottom:var(--space-6)}.category-page-header .category-title{font-size:var(--font-size-3xl,1.875rem)}.category-page-header .category-description{font-size:var(--font-size-base,1rem)}}.project-card{color:inherit;border-radius:var(--radius-lg);background:var(--color-surface);transition:transform var(--transition-normal),box-shadow var(--transition-normal);text-decoration:none;display:block;overflow:hidden}.project-card--portrait,.project-card--landscape,.project-card--square{grid-row:span 1}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-card-image-wrapper{aspect-ratio:16/9;background:var(--color-surface);position:relative;overflow:hidden}.project-card-image{object-fit:cover;transition:transform var(--transition-normal)}.project-card:hover .project-card-image{transform:scale(1.05)}.project-card-placeholder{background:var(--color-surface);color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-card-overlay{opacity:0;padding:var(--space-4);background:#0009;flex-direction:column;justify-content:flex-end;transition:opacity .3s;display:none;position:absolute;inset:0}@media (hover:hover) and (min-width:768px){.project-card-overlay{display:flex}.project-card:hover .project-card-overlay{opacity:1}}.project-card-overlay-content{color:#fff}.project-card-overlay-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1)0;font-family:var(--font-family-primary)}.project-card-overlay-venue{font-size:var(--font-size-sm);opacity:.9;margin:0}.project-card-overlay-year{font-size:var(--font-size-sm);opacity:.75;margin:0}.project-card-info{padding:var(--space-3)}@media (hover:hover) and (min-width:768px){.project-card-info{display:none}}.project-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1)0;font-family:var(--font-family-primary);color:var(--color-text-primary)}.project-card-venue{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.project-gallery{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:768px){.project-gallery{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.project-gallery{grid-template-columns:repeat(3,1fr)}}@media (min-width:3440px){.project-gallery{grid-template-columns:repeat(5,1fr)}}@media (min-width:3800px){.project-gallery{grid-template-columns:repeat(6,1fr)}}@media (min-width:5120px){.project-gallery{grid-template-columns:repeat(6,1fr)}}.project-gallery-item{aspect-ratio:3/2;border-radius:var(--radius-lg);background:var(--color-surface);cursor:zoom-in;width:100%;transition:transform var(--transition-normal);border:none;padding:0;display:block;position:relative;overflow:hidden}.project-gallery-item:hover{transform:scale(1.02)}.project-gallery-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.project-gallery-image{object-fit:cover;transition:transform var(--transition-normal)}.project-gallery-item:hover .project-gallery-image{transform:scale(1.05)}.category-header{margin-bottom:var(--space-8)}.category-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);font-family:var(--font-family-primary);color:var(--color-text-primary);margin:0}@media (max-width:767px){.category-title{font-size:var(--font-size-3xl)}}.category-empty{text-align:center;padding:var(--space-12)var(--space-4);color:var(--color-text-secondary)}.project-header{margin-bottom:var(--space-8)}.project-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);font-family:var(--font-family-primary);color:var(--color-text-primary);margin:0 0 var(--space-4)0}@media (max-width:767px){.project-title{font-size:var(--font-size-3xl)}}.project-meta{gap:var(--space-3)var(--space-6);color:var(--color-text-secondary);padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.project-venue,.project-year,.project-role{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-secondary);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin:0}.project-venue:after,.project-year:after{content:"·";margin-left:var(--space-5);color:var(--color-text-secondary);opacity:.5}.project-meta>:last-child:after{content:none}[data-page=about] .hero-title{color:var(--color-accent)}.project-content{gap:var(--space-12);margin-bottom:var(--space-10);flex-direction:column;display:flex}@media (max-width:767px){.project-content{gap:var(--space-10)}}.project-content>.section,.project-content>.section-layout,.project-content>.section-text,.project-content>.section-image,.project-content>.section-gallery,.project-content>.section-hero,.project-content>.section-featured-grid{margin-bottom:0}.section-layout{max-width:var(--visual-content-max-width,1200px);padding-top:var(--space-4);padding-bottom:var(--space-4);margin-left:auto;margin-right:auto}.project-content>.section-layout+.section-layout{padding-top:var(--space-16)}.project-gallery-heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);color:var(--color-text-primary);margin:0 0 var(--space-6)0}.featured-work-section{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.featured-work-heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);color:var(--color-text-primary);margin:0 0 var(--space-6)0}.featured-work-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:640px){.featured-work-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.featured-work-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:3440px){.featured-work-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:3800px){.featured-work-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width:5120px){.featured-work-grid{grid-template-columns:repeat(6,1fr)}}.featured-carousel-section{margin-top:var(--space-8);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.featured-carousel-heading{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);color:var(--color-text-primary);margin:0 0 var(--space-6)0}.featured-carousel{width:100%;max-width:var(--visual-content-max-width);border-radius:var(--radius-lg);margin:0 auto;position:relative;overflow:hidden}.featured-carousel:focus{outline:none}.featured-carousel:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.carousel-viewport{aspect-ratio:4/3;background:var(--color-surface);width:100%;position:relative;overflow:hidden}@media (min-width:640px){.carousel-viewport{aspect-ratio:16/9;max-height:70vh}}.carousel-slides{width:100%;height:100%;position:relative}.carousel-slide{opacity:0;visibility:hidden;transition-property:opacity;transition-timing-function:ease-in-out;position:absolute;inset:0}.carousel-slide-active{opacity:1;visibility:visible;z-index:2}.carousel-slide-exiting{opacity:0;visibility:visible;z-index:1}@media (prefers-reduced-motion:reduce){.carousel-slide{transition:none}}.carousel-slide-link{width:100%;height:100%;color:inherit;text-decoration:none;display:block;position:relative}.carousel-slide-link:focus-visible{outline-offset:-4px;outline:2px solid #fff}.carousel-slide-image{object-fit:cover;object-position:center}.carousel-slide-image--portrait{object-fit:contain;object-position:center;z-index:1}.carousel-slide-blur-bg{object-fit:cover;object-position:center;filter:blur(40px)saturate(1.2)brightness(.6);z-index:0;position:absolute;inset:0;transform:scale(1.15)}.carousel-slide-placeholder{background:var(--color-surface);width:100%;height:100%;color:var(--color-text-muted);font-size:var(--font-size-lg);justify-content:center;align-items:center;display:flex}.carousel-slide-overlay{z-index:3;padding:var(--space-6);background:linear-gradient(#0000 30%,#0000004d 60%,#000000b3 100%);align-items:flex-end;display:flex;position:absolute;inset:0}.carousel-slide-info{color:#fff;max-width:80%}.carousel-slide-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);color:#fff;margin:0 0 var(--space-2)0;line-height:var(--leading-tight);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.carousel-slide-meta{font-size:var(--font-size-sm);color:#ffffffd9;margin:0}@media (min-width:640px){.carousel-slide-overlay{padding:var(--space-8)}.carousel-slide-title{font-size:var(--font-size-3xl)}.carousel-slide-meta{font-size:var(--font-size-base)}.carousel-slide--portrait .carousel-slide-overlay{background:linear-gradient(90deg,#0000008c 0%,#00000040 30%,#0000 50%)}.carousel-slide--portrait .carousel-slide-info{max-width:38%}}.carousel-nav-button{z-index:10;border-radius:var(--radius-full);color:#fff;cursor:pointer;opacity:0;width:48px;height:48px;transition:opacity var(--transition-fast),background var(--transition-fast);background:#00000080;border:none;justify-content:center;align-items:center;display:none;position:absolute;top:50%;transform:translateY(-50%)}.carousel-nav-button:hover{background:#000000b3}.carousel-nav-button:focus-visible{outline-offset:2px;opacity:1;outline:2px solid #fff}.featured-carousel:hover .carousel-nav-button,.featured-carousel:focus-within .carousel-nav-button{opacity:1}.carousel-nav-prev{left:var(--space-6)}.carousel-nav-next{right:var(--space-6)}@media (min-width:640px){.carousel-nav-button{display:flex}}.carousel-indicators{bottom:var(--space-4);z-index:10;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-full);background:#0000004d;display:flex;position:absolute;left:50%;transform:translate(-50%)}.carousel-indicator{border-radius:var(--radius-full);cursor:pointer;width:10px;height:10px;transition:background var(--transition-fast),transform var(--transition-fast);background:#ffffff80;border:none;margin:0;padding:0;position:relative}.carousel-indicator:before{content:"";position:absolute;inset:-17px}.carousel-indicator:hover{background:#ffffffbf}.carousel-indicator:focus-visible{outline-offset:2px;outline:2px solid #fff}.carousel-indicator-active{background:#fff;transform:scale(1.2)}.carousel-pause-button{bottom:var(--space-4);right:var(--space-4);z-index:10;border-radius:var(--radius-full);color:#fff;cursor:pointer;width:44px;height:44px;transition:background var(--transition-fast);background:#00000080;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.carousel-pause-button:hover{background:#000000b3}.carousel-pause-button:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (prefers-reduced-motion:reduce){.carousel-pause-button{display:none}}@media (max-width:639px){.carousel-indicators{bottom:var(--space-3)}.carousel-pause-button{bottom:var(--space-3);right:var(--space-3);width:44px;height:44px}.carousel-slide-overlay{padding:var(--space-4)}.carousel-slide-info{max-width:90%}.carousel-slide-title{font-size:var(--font-size-xl)}}.portfolio-nav-dropdown-container{position:relative}.portfolio-nav-dropdown-trigger{align-items:center;gap:var(--space-1);cursor:pointer;font:inherit;color:inherit;padding:var(--space-2)var(--space-3);background:0 0;border:none;display:flex}.portfolio-nav-dropdown-icon{transition:transform var(--transition-fast)}.portfolio-nav-dropdown-icon--open{transform:rotate(180deg)}.portfolio-nav-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:180px;box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:var(--z-dropdown);animation:.15s dropdown-fade-in;position:absolute;top:100%;left:0}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.portfolio-nav-dropdown-item{padding:var(--space-2)var(--space-3);color:var(--color-text-primary);border-radius:var(--radius-sm);transition:background var(--transition-fast);text-decoration:none;display:block}.portfolio-nav-dropdown-item:hover{background:var(--color-background)}.portfolio-nav-dropdown-item--active{color:var(--color-accent);font-weight:var(--font-weight-medium)}.portfolio-nav-menu-divider{padding:var(--space-3)var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;border-top:1px solid var(--color-border);margin-top:var(--space-2)}.portfolio-nav-menu-divider:first-child{border-top:none;margin-top:0}.portfolio-nav-menu-link--indent{padding-left:var(--space-6)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.skeleton-image:after,.skeleton-text:after{animation:none!important}}.skeleton-card{gap:var(--space-3);flex-direction:column;display:flex}.skeleton-image{background:var(--color-surface);border-radius:var(--radius-md);width:100%;position:relative;overflow:hidden}.skeleton-image:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%);animation:1.5s ease-in-out infinite shimmer;position:absolute;inset:0}.skeleton-text-group{gap:var(--space-2);flex-direction:column;display:flex}.skeleton-text{background:var(--color-surface);border-radius:var(--radius-sm);height:1em;position:relative;overflow:hidden}.skeleton-text:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff14 50%,#0000 100%);animation:1.5s ease-in-out infinite shimmer;position:absolute;inset:0}.skeleton-text--title{width:70%;height:1.25em}.skeleton-text--subtitle{width:50%;height:1em}.skeleton-text--heading{width:40%;height:2em;margin-bottom:var(--space-6)}.skeleton-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}@media (max-width:639px){.skeleton-grid{gap:var(--space-4);grid-template-columns:1fr}}.empty-state{padding:var(--space-16)var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.empty-state-icon{width:48px;height:48px;margin-bottom:var(--space-4);color:var(--color-text-muted);opacity:.5}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3)0}.empty-state-message{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px;line-height:var(--leading-relaxed);margin:0}.empty-state-action{margin-top:var(--space-6)}@media (max-width:639px){.empty-state{padding:var(--space-12)var(--space-4);min-height:250px}.empty-state-icon{width:40px;height:40px}.empty-state-title{font-size:var(--font-size-lg)}.empty-state-message{font-size:var(--font-size-sm)}}.image-fallback{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md);width:100%;padding:var(--space-6);flex-direction:column;justify-content:center;align-items:center;display:flex}.image-fallback-icon{width:48px;height:48px;color:var(--color-text-muted);opacity:.4;margin-bottom:var(--space-2)}.image-fallback-message{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.image-with-fallback{width:100%;height:100%;position:relative}.image-with-fallback--loading .skeleton-image{position:absolute;inset:0}.image-loading-overlay{z-index:1;position:absolute;inset:0}.blur-up-image{transition:filter .3s ease-out}.not-found-page{min-height:100vh;padding:var(--space-8);background:var(--color-background);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.not-found-content{flex-direction:column;align-items:center;max-width:480px;display:flex}.not-found-code{font-size:clamp(4rem,15vw,8rem);font-weight:var(--font-weight-bold);color:var(--color-text-muted);opacity:.3;margin-bottom:var(--space-4);line-height:1}.not-found-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4)0}.not-found-message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--space-8)0;line-height:var(--leading-relaxed)}.not-found-action{min-width:200px}@media (max-width:639px){.not-found-page{padding:var(--space-6)}.not-found-code{margin-bottom:var(--space-2)}.not-found-title{font-size:var(--font-size-xl)}.not-found-message{font-size:var(--font-size-sm);margin-bottom:var(--space-6)}}.category-empty{padding:var(--space-16)var(--space-4);text-align:center;min-height:300px;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.section-loading{padding:var(--space-8)0}.hero-skeleton{align-items:center;gap:var(--space-4);padding:var(--space-16)var(--space-4);flex-direction:column;display:flex}.hero-skeleton .skeleton-image{border-radius:var(--radius-full);width:150px;height:150px}.hero-skeleton .skeleton-text--name{width:200px;height:2.5em}.hero-skeleton .skeleton-text--title{width:280px;height:1.5em}.gallery-skeleton{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.gallery-skeleton .skeleton-image{aspect-ratio:3/2}@media (max-width:639px){.gallery-skeleton{grid-template-columns:1fr}}.portfolio-loading,.category-loading,.project-loading{min-height:100vh}.portfolio-nav-skeleton{padding:var(--space-4)0;border-bottom:1px solid var(--color-border)}.project-header-skeleton{margin-bottom:var(--space-6)}.project-gallery-section{margin-top:var(--space-8)}.portfolio-loading,.category-loading,.project-loading{background:var(--color-background)}.template-clean-minimal{--clean-minimal-max-width:1200px;--clean-minimal-hero-padding:var(--space-8);--clean-minimal-stack-gap:var(--space-8)}.clean-minimal-hero-wrapper{max-width:var(--clean-minimal-max-width);padding:var(--space-8)var(--space-4);margin:0 auto}.clean-minimal-hero-wrapper .hero-content{padding:var(--clean-minimal-hero-padding)0;text-align:center}.clean-minimal-hero-wrapper .hero-name{font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.clean-minimal-hero-wrapper .hero-title{font-size:var(--font-size-xl);opacity:.8}.clean-minimal-featured{padding:var(--space-8)var(--space-4)}.clean-minimal-stack{gap:var(--clean-minimal-stack-gap);max-width:var(--clean-minimal-max-width);flex-direction:column;margin:0 auto;display:flex}.clean-minimal-stack-item{border-radius:var(--radius-lg);color:inherit;text-decoration:none;display:block;position:relative;overflow:hidden}.clean-minimal-stack-image-wrapper{aspect-ratio:16/9;background:var(--bg-secondary);position:relative}.clean-minimal-stack-image{object-fit:cover;transition:transform var(--transition-slow)}.clean-minimal-stack-item:hover .clean-minimal-stack-image,.clean-minimal-stack-item:focus-visible .clean-minimal-stack-image{transform:scale(1.02)}.clean-minimal-stack-placeholder{background:var(--bg-secondary);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.clean-minimal-stack-placeholder svg{opacity:.3;width:64px;height:64px;color:var(--text-secondary)}.clean-minimal-stack-overlay{padding:var(--space-6);opacity:0;transition:opacity var(--transition-normal);background:linear-gradient(#0000 40%,#0000004d 70%,#000000b3 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.clean-minimal-stack-item:hover .clean-minimal-stack-overlay,.clean-minimal-stack-item:focus-visible .clean-minimal-stack-overlay{opacity:1}.clean-minimal-stack-title{color:#fff;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1);text-shadow:0 2px 4px #0000004d}.clean-minimal-stack-meta{color:#ffffffd9;font-size:var(--font-size-base);text-shadow:0 1px 2px #0000004d;margin:0}.clean-minimal-footer{margin-top:var(--space-16);padding:var(--space-8)var(--space-4);text-align:center}@media (max-width:768px){.template-clean-minimal{--clean-minimal-hero-padding:var(--space-8);--clean-minimal-stack-gap:var(--space-6)}.clean-minimal-hero-wrapper .hero-name{font-size:var(--font-size-3xl)}.clean-minimal-stack-title{font-size:var(--font-size-xl)}.clean-minimal-stack-overlay{opacity:1;background:linear-gradient(#0000 50%,#0009 100%)}}@media (max-width:480px){.clean-minimal-hero-wrapper,.clean-minimal-featured{padding:var(--space-4)var(--space-3)}.clean-minimal-stack-overlay{padding:var(--space-4)}.clean-minimal-stack-title{font-size:var(--font-size-lg)}.clean-minimal-stack-meta{font-size:var(--font-size-sm)}}[data-theme=modern-minimal] .clean-minimal-stack-item{box-shadow:0 4px 6px -1px #0000001a}[data-theme=classic-elegant] .clean-minimal-stack-item{border-radius:var(--radius-md)}[data-theme=classic-elegant] .clean-minimal-stack-overlay{background:linear-gradient(#0000 40%,#1e140a4d 70%,#1e140abf 100%)}[data-theme=bold-editorial] .clean-minimal-stack-item{border-radius:0}[data-theme=bold-editorial] .clean-minimal-stack-overlay{background:linear-gradient(#0000 30%,#0006 60%,#000000d9 100%)}[data-theme=bold-editorial] .clean-minimal-stack-title{font-weight:var(--font-weight-bold);letter-spacing:.02em}.template-selector{margin-top:var(--space-4)}.template-selector-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--admin-text);margin-bottom:var(--space-2);display:block}.template-selector-cards{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.template-card{padding:var(--space-3);background:var(--admin-bg);border:2px solid var(--admin-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);text-align:left;flex-direction:column;display:flex;position:relative}.template-card:hover:not(:disabled){border-color:var(--admin-border-hover)}.template-card:focus-visible{outline:2px solid var(--admin-primary);outline-offset:2px}.template-card--selected{border-color:var(--admin-primary);background:#f5f8fe}.template-card:disabled{opacity:.6;cursor:not-allowed}.template-card-preview{aspect-ratio:3/2;background:var(--admin-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex;overflow:hidden}.template-thumbnail{width:100%;height:100%;color:var(--admin-text)}.template-card-info{gap:var(--space-1);flex-direction:column;display:flex}.template-card-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--admin-text)}.template-card-description{font-size:var(--font-size-xs);color:var(--admin-text-secondary);line-height:1.4}.template-card-check{top:var(--space-2);right:var(--space-2);background:var(--admin-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute}.template-preview-link{margin-top:var(--space-3);font-size:var(--font-size-sm);color:var(--admin-primary);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none;display:block}.template-preview-link:hover{text-decoration:underline}.theme-selector{margin-top:var(--space-4)}.theme-selector-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--admin-text);margin-bottom:var(--space-2);display:block}.theme-selector-cards{gap:var(--space-3);grid-template-columns:1fr 1fr 1fr;display:grid}.theme-card{padding:var(--space-3);background:var(--admin-bg);border:2px solid var(--admin-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);text-align:left;flex-direction:column;display:flex;position:relative}.theme-card:hover:not(:disabled){border-color:var(--admin-border-hover)}.theme-card:focus-visible{outline:2px solid var(--admin-primary);outline-offset:2px}.theme-card--selected{border-color:var(--admin-primary);background:#f5f8fe}.theme-card:disabled{opacity:.6;cursor:not-allowed}.theme-card-preview{aspect-ratio:3/2;background:var(--admin-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex;overflow:hidden}.theme-thumbnail{width:100%;height:100%;color:var(--admin-text)}.theme-card-info{gap:var(--space-1);flex-direction:column;display:flex}.theme-card-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--admin-text)}.theme-card-description{font-size:var(--font-size-xs);color:var(--admin-text-secondary);line-height:1.4}.theme-card-check{top:var(--space-2);right:var(--space-2);background:var(--admin-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute}.template-preview-overlay{z-index:9999;padding:var(--space-4);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.template-preview-modal{background:var(--admin-bg);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:1400px;height:90vh;max-height:900px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.template-preview-header{padding:var(--space-4)var(--space-6);border-bottom:1px solid var(--admin-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.template-preview-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.template-preview-close{border-radius:var(--radius-md);width:40px;height:40px;color:var(--admin-text-secondary);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.template-preview-close:hover{background:var(--admin-bg-secondary);color:var(--admin-text)}.template-preview-viewport{background:var(--admin-bg-secondary);flex:1;overflow:hidden}.template-preview-iframe{border:none;width:100%;height:100%}.template-preview-footer{padding:var(--space-4)var(--space-6);border-top:1px solid var(--admin-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.template-preview-hint{font-size:var(--font-size-sm);color:var(--admin-text-secondary);margin:0}.template-preview-actions{gap:var(--space-3);display:flex}@media (max-width:640px){.template-selector-cards,.theme-selector-cards{grid-template-columns:1fr}.template-preview-modal{border-radius:0;height:100vh;max-height:none}.template-preview-footer{gap:var(--space-3);flex-direction:column}.template-preview-hint{text-align:center}.template-preview-actions{width:100%}.template-preview-actions .btn{flex:1}}.view-links-group{align-items:center;gap:var(--space-2);margin-right:var(--space-4);display:inline-flex}.view-link{align-items:center;gap:var(--space-1);min-height:40px;padding:var(--space-2)var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:background var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-decoration:none;display:inline-flex}.view-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.view-link--draft{color:#2662d9}.view-link--draft:hover{color:#1754cf;background:#eef2fc}.view-link--live{color:#28bd5f}.view-link--live:hover{color:#1ab352;background:#eefbf3}.view-link-icon-eye{flex-shrink:0;width:12px;height:12px}.view-link-icon-external{opacity:.7;flex-shrink:0;width:10px;height:10px}@media (max-width:767px){.view-links-group{gap:var(--space-1);margin-right:var(--space-3)}.view-link{padding:var(--space-2);font-size:var(--font-size-xs)}}.search-overlay-backdrop{background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:900;animation:.25s fadeIn;position:fixed;inset:0}.search-overlay{z-index:1000;background:var(--color-background);border-radius:16px;flex-direction:column;width:85%;max-width:800px;max-height:75vh;animation:.25s slideUp;display:flex;position:fixed;top:8vh;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}.search-overlay-header{padding:var(--space-4)var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-background);flex-shrink:0}.search-overlay-input-wrapper{background:var(--color-background);border-radius:var(--radius-lg);border:1px solid var(--color-border);align-items:center;max-width:800px;margin:0 auto;padding:.625rem .875rem;display:flex}.search-overlay-icon{width:18px;height:18px;color:var(--color-text-muted);flex-shrink:0;margin-right:10px}.search-overlay-input{font-family:var(--font-family-secondary);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;min-height:20px;padding:0;font-size:16px;line-height:1.5}.search-overlay-input::placeholder{color:var(--color-text-muted);font-size:16px}.search-overlay-close{width:44px;height:44px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-overlay-close:hover{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text-primary)}.search-overlay-results{padding:var(--space-4)var(--space-6);flex:1;width:100%;min-height:0;overflow-y:auto}.search-overlay-results-content{width:100%}.search-overlay-loading{padding:var(--space-12);justify-content:center;align-items:center;display:flex}.search-overlay-error{padding:var(--space-4);color:var(--color-error,#dc2828);border-radius:var(--radius-md);margin-bottom:var(--space-4);background:#dc28281a;border:1px solid #dc282833}.search-overlay-empty{padding:var(--space-6)}.search-overlay-zero-state{text-align:center;padding:var(--space-12)var(--space-4)}.search-overlay-results section{margin-bottom:1rem}.search-overlay-results section:last-child{margin-bottom:0}.search-overlay-results h2{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:.375rem;font-size:.6875rem;font-weight:600}.search-overlay-results .space-y-3{flex-direction:column;gap:.25rem;display:flex}.search-overlay-results .space-y-4{flex-direction:column;gap:.375rem;display:flex}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (max-width:768px){.search-overlay{border-radius:12px;width:95%;max-height:92vh;top:2vh}.search-overlay-header,.search-overlay-results{padding:var(--space-3)var(--space-4)}.search-overlay-results{padding:var(--space-4)}.search-overlay-input,.search-overlay-input::placeholder{font-size:1rem}.search-overlay-empty,.search-overlay-zero-state{padding:var(--space-8)var(--space-4)}}@media (prefers-reduced-motion:reduce){.search-overlay-backdrop,.search-overlay{animation:none}}.search-project-thumbnail{width:140px;height:90px;position:relative}@media (min-width:640px){.search-project-thumbnail{width:150px;height:95px}}@media (min-width:768px){.search-project-thumbnail{width:160px;height:100px}}@media (min-width:1024px){.search-project-thumbnail{width:180px;height:115px}}.search-nested-image{width:80px;height:80px;position:relative}@media (min-width:640px){.search-nested-image{width:90px;height:90px}}@media (min-width:768px){.search-nested-image{width:95px;height:95px}}@media (min-width:1024px){.search-nested-image{width:100px;height:100px}}.search-standalone-image{width:150px;height:150px;position:relative}.search-project-card[data-match-type=title]{border-left-width:4px;border-left-color:var(--color-accent)}.search-project-card[data-match-type=content]{border-left-width:2px;border-left-color:var(--color-border)}.search-project-card{transition:box-shadow .2s ease-in-out,border-color .2s ease-in-out}@media (max-width:640px){.search-project-card button,.search-nested-image-card,.search-standalone-image-card{min-height:44px}}.search-image-card-container{aspect-ratio:3/2;background-color:var(--color-surface);border-radius:.5rem;margin-bottom:.5rem;position:relative;overflow:hidden}.search-image-card-container img{object-fit:cover;transition:transform .2s ease-in-out}.search-image-card-link:hover .search-image-card-container img{transform:scale(1.05)}.search-image-card-overlay{background-color:#0000;transition:background-color .2s ease-in-out;position:absolute;inset:0}.search-image-card-link:hover .search-image-card-overlay{background-color:#0003}.search-image-match-badge{background-color:var(--color-accent);width:1.25rem;height:1.25rem;color:var(--color-accent-contrast,white);border-radius:9999px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:.5rem;right:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.search-highlight-mark{background-color:var(--color-highlight-bg);color:var(--color-highlight-text);border-radius:.125rem;padding:0 .125rem;font-weight:600}.search-image-caption{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;transition:color .2s ease-in-out;overflow:hidden}.search-image-card-link:hover .search-image-caption{color:var(--color-accent)}.search-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}@media (min-width:640px){.search-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.search-image-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.search-image-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.search-image-group{margin-bottom:2rem}.search-image-group-header{color:var(--color-text-secondary);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;text-decoration:none;transition:color .2s ease-in-out;display:inline-flex}.search-image-group-header:hover{color:var(--color-accent)}.search-image-group-title{font-weight:500}.search-image-group-meta{font-size:.75rem}.search-image-group-badge{background-color:var(--color-highlight-bg);color:var(--color-highlight-text);border-radius:.25rem;margin-left:.5rem;padding:.125rem .5rem;font-size:.75rem}.search-image-card-link{text-decoration:none;display:block}.search-overlay{animation:.2s ease-out fadeIn}.search-results-section{animation:.3s ease-out slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.search-image-card-container{transition:transform .2s ease-out,box-shadow .2s ease-out}.search-image-card-link:hover .search-image-card-container{box-shadow:var(--shadow-md);transform:scale(1.05)}.search-image-group-header{transition:color .2s ease-out}@media (prefers-reduced-motion:reduce){.search-overlay,.search-results-section,.search-image-card-container,.search-image-group-header{transition:none!important;animation:none!important}}.auth-page{min-height:100vh;padding:var(--space-6);background-color:var(--color-background);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:400px;animation:.3s ease-out auth-fade-in;display:flex}.auth-icon{width:64px;height:64px;margin-bottom:var(--space-6);color:var(--color-text-muted);opacity:.6}.auth-icon svg{stroke-width:1.5px;width:100%;height:100%}.auth-title{font-family:var(--font-family-primary);font-size:var(--font-size-2xl);font-weight:var(--heading-weight,var(--font-weight-semibold));letter-spacing:var(--heading-tracking,-.02em);color:var(--color-text-primary);margin:0 0 var(--space-3)0}.auth-subtitle{font-family:var(--font-family-secondary);font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--space-8)0;line-height:var(--leading-relaxed)}.auth-google-btn{justify-content:center;align-items:center;gap:var(--space-3);width:100%;max-width:280px;min-height:48px;padding:var(--space-3)var(--space-6);background-color:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--button-radius,var(--radius-md));font-family:var(--font-family-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);display:inline-flex}.auth-google-btn:hover{background-color:var(--color-surface-hover,#fafafa);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.auth-google-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.auth-google-btn:active{transform:scale(.98)}.auth-google-btn svg{flex-shrink:0;width:20px;height:20px}.auth-disclaimer{margin-top:var(--space-8);font-family:var(--font-family-secondary);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.auth-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;width:100%;max-width:240px;display:flex}.auth-actions .btn{width:100%}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.auth-card{animation:none}}@media (max-width:639px){.auth-page{padding:var(--space-4)}.auth-icon{width:56px;height:56px;margin-bottom:var(--space-5)}.auth-title{font-size:var(--font-size-xl)}.auth-subtitle{font-size:var(--font-size-sm);margin-bottom:var(--space-6)}}