.album-shot-tab-btn{display:inline-flex;align-items:center;gap:var(--spacing-1_5);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid transparent;border-bottom:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:500;font-family:inherit;line-height:1;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.album-shot-tab-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.album-shot-tab-btn.is-active{background:var(--color-bg-primary);color:var(--color-text-primary);font-weight:600;border-color:var(--color-border);border-bottom-color:var(--color-bg-primary);margin-bottom:-1px}[data-theme=dark] .album-shot-tab-btn:hover{background:var(--slate-700)}[data-theme=dark] .album-shot-tab-btn.is-active{background:var(--slate-800);border-color:var(--slate-700);border-bottom-color:var(--slate-800)}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.topbar{height:64px}.topbar-logo{height:32px}.album-workspace-title{max-width:300px}.album-shot-page.page{padding:0;max-width:none;background:var(--color-bg-tertiary)}[data-theme=dark] .album-shot-page.page{background:var(--color-bg-secondary)}.album-shot-hero{position:relative;height:46vh!important;min-height:220px;max-height:52vh;overflow:hidden}@media (min-width: 900px){.album-shot-hero{min-height:280px}}.album-shot-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transform:scale(1.02)}.album-shot-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(15,23,42,.15) 0%,rgba(15,23,42,.75) 100%)}.album-shot-hero__stats-slot{position:absolute;left:var(--spacing-3);right:var(--spacing-3);bottom:var(--spacing-3);z-index:3;pointer-events:auto}.album-shot-hero__top-actions{position:absolute;top:var(--spacing-4);right:var(--spacing-4);z-index:2}.album-shot-hero__cover-btn{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--spacing-1_5) var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 6px -1px #0000001a}.album-shot-hero__cover-btn:hover{background:rgba(255,255,255,.22);transform:translateY(-1px)}.album-shot-hero__cover-btn.is-active{background:rgba(15,23,42,.65);border-color:#ffffff4d;color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.album-shot-hero__cover-btn.is-active:hover{background:rgba(15,23,42,.85)}.album-shot-hero__titles{position:absolute;left:var(--spacing-6);right:auto;top:var(--spacing-4);z-index:2}.album-shot-hero__title{font-size:var(--font-size-5xl)!important;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.6),0 4px 20px rgba(0,0,0,.5);letter-spacing:-.02em;line-height:var(--leading-tight)}.album-shot-hero__subtitle{margin:var(--spacing-2) 0 0;font-size:var(--font-size-lg);color:#ffffffe0;font-weight:500}.album-shot-hero__photographer{margin:var(--spacing-1) 0 0;font-size:var(--font-size-md);color:#ffffffa6;font-weight:400;letter-spacing:.01em}.album-shot-panel{max-width:1400px;margin:0 auto;padding:0 var(--spacing-4) var(--spacing-12)}.album-shot-panel__row{margin-top:var(--spacing-3)}.album-shot-panel__row--stats{margin-top:-28px;position:relative;z-index:3}.album-shot-stats{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-primary);border-radius:var(--radius-3xl);border:1px solid var(--color-border);box-shadow:0 10px 40px -15px #0f172a40}.album-shot-stats--rich{flex-wrap:wrap;row-gap:var(--spacing-2_5);column-gap:var(--spacing-2)}.album-shot-stat-pill{display:inline-flex;align-items:center;gap:var(--spacing-1_5);margin:0;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-primary);cursor:pointer;font-size:var(--font-size-md);color:var(--color-text-main);font-family:inherit;transition:background var(--transition-fast),border-color var(--transition-fast)}.album-shot-stat-pill:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--slate-300)}.album-shot-stat-pill:disabled{opacity:.55;cursor:not-allowed}.album-shot-stat-pill.is-active{background:#ecfdf5;border-color:#6ee7b7;color:#047857}.album-shot-stat-pill.is-active .album-shot-stat-pill__num{background:rgba(4,120,87,.15)}.album-shot-stat-pill__icon,.album-shot-stat-pill__star{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);line-height:1;opacity:.9}.album-shot-stat-pill--star .album-shot-stat-pill__star{color:#ca8a04}.album-shot-stat-pill--star.is-active .album-shot-stat-pill__star{color:#047857}.album-shot-stat-pill__label{font-weight:600}.album-shot-stat-pill__num{font-weight:700;font-variant-numeric:tabular-nums;min-width:1.25em;text-align:center;background:rgba(15,23,42,.08);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full);margin-left:var(--spacing-1)}.album-shot-stats.album-shot-stats--hero{width:100%;display:flex;justify-content:flex-start;align-items:center;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;gap:var(--spacing-2)!important}.album-shot-stats.album-shot-stats--hero .album-shot-stat-pill{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center;background:rgba(0,0,0,.15)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)!important;color:var(--brand-ivory)!important;padding:var(--spacing-1_5) var(--spacing-2)!important;border-radius:var(--radius-full)!important;box-shadow:none!important;gap:3px!important;white-space:nowrap;transition:all var(--transition-base)}.album-shot-stats.album-shot-stats--hero .album-shot-stat-pill>*{line-height:1!important;display:flex;align-items:center}.album-shot-stats.album-shot-stats--hero .album-shot-stat-pill:hover:not(:disabled){background:rgba(0,0,0,.3)!important}.album-shot-stats.album-shot-stats--hero .album-shot-stat-pill.is-active{background:rgba(232,193,93,.2)!important;border-color:#e8c15d80!important;color:var(--brand-ivory)!important}.album-shot-stats.album-shot-stats--hero .album-shot-stat-pill.is-active .album-shot-stat-pill__icon{color:var(--brand-yellow)!important}.album-shot-stats.album-shot-stats--hero .album-shot-stat-pill--star .album-shot-stat-pill__star{color:var(--brand-yellow)!important;transform:translateY(-1px)}.album-shot-stats.album-shot-stats--hero .album-shot-stat-pill__num{background:transparent!important;border:none!important;padding:0!important;margin-left:0!important;color:var(--brand-ivory)!important;font-weight:700}[data-theme=dark] .album-shot-panel .album-shot-stats,[data-theme=dark] .album-shot-stat-pill{background:var(--color-bg-primary);border-color:var(--color-border);color:var(--color-text-main)}[data-theme=dark] .album-shot-stat-pill:hover:not(:disabled){background:var(--color-bg-tertiary)}[data-theme=dark] .album-shot-stat-pill.is-active{background:rgba(34,197,94,.15);border-color:var(--palette-success-vivid);color:#86efac}.album-shot-tabs-row{padding:0 var(--spacing-3);display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-3);flex-wrap:nowrap;overflow:visible;position:relative;z-index:40}.album-shot-tabs-row::-webkit-scrollbar{display:none}.album-shot-tabs-row .album-shot-tabs{margin-top:0;flex:1}.album-shot-tabs-row__right{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:0;flex-shrink:0;margin-left:auto}.album-shot-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-1);padding:var(--spacing-1) 0 var(--spacing-2);border-bottom:1px solid var(--color-border);margin-top:var(--spacing-2)}.album-shot-tabs__btn{border:none;background:transparent;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);font-weight:600;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:relative}.album-shot-tabs__btn:hover{color:var(--color-text-main);background:rgba(255,255,255,.8)}.album-shot-tabs__btn.is-active{color:#059669;background:var(--color-bg-primary);box-shadow:0 -2px #059669 inset}[data-theme=dark] .album-shot-tabs{border-bottom-color:var(--color-border)}[data-theme=dark] .album-shot-tabs__btn{color:var(--color-text-secondary)}[data-theme=dark] .album-shot-tabs__btn.is-active{color:#86efac;border-bottom-color:var(--palette-success-vivid)}.album-shot-tabs-container{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--spacing-1);padding:0 var(--spacing-1);border-radius:var(--radius-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);flex-shrink:0;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.album-shot-tabs-container::-webkit-scrollbar{display:none}.album-shot-tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);flex:0 0 auto;width:auto;max-width:160px;white-space:nowrap;padding:var(--spacing-2) var(--spacing-4);height:36px;border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);flex-shrink:0;position:relative}.album-shot-tab-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;text-align:left}.album-shot-tab-btn svg{flex-shrink:0}.album-shot-tab-btn:hover{background:rgba(232,193,93,.08);color:var(--color-text-main)}.album-shot-tab-btn.is-active{background:linear-gradient(135deg,var(--brand-yellow) 0%,#f3d084 100%);color:#fff;font-weight:600;box-shadow:0 4px 12px #e8c15d40}.album-shot-tab-btn[data-tab=vault]{background:transparent;border:none;color:var(--color-text-secondary);border-radius:var(--radius-md)}.album-shot-tab-btn[data-tab=vault]:hover{background:linear-gradient(135deg,#f15a5a 0%,#e13a3a 100%);color:#fff}.album-shot-tab-btn[data-tab=vault].is-active{background:linear-gradient(135deg,var(--palette-danger) 0%,var(--palette-danger-dark) 100%);color:#fff;box-shadow:0 4px 12px #ef44444d}[data-theme=dark] .album-shot-tabs-container{background:var(--color-bg-primary)}[data-theme=dark] .album-shot-tab-btn{color:var(--color-text-secondary)}[data-theme=dark] .album-shot-tab-btn:hover{color:var(--slate-100);background:rgba(232,193,93,.15)}.grid-wrap,.album-shot-grid-wrap{background:var(--color-bg-primary);padding:var(--spacing-1);margin-top:var(--spacing-2)}.grid,.album-shot-grid{display:grid;gap:var(--spacing-1);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}[data-theme=dark] .grid-wrap,[data-theme=dark] .album-shot-grid-wrap{background:transparent}.album-shot-card{position:relative;padding:0;overflow:hidden;border:none;border-radius:0;box-shadow:none}.album-shot-card--pick .album-shot-card__hit{cursor:crosshair}.album-shot-card__hit{display:block;width:100%;height:100%;padding:0;margin:0;border:none;cursor:pointer;background:var(--slate-900);position:relative;overflow:hidden}.album-shot-card__hit:focus-visible{outline:2px solid var(--palette-info);outline-offset:-2px}.album-shot-card__hit img,.album-shot-panel .card img{width:100%;height:100%;min-height:290px;object-fit:cover;display:block;vertical-align:middle;cursor:pointer}.album-shot-card__hit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:translate(-100%);animation:album-shot-thumb-shimmer 1.6s ease-in-out infinite;pointer-events:none}.album-shot-card:nth-child(3n+2) .album-shot-card__hit:before{animation-delay:-.3s}.album-shot-card:nth-child(3n+3) .album-shot-card__hit:before{animation-delay:-.6s}.album-shot-card__hit:has(img[data-loaded=true]):before,.album-shot-card__hit:has(img[data-error=true]):before{animation-play-state:paused;opacity:0}@keyframes album-shot-thumb-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.album-shot-card__hit:before{animation:none}}.album-shot-card__hit img{opacity:0;transition:opacity .3s ease,transform .25s ease}.album-shot-card__hit img[data-loaded=true]{opacity:1}@media (hover: hover){.album-shot-card__hit:hover img[data-loaded=true]{transform:scale(1.04)}}.album-shot-card__thumb-error{color:var(--slate-500)}.album-shot-card__meta{position:absolute;left:var(--spacing-2);right:var(--spacing-2);bottom:var(--spacing-2);display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-1_5);z-index:2;pointer-events:none}.album-shot-card__tags-wrap{display:flex;gap:var(--spacing-1);align-items:center;width:var(--spacing-3_5);flex-shrink:0}.album-shot-card__color-tag{width:12px;height:16px;border-radius:1px;border:1px solid rgba(255,255,255,.4);box-shadow:0 2px 5px #00000059}.album-shot-card__star-wrap{display:flex;align-items:center;gap:2px;background:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);padding:var(--spacing-1) var(--spacing-2)}.album-shot-card__star-icon{color:var(--brand-yellow);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}.album-shot-card__select-overlay{border:3px solid var(--palette-info);border-radius:inherit;background-color:#3b82f61a}.album-shot-card__unhide-btn{position:absolute;top:var(--spacing-2);right:var(--spacing-2);z-index:10;width:32px;height:32px;border-radius:var(--radius-lg);background:rgba(20,38,38,.25);color:#fff;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--transition-base)}.album-shot-card__unhide-btn:hover{background:rgba(220,38,38,1);transform:scale(1.05)}.album-shot-card__unhide-btn:focus-visible{outline:2px solid var(--palette-info);outline-offset:2px}@media (max-width: 768px){.album-shot-card__unhide-btn{width:38px;height:38px}}.album-shot-err{padding:var(--spacing-4);text-align:center}.album-shot-grid-sentinel{height:1px}.album-shot-scroll-highlight{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#eab30859;border:4px solid #eab308;border-radius:inherit;z-index:99;pointer-events:none;transition:opacity .8s ease-out}.album-shot-search{margin-top:var(--spacing-4)}.album-shot-search input{width:100%;max-width:420px;height:44px;border-radius:var(--radius-2xl);border:1px solid var(--color-border);padding:0 var(--spacing-4);font-size:var(--font-size-lg);background:var(--color-bg-primary)}[data-theme=dark] .album-shot-search input{background:var(--color-bg-secondary);border-color:var(--slate-600);color:var(--color-text-main)}.album-shot-quick{display:flex;align-items:center;gap:var(--spacing-3_5);margin:var(--spacing-3_5) 0 var(--spacing-2_5)}.album-shot-quick-btn{padding:var(--spacing-2_5) var(--spacing-4);border-radius:var(--radius-xl);border:1px solid var(--slate-300);background:var(--color-bg-primary);font-weight:600;font-size:var(--font-size-base);color:var(--color-text-main);cursor:pointer}.album-shot-quick-btn:hover{background:var(--color-bg-secondary)}.album-shot-quick-meta{font-size:var(--font-size-md);color:var(--color-text-secondary)}[data-theme=dark] .album-shot-quick-btn{border-color:var(--slate-600)}.album-shot-masonry{display:flex;gap:var(--spacing-1);align-items:flex-start;padding:var(--spacing-1)}.album-shot-masonry__col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.album-shot-masonry .album-shot-card{width:100%;overflow:hidden}.album-shot-masonry .album-shot-card__hit{display:block;width:100%;height:auto}.album-shot-masonry .album-shot-card__hit img{width:100%;height:auto;min-height:unset;object-fit:unset;display:block}.album-content-container{width:100%;max-width:100%;margin:0 auto;padding:0 1px var(--spacing-2_5) var(--spacing-1)}@media (max-width: 768px){.album-content-container{padding:var(--spacing-4) var(--spacing-3) var(--spacing-10) var(--spacing-3)}}.album-cover-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-2_5) var(--spacing-4);background:linear-gradient(90deg,#eab308 0%,var(--palette-warning) 100%);color:var(--slate-900);font-size:var(--font-size-base);font-weight:600}.album-cover-banner__text{display:flex;align-items:center;gap:var(--spacing-2)}.album-cover-banner__btn{background:rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.2);border-radius:var(--radius-md);color:var(--slate-900);font-size:var(--font-size-md);font-weight:600;padding:var(--spacing-1) var(--spacing-3);cursor:pointer;transition:background var(--transition-base)}.album-cover-banner__btn:hover{background:rgba(0,0,0,.15)}@media (max-width: 900px){.album-shot-hero__title{font-size:var(--font-size-2xl)!important;text-shadow:0 2px 8px rgba(0,0,0,.6)}.album-shot-hero__titles{top:var(--spacing-4)!important;left:var(--spacing-4)!important;right:auto!important}.album-shot-hero--has-cover-btn .album-shot-hero__titles{right:100px!important}}@media (max-width: 768px){.album-shot-stats.album-shot-stats--hero{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;gap:2px!important}.album-shot-stats.album-shot-stats--hero::-webkit-scrollbar{display:none}.album-shot-stats.album-shot-stats--hero .album-shot-stat-pill:not(.album-shot-stat-pill--star) .album-shot-stat-pill__label{display:none!important}.album-shot-stats.album-shot-stats--hero .album-shot-stat-pill--star{flex:0 0 auto!important;gap:2px!important;padding:5px 6px!important;min-width:0}.album-shot-stats.album-shot-stats--hero .album-shot-stat-pill--star>*{font-size:13px!important;margin:0!important;line-height:1!important}.album-shot-tabs-row{flex-direction:column!important;align-items:flex-start!important;gap:var(--spacing-3)!important;padding:0!important}.album-shot-tabs-container{width:100%!important;overflow-x:auto!important;padding-bottom:var(--spacing-1);-webkit-overflow-scrolling:touch}.album-shot-tabs-row__right{width:100%!important;justify-content:flex-end!important;padding-right:var(--spacing-2)}.search-box input{width:100px;transition:width var(--transition-slow)}.search-box input:focus{width:160px}}@media (max-width: 480px){.topbar{padding:0 var(--spacing-3);height:56px}.topbar-logo{height:26px}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(2,6,23,.98);display:flex;z-index:1000;overflow:hidden}.lightbox.lightbox--touch-mode{touch-action:none;overscroll-behavior:none}.lightbox.lightbox--touch-mode .lb-main-stage,.lightbox.lightbox--touch-mode .lb-img-stack{overflow:hidden}.lightbox.lightbox--touch-mode .lb-thumbnail-strip{touch-action:pan-x}.lightbox-media{width:100%;height:100dvh;position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-bottom:90px;overflow:hidden}.lightbox-media.lightbox-media--column{width:100%;height:100dvh;flex-direction:column;align-items:stretch;justify-content:flex-start;padding-bottom:0}.lb-main-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.lb-img-stack{position:relative;flex:1;width:100%;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:0}.lightbox>.lightbox-media{flex:1;min-width:0}.quick-touch-swipe-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;touch-action:none;cursor:grab}.lb-swipe-next-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;will-change:transform;filter:drop-shadow(-15px 0 25px rgba(0,0,0,.6))}.lightbox-image,.lightbox-img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 0 30px #00000080}.lightbox-image--fullres{image-rendering:high-quality;-webkit-image-rendering:-webkit-optimize-contrast;transform:translateZ(0);backface-visibility:hidden}.lb-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:transparent;color:#fff;border:none;font-size:36px;line-height:1;padding:var(--spacing-4) var(--spacing-5);cursor:pointer;z-index:100001;border-radius:var(--radius-2xl);transition:transform var(--transition-base);display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 2px 10px rgba(0,0,0,.6))}.lb-nav-btn:hover{background:transparent;transform:translateY(-50%) scale(1.2)}.lb-nav-btn.prev{left:var(--spacing-5)}.lb-nav-btn.next{right:var(--spacing-5)}.lightbox-counter-merged{position:absolute;top:var(--spacing-4);left:var(--spacing-4);z-index:5;color:#fff;font-weight:700;font-size:var(--font-size-md);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-full);background:rgba(15,23,42,.58);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);white-space:nowrap}.lb-top-actions{position:absolute;top:var(--spacing-2_5);right:var(--spacing-2_5);left:var(--spacing-2_5);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-2);z-index:22}.lb-btn-x-plain{border:none;background:transparent!important;color:#fffffff2;font-size:28px;line-height:1;padding:var(--spacing-1_5);cursor:pointer;font-weight:300}.lb-btn-ghost{border:1px solid rgba(255,255,255,.35);background:rgba(15,23,42,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:var(--font-size-xl);line-height:1;min-width:40px;height:40px;border-radius:var(--radius-xl);cursor:pointer}.lb-btn-ghost.is-muted{opacity:.65}.lb-btn-muted{font-size:var(--font-size-md)!important;font-weight:600;padding:0 var(--spacing-3)!important;white-space:nowrap;width:auto!important}.lb-btn-nested-text{border:none;background:transparent;color:#e2e8f0e6;font-size:var(--font-size-md);font-weight:700;text-decoration:underline;cursor:pointer;padding:var(--spacing-1_5)}.lb-note-fab{background:rgba(0,0,0,.1);border:1px solid rgba(255,255,255,.15);color:#fff;width:38px;height:38px;border-radius:var(--radius-full);cursor:pointer;font-size:var(--font-size-xl);line-height:1;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.lb-note-fab:hover{background:rgba(0,0,0,.8)}.lb-note-fab.is-active{border-color:#4ade80;background:rgba(0,0,0,.8)}.lb-note-cluster{position:relative;flex-shrink:0}.lb-note-popover{position:absolute;right:auto!important;bottom:44px;width:min(320px,78vw);z-index:30}.lb-note-popover__textarea{width:100%;min-height:88px;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.45);color:#fff;padding:var(--spacing-2_5);font-size:var(--font-size-base);resize:vertical}.lb-bottom-bar-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:var(--spacing-4);z-index:1001;pointer-events:none}.lb-bottom-bar-overlay>*{pointer-events:auto}.lb-bottom-bar{position:relative;bottom:auto;left:auto;transform:none;display:flex;align-items:center;gap:var(--spacing-4);background:rgba(0,0,0,.6);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1001}.lb-bottom-bar--desktop{display:flex}.lb-bottom-bar--mobile{display:none}.lb-bottom-bar button:focus,.lb-bottom-bar button:focus-visible,.lb-bottom-bar div:focus,.lb-bottom-bar div:focus-visible,.lb-note-fab:focus,.lb-note-fab:focus-visible,.lb-ribbon-chip:focus,.lb-ribbon-chip:focus-visible,.lb-thumb:focus,.lb-thumb:focus-visible,.lb-thumbnail-strip .swiper-slide:focus,.lb-thumbnail-strip .swiper-slide:focus-visible{outline:none}.lb-bottom-bar button,.lb-bottom-bar div,.lb-note-fab,.lb-ribbon-chip,.lb-thumb,.lb-thumbnail-strip .swiper-slide{-webkit-tap-highlight-color:transparent}.lb-stars{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-3xl);line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;outline:none;-webkit-tap-highlight-color:transparent}.star-icon{transition:transform var(--transition-base)}.star-icon:hover{transform:scale(1.2)}.lb-star-btn{border:none;background:transparent;font-size:var(--font-size-3xl);line-height:1;padding:var(--spacing-1) var(--spacing-1);cursor:pointer}.lb-pea-counter{display:inline-flex;align-items:center;gap:var(--spacing-1_5);justify-self:end;margin-right:var(--spacing-1);font-size:var(--font-size-md);font-weight:700;color:#fff;min-width:2ch}.lb-pea-counter.flash{animation:lbPeaFlash .26s ease-out}.lb-pea-icon{display:inline-flex;align-items:center;justify-content:center;transform-origin:center}.lb-tags-mini{display:flex;gap:var(--spacing-2)}.lb-tags-mini--desktop{display:flex;align-items:center;gap:var(--spacing-1);flex-wrap:wrap;max-width:300px}.lb-tags-mini--mobile{display:none}.tag-dot{width:16px;height:16px;border-radius:var(--radius-full);border:2px solid;cursor:pointer;padding:0;transition:transform var(--transition-fast)}.tag-dot:hover{transform:scale(1.2)}.lb-ribbon-chip{border:0px solid rgba(255,255,255,.35);background:rgba(15,23,42,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:var(--font-size-sm);font-weight:700;border-radius:var(--radius-full);padding:var(--spacing-1_5) var(--spacing-2_5);cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-1);white-space:nowrap;transition:all var(--transition-base)}.lb-ribbon-chip:hover{background:rgba(232,193,93,.35);transform:translateY(-1px)}.lb-ribbon-chip:focus{outline:none}.lb-ribbon-chip.is-active{background:rgba(232,193,93,.45);border-color:#4ade80;color:#fff}.lb-ribbon-chip.is-active:hover{background:rgba(239,68,68,.25);border-color:#f87171}.lb-ribbon-chip--muted{cursor:default}.lb-ribbon-chip--plus{min-width:32px;justify-content:center;padding:var(--spacing-1_5);font-size:var(--font-size-lg);line-height:1}.lb-ribbon-chip--album-saved{border-style:dashed}.lb-ribbon-chip-x{background:transparent;border:none;color:var(--slate-400);cursor:pointer;padding:var(--spacing-1);margin-left:var(--spacing-1);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);transition:all var(--transition-base)}.lb-ribbon-chip-x:hover{color:var(--palette-danger);background:rgba(255,255,255,.1)}.lb-overlay-text-tags{position:absolute;bottom:var(--spacing-6);left:var(--spacing-6);display:flex;flex-wrap:wrap;align-content:flex-end;gap:var(--spacing-2);max-width:calc(50vw - 220px);max-height:200px;overflow-y:auto;z-index:1002;pointer-events:auto}.lb-overlay-text-tags::-webkit-scrollbar{display:none}.lb-ribbon-tag-input-pop{display:flex;align-items:center;background:rgba(0,0,0,.75);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-full);padding:var(--spacing-1) var(--spacing-1) var(--spacing-1) var(--spacing-3_5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 12px #0000004d;animation:popIn .2s cubic-bezier(.16,1,.3,1)}.lb-ribbon-input{background:transparent;border:none;color:#fff;font-size:var(--font-size-md);outline:none;width:120px}.lb-ribbon-input::placeholder{color:#fff6}.lb-ribbon-mini-ok{background:white;color:#000;border:none;border-radius:var(--radius-full);padding:var(--spacing-1_5) var(--spacing-3);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background var(--transition-base);margin-left:var(--spacing-2)}.lb-ribbon-mini-ok:hover{background:var(--slate-200)}@keyframes popIn{0%{opacity:0;transform:scale(.95) translate(-10px)}to{opacity:1;transform:scale(1) translate(0)}}.lb-footer-ribbon-zone{border-bottom:1px solid rgba(255,255,255,.1);padding:var(--spacing-1_5) var(--spacing-2_5);flex-shrink:0}.lb-footer-ribbon-inner{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:var(--spacing-2)}.lb-common-tags-ribbon{position:absolute;right:var(--spacing-2_5);bottom:var(--spacing-2_5);z-index:6;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--spacing-1_5);max-width:min(520px,92vw);pointer-events:auto}.lb-common-tags-ribbon--footer{position:relative;right:auto;bottom:auto;flex:1;min-width:min(560px,88vw);justify-content:flex-end}.lb-common-tags-ribbon--touch{position:absolute;right:var(--spacing-2_5);bottom:var(--spacing-2_5);left:auto}.lightbox-footer-stack{flex-shrink:0;display:flex;flex-direction:column;width:100%;padding-bottom:env(safe-area-inset-bottom,0px)}.lb-thumbnail-strip{position:absolute;bottom:0;left:5%;width:90%;height:90px;background:rgba(10,10,10,.9);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;z-index:1000;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 12%,black 88%,transparent 100%)}.lb-thumbnail-strip .swiper{width:100%;height:100%;display:flex;align-items:center}.lb-thumbnail-strip .swiper-slide{width:auto!important;height:100%;display:flex;align-items:center;cursor:pointer}.lightbox-media.lightbox-media--column .lightbox-footer-stack .lb-thumbnail-strip{position:relative;left:0;width:100%;border-radius:0;-webkit-mask-image:none;mask-image:none}.lb-thumbnail-strip.is-short-list{-webkit-mask-image:none;mask-image:none}.lb-thumbnail-strip.is-short-list .swiper-wrapper{justify-content:center}.lb-thumb{height:65px;width:auto;min-width:65px;object-fit:cover;border-radius:var(--radius-sm);cursor:pointer;opacity:.7;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;flex-shrink:0;filter:brightness(.8);will-change:transform,opacity}.lb-thumb:hover{opacity:1;filter:brightness(1)}.lb-thumb.active{opacity:1;filter:brightness(1.2);border-color:var(--palette-info);box-shadow:0 0 15px #3b82f680;transform:scale(.93);transition:transform var(--transition-fast)}.swiper-lazy-preloader-white{--swiper-preloader-color: rgba(255,255,255,.5)}.tag-panel{position:absolute;right:var(--spacing-5);top:60px;width:240px;background:rgba(17,24,39,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-xl);padding:var(--spacing-3);z-index:10;box-shadow:0 4px 15px #00000080}.tag-panel.tag-panel--footer{position:relative;right:auto;top:auto;width:100%;max-width:none;margin:0;border-radius:0;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.tag-panel h4{margin:0 0 var(--spacing-2_5);font-size:var(--font-size-xl)}.tag-input-block{display:flex;gap:var(--spacing-2_5);margin-top:var(--spacing-3)}.tag-input{flex:1;height:44px;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;padding:0 var(--spacing-3)}.tag-input::placeholder{color:#e2e8f0b3}.tag-chip-list{margin-top:var(--spacing-3);display:flex;flex-wrap:wrap;gap:var(--spacing-2_5)}.tag-chip{border-radius:var(--radius-full);padding:var(--spacing-1) var(--spacing-2);color:#fff;display:inline-flex;align-items:center;gap:var(--spacing-2);font-weight:800;font-size:var(--font-size-xs)}.tag-chip-text{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-chip-remove{border:0;background:rgba(255,255,255,.25);color:#fff;width:22px;height:22px;border-radius:var(--radius-full);cursor:pointer;font-weight:900}.tag-empty{color:var(--slate-400);padding:var(--spacing-2) 0;font-weight:700}.common-tags-row{margin-top:var(--spacing-3_5);display:flex;flex-wrap:wrap;gap:var(--spacing-2_5)}.common-tag{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:var(--slate-200);border-radius:var(--radius-full);padding:var(--spacing-1) var(--spacing-2);cursor:pointer;font-weight:800;font-size:var(--font-size-xs)}.tag-note-block{border-top:1px solid rgba(255,255,255,.1)}.tag-note-label{color:var(--slate-300)}.tag-note-input{height:80px;padding:var(--spacing-2_5);border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.3);font-family:inherit;resize:none}.tag-note-input::placeholder{color:#e2e8f0b3}.lb-touch-tags-stars-row{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:var(--spacing-1) var(--spacing-3);gap:var(--spacing-2_5)}.lb-touch-tags-stars-row__left{flex-shrink:0}.lb-touch-tags-stars-row__right{display:flex;justify-content:center;align-items:center;gap:1px}.lb-touch-stars-row{display:flex;justify-content:center;align-items:center;gap:var(--spacing-1_5);padding:var(--spacing-1_5) 0 var(--spacing-1);background:transparent}.lb-touch-star-btn{border:none;background:transparent;font-size:var(--font-size-4xl);line-height:1;padding:var(--spacing-1) var(--spacing-1);cursor:pointer}.lb-touch-foot-counts{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:0 var(--spacing-2_5) var(--spacing-1);font-size:var(--font-size-md);font-weight:700;color:#ffffffeb}.lb-touch-foot-counts>span:first-child{text-align:left}.lb-touch-foot-counts>span:last-child{text-align:right;justify-self:end}.lightbox-footer-stack.lightbox-footer-stack--touch{position:relative}.lightbox-footer-stack--touch .lb-touch-tags-stars-row{position:absolute;bottom:100px;left:0;width:100%;z-index:10;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);padding-top:var(--spacing-6)}.lightbox-footer-stack--touch .lb-touch-foot-counts{position:absolute;bottom:135px;left:0;width:100%;z-index:10}.lb-touch-drawer{position:absolute;top:52px;right:var(--spacing-2_5);width:min(300px,88vw);max-height:min(420px,55vh);overflow:auto;z-index:25;background:rgba(15,23,42,.93);border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-2xl);padding:var(--spacing-3_5);box-shadow:0 14px 40px #0000008c}.lb-touch-drawer__title{margin:0 0 var(--spacing-2_5);font-size:var(--font-size-lg);color:var(--slate-200)}.lb-touch-drawer__note{width:100%;min-height:96px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.35);color:#fff;padding:var(--spacing-2_5);font-size:var(--font-size-base);resize:vertical}.lb-touch-drawer__hint{margin:var(--spacing-2) 0 0;font-size:var(--font-size-sm);line-height:1.35;color:#e2e8f0bf}.lb-touch-drawer__action,.lb-touch-drawer__secondary{width:100%;margin-top:var(--spacing-2_5);height:40px;border-radius:var(--radius-xl);border:none;font-weight:700;cursor:pointer}.lb-touch-drawer__action{background:var(--palette-success-vivid);color:var(--slate-900)}.lb-touch-drawer__secondary{background:rgba(148,163,184,.2);color:var(--slate-200);border:1px solid rgba(255,255,255,.2)}.lb-touch-collapse-dots{position:absolute;left:var(--spacing-3);bottom:52px;z-index:6}.lb-touch-dots-expanded{display:flex;flex-direction:column-reverse;gap:var(--spacing-2);align-items:center}.lb-touch-dot-first{width:22px;height:22px}.lb-touch-dots-close,.lb-touch-dots-close-inline{border:1px solid rgba(255,255,255,.45);background:rgba(15,23,42,.6);color:#fff;border-radius:var(--radius-full);cursor:pointer;font-weight:800}.lb-touch-dots-close{width:32px;height:32px}.lb-touch-dots-close-inline{width:28px;height:28px;flex-shrink:0}.lb-touch-dots-inline-row{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-2)}.lb-touch-footer-dots{display:flex;align-items:center}@keyframes starFillWave{0%{transform:scale(1);filter:brightness(1)}40%{transform:scale(1.6);filter:brightness(1.5) drop-shadow(0 0 12px #fbbf24);color:#fbbf24}to{transform:scale(1);filter:brightness(1)}}.flash-stars .lb-touch-star-btn{animation:starFillWave .4s ease-out forwards}.flash-stars .lb-touch-star-btn:nth-child(1){animation-delay:0ms}.flash-stars .lb-touch-star-btn:nth-child(2){animation-delay:45ms}.flash-stars .lb-touch-star-btn:nth-child(3){animation-delay:90ms}.flash-stars .lb-touch-star-btn:nth-child(4){animation-delay:135ms}.flash-stars .lb-touch-star-btn:nth-child(5){animation-delay:.18s}.lb-pea-icon--flash{animation:peaIconPulse .6s ease-out}@keyframes peaIconPulse{0%{transform:scale(1);filter:brightness(1)}25%{transform:scale(1.4);filter:brightness(1.6) drop-shadow(0 0 7px rgba(232,193,93,.9))}55%{transform:scale(1.15);filter:brightness(1.3) drop-shadow(0 0 4px rgba(232,193,93,.5))}80%{transform:scale(1.05);filter:brightness(1.1)}to{transform:scale(1);filter:brightness(1)}}@keyframes lbPeaFlash{0%{transform:scale(1);filter:brightness(1);text-shadow:none}45%{transform:scale(1.15);filter:brightness(1.7);text-shadow:0 0 14px rgba(132,204,22,.95)}to{transform:scale(1);filter:brightness(1);text-shadow:none}}@keyframes lbTagsUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.lb-nav-btn,.lb-bottom-bar--desktop{display:none!important}.lb-bottom-bar--mobile{display:flex!important;width:max-content;max-width:96%;border-radius:var(--radius-full);margin:0 auto;background:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-1) var(--spacing-1_5);gap:var(--spacing-1)!important;justify-content:flex-start;align-items:center;overflow:visible;flex-wrap:nowrap;box-sizing:border-box}.lb-bottom-bar--mobile-scroll-wrap{width:100%;overflow-x:auto;display:flex;justify-content:center}.lb-bottom-bar--mobile-scroll-wrap::-webkit-scrollbar{display:none}.lb-bottom-bar--mobile .lb-stars{flex:0 0 auto;gap:0px!important}.lb-tags-mini--desktop{display:none!important}.lb-tags-mini--mobile{display:flex!important;align-items:center}.lb-overlay-text-tags{display:none;bottom:70px;left:var(--spacing-3);transform:none;max-width:calc(100vw - var(--spacing-6));max-height:140px;overflow-y:auto;align-content:flex-end}.lb-overlay-text-tags.lb-overlay-text-tags--mobile-open{display:flex!important;animation:lbTagsUp var(--transition-base)}}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.website-page{transition:background-color var(--transition-slow),color var(--transition-slow)}.website-page__container{max-width:1280px}.website-page__grid{display:grid;grid-template-columns:repeat(24,minmax(0,1fr))}@media (max-width: 768px){.website-page__grid>*{grid-column:1 / -1!important}}.website-page__empty{padding:var(--spacing-16) 0}.website-page__spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--brand-olive)}.header-module{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16);background-size:cover;background-position:center}.text-module{white-space:pre-wrap;padding-top:var(--spacing-2_5);padding-bottom:var(--spacing-2_5)}.video-module{position:relative;padding-top:56.25%;background:var(--slate-900)}.video-module__fallback{color:var(--slate-400)}.gallery-img{object-fit:cover}.quote-module{border-left:4px solid var(--palette-info);margin:var(--spacing-5) 0;font-style:italic;background:var(--quote-bg, rgba(59, 130, 246, .05));border-radius:0 var(--radius-lg) var(--radius-lg) 0}.help-hero{position:relative;overflow:hidden;padding:var(--spacing-16) var(--spacing-5) var(--spacing-12);text-align:center}.help-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 65% 55% at 50% -5%,rgba(232,193,93,.18) 0%,transparent 65%),radial-gradient(ellipse 40% 35% at 92% 15%,rgba(107,142,35,.1) 0%,transparent 60%);pointer-events:none}.help-hero__content{position:relative;z-index:1}.help-hero__subtitle{max-width:560px;margin:var(--spacing-4) auto 0;font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.help-hero__actions{margin-top:var(--spacing-7)}.help-eyebrow{display:inline-flex;align-items:center;gap:var(--spacing-1_5);padding:var(--spacing-1_5) var(--spacing-3_5);border-radius:var(--radius-full);background:var(--brand-olive-tint);color:var(--brand-olive);font-size:var(--font-size-sm);font-weight:700;letter-spacing:.02em}[data-theme=dark] .help-eyebrow{background:rgba(107,142,35,.18);color:#a3e635}.help-section{padding:var(--spacing-16) 0}.help-section__header{max-width:var(--container-sm);margin:0 auto var(--spacing-10);text-align:center}.help-section__title{margin:var(--spacing-4) 0 var(--spacing-3);font-size:var(--font-size-4xl);font-weight:800;letter-spacing:-.02em;color:var(--color-text-primary)}.help-section__subtitle{margin:0;font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.help-feature-card__icon{width:var(--spacing-12);height:var(--spacing-12);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;background:var(--brand-olive-tint);color:var(--brand-olive);margin-bottom:var(--spacing-4);flex-shrink:0}[data-theme=dark] .help-feature-card__icon{background:rgba(107,142,35,.18);color:#a3e635}.help-feature-card__title{margin:0 0 var(--spacing-1_5);font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary)}.help-feature-card__desc{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.card.pricing-card{position:relative;display:flex;flex-direction:column;height:100%}.pricing-card.is-popular{border-color:var(--brand-yellow);box-shadow:0 0 0 3px #e8c15d2e,var(--shadow-md)}.pricing-card__badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);padding:4px var(--spacing-3);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--brand-yellow),var(--brand-olive));color:#fff;font-size:var(--font-size-xs);font-weight:700;white-space:nowrap;box-shadow:var(--shadow-sm)}.pricing-card__name{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}.pricing-card__price{display:flex;align-items:baseline;gap:var(--spacing-1);margin:var(--spacing-3) 0 var(--spacing-1)}.pricing-card__price-value{font-size:var(--font-size-5xl);font-weight:800;letter-spacing:-.02em;color:var(--color-text-primary)}.pricing-card__price-unit{font-size:var(--font-size-base);color:var(--color-text-secondary)}.pricing-card__tagline{margin:0 0 var(--spacing-5);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.pricing-card__features{display:flex;flex-direction:column;gap:var(--spacing-2_5);margin:0 0 var(--spacing-6);padding:0;list-style:none;flex:1}.pricing-card__feature{display:flex;align-items:flex-start;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-main)}.pricing-card__feature svg{flex-shrink:0;margin-top:2px}.pricing-card__feature--muted{color:var(--color-text-secondary)}.pricing-card__feature-check{color:var(--palette-success)}.pricing-card__feature-x{color:var(--slate-300)}[data-theme=dark] .pricing-card__feature-x{color:var(--slate-600)}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spacing-5);align-items:stretch}@media (max-width: 900px){.pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}}.pricing-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-2xl);background:var(--color-bg-primary)}.pricing-table{width:100%;min-width:560px}.pricing-table th,.pricing-table td{padding:var(--spacing-3_5) var(--spacing-4);text-align:center;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm)}.pricing-table th:first-child,.pricing-table td:first-child{text-align:left;color:var(--color-text-main);font-weight:500}.pricing-table thead th{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);background:var(--color-bg-secondary)}.pricing-table thead th:first-child{border-top-left-radius:var(--radius-2xl)}.pricing-table thead th:last-child{border-top-right-radius:var(--radius-2xl)}.pricing-table tbody tr:last-child td{border-bottom:none}.pricing-table tbody tr:hover td{background:var(--color-bg-secondary)}.pricing-table td .pricing-table__check{color:var(--palette-success)}.pricing-table td .pricing-table__x{color:var(--slate-300)}[data-theme=dark] .pricing-table td .pricing-table__x{color:var(--slate-600)}.help-software-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-10);align-items:center;margin-bottom:var(--spacing-10)}@media (max-width: 768px){.help-software-panel{grid-template-columns:1fr}}.help-software-panel__icon{width:56px;height:56px;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-yellow),var(--brand-olive));box-shadow:0 4px 14px #6b8e2347;color:#fff;flex-shrink:0}.help-software-panel__version{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.help-software-panel__desc{margin:var(--spacing-4) 0 0;max-width:480px;font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.help-app-mock{border-radius:var(--radius-2xl);border:1px solid var(--color-border);background:var(--color-bg-primary);box-shadow:var(--shadow-lg);overflow:hidden}.help-app-mock__bar{display:flex;align-items:center;gap:var(--spacing-1_5);padding:var(--spacing-3) var(--spacing-4);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.help-app-mock__dot{width:var(--spacing-2_5);height:var(--spacing-2_5);border-radius:var(--radius-full);background:var(--slate-300)}[data-theme=dark] .help-app-mock__dot{background:var(--slate-600)}.help-app-mock__body{padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-2_5)}.help-app-mock__row{height:var(--spacing-3);border-radius:var(--radius-sm);background:var(--color-bg-tertiary)}.help-app-mock__row--accent{background:var(--brand-olive-tint)}[data-theme=dark] .help-app-mock__row--accent{background:rgba(107,142,35,.18)}.help-app-mock__row--w90{width:90%}.help-app-mock__row--w80{width:80%}.help-app-mock__row--w65{width:65%}.help-app-mock__row--w45{width:45%}.help-app-mock__row--w30{width:30%}.faq-item{border-bottom:1px solid var(--color-border)}.faq-item:last-child{border-bottom:none;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.faq-item__question{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);width:100%;padding:var(--spacing-4) var(--spacing-5);border:none;background:transparent;text-align:left;font-size:var(--font-size-base);font-weight:600;font-family:inherit;color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast)}.faq-item__question:hover{background:var(--color-bg-secondary)}.faq-item:last-child .faq-item__question:hover{border-radius:0 0 var(--radius-xl) var(--radius-xl)}[data-theme=dark] .faq-item__question:hover{background:var(--slate-800)}.faq-item__answer{overflow:hidden;max-height:0;transition:max-height var(--transition-slow)}.faq-item.is-open .faq-item__answer{max-height:320px}.faq-item__answer p{margin:0;padding:0 var(--spacing-5) var(--spacing-4);font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.help-cta{position:relative;overflow:hidden;border-radius:var(--radius-4xl);padding:var(--spacing-12) var(--spacing-6);text-align:center;color:#fff;background:linear-gradient(135deg,var(--brand-olive) 0%,var(--slate-900) 100%)}.help-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 90% at 85% 0%,rgba(232,193,93,.3) 0%,transparent 60%);pointer-events:none}.help-cta__content{position:relative;z-index:1}.help-cta__title{margin:0 0 var(--spacing-2);font-size:var(--font-size-4xl);font-weight:800;letter-spacing:-.02em}.help-cta__subtitle{margin:0 0 var(--spacing-6);font-size:var(--font-size-lg);color:#ffffffd9}@media (max-width: 640px){.help-cta{padding:var(--spacing-8) var(--spacing-5)}}.auth-hero{padding:var(--spacing-8) var(--spacing-5) var(--spacing-12)}.auth-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 50% 0%,rgba(232,193,93,.13) 0%,transparent 65%),radial-gradient(ellipse 40% 35% at 15% 95%,rgba(107,142,35,.07) 0%,transparent 60%);pointer-events:none}.card.auth-card{max-width:420px;padding:var(--spacing-8) var(--spacing-8) var(--spacing-7);box-shadow:var(--shadow-pop);animation:authFadeUp .35s ease both}@keyframes authFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-mark{width:var(--spacing-10);height:var(--spacing-10);border-radius:var(--radius-2xl);background:var(--brand-olive)}.auth-success-banner{background:rgba(107,142,35,.1);border:1px solid rgba(107,142,35,.3);color:var(--brand-olive)}[data-theme=dark] .auth-success-banner{background:rgba(107,142,35,.18);border-color:#a3e6354d;color:#a3e635}.auth-ref-banner{padding:var(--spacing-3) var(--spacing-3_5);gap:var(--spacing-2_5);background:linear-gradient(135deg,rgba(232,193,93,.15) 0%,rgba(107,142,35,.08) 100%);border:1px solid var(--brand-yellow)}[data-theme=dark] .auth-ref-banner{background:linear-gradient(135deg,rgba(232,193,93,.12) 0%,rgba(107,142,35,.12) 100%);border-color:#e8c15d66}.auth-ref-banner__code{font-family:var(--font-family-mono)}.auth-error{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);color:var(--palette-danger)}[data-theme=dark] .auth-error{background:rgba(239,68,68,.12);border-color:#ef44444d;color:#f87171}.btn--google{background:#4285F4;color:#fff}.btn--google:hover:not(:disabled){background:#3367d6}.input.auth-pw-input{padding-right:var(--spacing-8)}.auth-page .input-group .btn-icon{position:absolute;right:var(--spacing-2)}.auth-card .input:focus{border-color:var(--brand-olive);box-shadow:0 0 0 3px #6b8e231f}.auth-footer a{color:inherit}.auth-footer a:hover{color:var(--brand-olive)}@media (max-width: 480px){.card.auth-card{padding:var(--spacing-6) var(--spacing-4) var(--spacing-5)}.auth-card .page-title{font-size:var(--font-size-3xl)}}.tool-hero{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);background:color-mix(in srgb,var(--tool-color, var(--brand-olive)) 8%,var(--color-bg-primary));border:1px solid color-mix(in srgb,var(--tool-color, var(--brand-olive)) 22%,var(--color-border));border-radius:var(--radius-2xl)}.tool-hero__badge{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-xl);background:color-mix(in srgb,var(--tool-color, var(--brand-olive)) 16%,transparent);color:var(--tool-color, var(--brand-olive))}.dropzone{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-1_5) var(--spacing-1_5) var(--spacing-1_5) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary);transition:border-color var(--transition-base)}.dropzone:focus-within{border-color:var(--palette-info)}.dropzone.is-dragging{border-color:var(--palette-info)}.dropzone__icon{color:var(--slate-400);flex-shrink:0}.dropzone__text{flex:1;min-width:0;padding:var(--spacing-1) 0;border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--font-size-base);color:var(--color-text-primary);cursor:default}.dropzone__text::placeholder{color:var(--slate-400)}.dropzone__clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border:none;border-radius:var(--radius-full);background:transparent;color:var(--slate-400);cursor:pointer;transition:background var(--transition-base),color var(--transition-base)}.dropzone__clear:hover{background:var(--color-bg-secondary);color:var(--palette-danger)}.dropzone__clear:focus-visible{outline:2px solid var(--palette-info);outline-offset:2px}[data-theme=dark] .dropzone{background:var(--slate-900);border-color:var(--slate-600)}[data-theme=dark] .dropzone__clear:hover{background:var(--slate-700)}.status-pill{display:inline-flex;align-items:center;gap:var(--spacing-1);flex-shrink:0;padding:2px var(--spacing-2_5);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none}.status-pill--success{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.35);color:var(--palette-success)}.status-pill--danger{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:var(--palette-danger)}.status-pill--warning{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.35);color:var(--palette-warning)}.status-pill--gold{background:rgba(232,193,93,.18);border:1px solid rgba(232,193,93,.45);color:#92620a}[data-theme=dark] .status-pill--success{background:rgba(74,222,128,.15);border-color:#4ade804d;color:#4ade80}[data-theme=dark] .status-pill--danger{background:rgba(248,113,113,.15);border-color:#f871714d;color:#f87171}[data-theme=dark] .status-pill--warning{background:rgba(251,191,36,.15);border-color:#fbbf244d;color:#fbbf24}[data-theme=dark] .status-pill--gold{background:rgba(232,193,93,.12);border-color:#e8c15d4d;color:var(--brand-yellow)}.chip{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1_5) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.chip:hover{border-color:var(--slate-300)}.chip.is-active{background:var(--brand-olive);border-color:var(--brand-olive);color:#fff}[data-theme=dark] .chip{background:var(--slate-900);border-color:var(--slate-600);color:var(--slate-300)}[data-theme=dark] .chip.is-active{background:var(--brand-olive);border-color:var(--brand-olive);color:#fff}.console-box{max-height:220px;overflow-y:auto;background:var(--slate-900);border-radius:var(--radius-lg);padding:var(--spacing-2_5) var(--spacing-3);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--leading-relaxed)}.console-box__line{color:var(--slate-300)}.console-box__line--info{color:#60a5fa}.console-box__line--success{color:#4ade80}.console-box__line--error{color:#f87171}.console-box__line--warning{color:#fbbf24}.console-box__line--muted{color:var(--slate-500);font-style:italic}.console-box__time{color:var(--slate-500);margin-right:var(--spacing-1)}.summary-panel{display:flex;gap:var(--spacing-3);flex-wrap:wrap;padding:var(--spacing-3) var(--spacing-4);background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-lg)}[data-theme=dark] .summary-panel{background:rgba(74,222,128,.08);border-color:#4ade8040}.summary-stat{display:flex;flex-direction:column}.summary-stat__label{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary)}.summary-stat__value{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-text-main)}.summary-stat__value--success{color:var(--color-success)}.summary-stat__value--danger{color:var(--palette-danger-dark)}.summary-stat__value--muted{color:var(--color-text-muted)}[data-theme=dark] .summary-stat__value--success{color:#4ade80}[data-theme=dark] .summary-stat__value--danger{color:#f87171}.result-note{padding:var(--spacing-2) var(--spacing-2_5);border-radius:var(--radius-md);background:var(--color-bg-tertiary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--leading-normal);white-space:pre-wrap}.result-note--success{color:var(--palette-success)}.result-note--warning{color:var(--palette-warning)}.limit-input{max-width:var(--spacing-16);text-align:center}.tools-container{max-width:860px;padding:var(--spacing-6) var(--spacing-5) var(--spacing-16)}@media (max-width: 600px){.tools-container{padding:var(--spacing-4) var(--spacing-3) var(--spacing-12)}}.beta-badge{display:inline-flex;align-items:center;padding:2px var(--spacing-2);border-radius:var(--radius-full);background:linear-gradient(135deg,var(--brand-yellow),var(--brand-olive));font-size:var(--font-size-xs);font-weight:600;letter-spacing:.02em}.auth-notice{display:flex;align-items:center;gap:var(--spacing-2_5);padding:var(--spacing-2_5) var(--spacing-3_5);background:#fffbeb;border:1px solid #fcd34d;border-radius:var(--radius-lg);font-size:var(--font-size-md);color:#92400e}[data-theme=dark] .auth-notice{background:rgba(251,191,36,.08);border-color:#fbbf2440;color:#fbbf24}.tab-btn{display:inline-flex;align-items:center;gap:var(--spacing-1_5);padding:9px var(--spacing-3_5);margin-bottom:-1px;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;transition:color var(--transition-base),border-color var(--transition-base)}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.is-active{color:var(--brand-olive);border-bottom-color:var(--brand-olive);font-weight:600}[data-theme=dark] .tab-btn.is-active{color:var(--brand-yellow);border-bottom-color:var(--brand-yellow)}.subtab-bar{display:flex;gap:var(--spacing-1_5);flex-wrap:wrap}.subtab-btn{display:inline-flex;align-items:center;gap:var(--spacing-1_5);padding:7px var(--spacing-3_5);border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base)}.subtab-btn:hover{border-color:var(--accent);color:var(--accent)}.subtab-btn.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}:root{--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--brand-yellow: #E8C15D;--brand-olive: #6B8E23;--brand-olive-vivid: #a3e635;--brand-olive-vivid-tint: rgba(163, 230, 53, .15);--brand-brown: #A0522D;--brand-ivory: #FFF8E7;--palette-success: #10b981;--palette-success-vivid: #22c55e;--palette-success-dark: #16a34a;--palette-danger: #ef4444;--palette-danger-dark: #dc2626;--palette-danger-vivid: #E63946;--palette-warning: #f59e0b;--palette-info: #3b82f6;--palette-indigo: #4f46e5;--palette-purple: #8b5cf6;--palette-danger-tint: rgba(239, 68, 68, .12);--palette-purple-tint: rgba(139, 92, 246, .12);--brand-olive-tint: rgba(107, 142, 35, .12);--tier-bronze: #cd7f32;--tier-bronze-tint: rgba(205, 127, 50, .15);--tier-silver: #a8a9ad;--tier-silver-tint: rgba(168, 169, 173, .15);--tier-gold: #d4a72c;--tier-gold-tint: rgba(212, 167, 44, .15);--color-bg-primary: #ffffff;--color-bg-secondary: var(--slate-50);--color-bg-tertiary: var(--slate-100);--color-bg-ivory: var(--brand-ivory);--color-text-primary: var(--slate-900);--color-text-secondary: var(--slate-500);--color-text-main: var(--slate-700);--color-text-muted: var(--slate-500);--color-pea-yellow: var(--brand-yellow);--color-pea-olive: var(--brand-olive);--color-pea-brown: var(--brand-brown);--color-border: var(--slate-200);--color-border-secondary: var(--slate-200);--color-border-tertiary: var(--slate-100);--color-success: var(--palette-success);--color-danger: var(--palette-danger);--color-warning: var(--palette-warning);--color-info: var(--palette-info);--font-family-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-family-mono: ui-monospace, "Cascadia Code", "Fira Code", monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 13px;--font-size-base: 14px;--font-size-lg: 15px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 22px;--font-size-4xl: 24px;--font-size-5xl: 32px;--font-size-hero: clamp(28px, 6vw, 62px);--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.65;--spacing-1: 4px;--spacing-1_5: 6px;--spacing-2: 8px;--spacing-2_5: 10px;--spacing-3: 12px;--spacing-3_5: 14px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-14: 56px;--spacing-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--radius-3xl: 14px;--radius-4xl: 16px;--radius-full: 999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -1px rgba(0,0,0,.04);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 10px 10px -5px rgba(0,0,0,.04);--shadow-pop: 0 20px 50px -12px rgba(15,23,42,.25);--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}[data-theme=dark]{color-scheme:dark;--color-bg-primary: var(--slate-800);--color-bg-secondary: var(--slate-900);--color-bg-tertiary: var(--slate-700);--color-text-primary: #f1f5f9;--color-text-secondary: var(--slate-400);--color-text-main: #e2e8f0;--color-text-muted: var(--slate-500);--color-border: var(--slate-700);--color-border-secondary: var(--slate-700);--color-border-tertiary: var(--slate-700);--shadow-sm: 0 1px 3px rgba(0,0,0,.25);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.35), 0 2px 4px -1px rgba(0,0,0,.25);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -2px rgba(0,0,0,.3);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.45), 0 10px 10px -5px rgba(0,0,0,.3);--shadow-pop: 0 20px 50px -12px rgba(0,0,0,.65)}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--leading-normal);color:var(--color-text-main);background:var(--color-bg-secondary)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;line-height:var(--leading-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl);font-weight:600}h4{font-size:var(--font-size-2xl);font-weight:600}h5{font-size:var(--font-size-xl);font-weight:600}h6{font-size:var(--font-size-lg);font-weight:600}a{color:var(--brand-olive);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--brand-yellow)}.cp-footer-link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-base)}.cp-footer-link:hover{color:var(--brand-olive)}.page-title{margin:0 0 var(--spacing-2);font-size:var(--font-size-4xl);font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary)}.page-subtitle{margin:0;font-size:var(--font-size-base);color:var(--color-text-secondary)}.display{margin:0;font-size:var(--font-size-hero);font-weight:800;line-height:var(--leading-tight);letter-spacing:-.025em;color:var(--color-text-primary)}.display-accent{background:linear-gradient(135deg,var(--brand-yellow) 10%,var(--brand-olive) 90%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.prose{font-size:var(--font-size-lg);line-height:var(--leading-relaxed);color:var(--color-text-main)}.prose h1{margin:0 0 var(--spacing-2);font-size:clamp(24px,4vw,36px);font-weight:800;letter-spacing:-.02em;color:var(--color-text-primary)}.prose h2{margin:var(--spacing-10) 0 var(--spacing-3);padding-top:var(--spacing-2);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);border-top:1px solid var(--color-border-tertiary)}.prose h3{margin:var(--spacing-6) 0 var(--spacing-2);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-main)}.prose p{margin:0 0 var(--spacing-4)}.prose ul,.prose ol{margin:0 0 var(--spacing-4);padding-left:var(--spacing-6)}.prose li{margin-bottom:var(--spacing-1_5)}.prose a{color:var(--brand-olive);text-decoration:underline;text-underline-offset:3px}.prose a:hover{color:var(--brand-yellow)}.prose strong{font-weight:600;color:var(--color-text-primary)}.prose-meta{margin-bottom:var(--spacing-10);font-size:var(--font-size-md);color:var(--slate-400)}.d-flex{display:flex}.d-grid{display:grid}.d-block{display:block}.d-inline{display:inline}.d-inline-flex{display:inline-flex}.d-none{display:none}.col-span-full{grid-column:1 / -1}.grid-cols-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (max-width: 900px){.grid-cols-2{grid-template-columns:1fr}}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-center{display:flex;align-items:center;justify-content:center}.flex-1{flex:1}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.min-w-0{min-width:0}.gap-1{gap:var(--spacing-1)}.gap-1_5{gap:var(--spacing-1_5)}.gap-2{gap:var(--spacing-2)}.gap-2_5{gap:var(--spacing-2_5)}.gap-3{gap:var(--spacing-3)}.gap-3_5{gap:var(--spacing-3_5)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.gap-x-1{column-gap:var(--spacing-1)}.gap-x-2{column-gap:var(--spacing-2)}.gap-x-3{column-gap:var(--spacing-3)}.gap-x-4{column-gap:var(--spacing-4)}.gap-y-1{row-gap:var(--spacing-1)}.gap-y-2{row-gap:var(--spacing-2)}.gap-y-3{row-gap:var(--spacing-3)}.gap-y-4{row-gap:var(--spacing-4)}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mt-10{margin-top:var(--spacing-10)}.mb-1{margin-bottom:var(--spacing-1)}.mb-1_5{margin-bottom:var(--spacing-1_5)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-3_5{margin-bottom:var(--spacing-3_5)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.mb-7{margin-bottom:var(--spacing-7)}.mb-8{margin-bottom:var(--spacing-8)}.mb-10{margin-bottom:var(--spacing-10)}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.ml-auto{margin-left:auto}.mr-1{margin-right:var(--spacing-1)}.mr-1_5{margin-right:var(--spacing-1_5)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.mx-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.mx-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.mx-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.my-1{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.my-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.p-0{padding:0}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.pt-1{padding-top:var(--spacing-1)}.pt-2{padding-top:var(--spacing-2)}.pt-3{padding-top:var(--spacing-3)}.pt-4{padding-top:var(--spacing-4)}.pb-1{padding-bottom:var(--spacing-1)}.pb-2{padding-bottom:var(--spacing-2)}.pb-3{padding-bottom:var(--spacing-3)}.pb-4{padding-bottom:var(--spacing-4)}.pb-6{padding-bottom:var(--spacing-6)}.pl-1{padding-left:var(--spacing-1)}.pl-2{padding-left:var(--spacing-2)}.pl-3{padding-left:var(--spacing-3)}.pl-4{padding-left:var(--spacing-4)}.pr-1{padding-right:var(--spacing-1)}.pr-2{padding-right:var(--spacing-2)}.pr-3{padding-right:var(--spacing-3)}.pr-4{padding-right:var(--spacing-4)}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-5{padding-left:var(--spacing-5);padding-right:var(--spacing-5)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-6{padding-top:var(--spacing-6);padding-bottom:var(--spacing-6)}.py-7{padding-top:var(--spacing-7);padding-bottom:var(--spacing-7)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.py-10{padding-top:var(--spacing-10);padding-bottom:var(--spacing-10)}.w-full{width:100%}.h-full{height:100%}.w-auto{width:auto}.min-h-screen{min-height:100vh}.min-h-60vh{min-height:60vh}.py-*/.mx-*/.my-* đã ghép 2 thuộc tính cùng chiều làm 1 class tiện dùng. */ .size-6{width:var(--spacing-6);height:var(--spacing-6)}.size-7{width:var(--spacing-7);height:var(--spacing-7)}.size-8{width:var(--spacing-8);height:var(--spacing-8)}.size-10{width:var(--spacing-10);height:var(--spacing-10)}.size-12{width:var(--spacing-12);height:var(--spacing-12)}.size-14{width:var(--spacing-14);height:var(--spacing-14)}.size-16{width:var(--spacing-16);height:var(--spacing-16)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}.container-2xl{max-width:var(--container-2xl)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.z-10{z-index:10}.z-50{z-index:50}.z-100{z-index:100}.z-200{z-index:200}.z-1300{z-index:1300}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-5{z-index:5}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scrollbar-none{scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-mono{font-family:var(--font-family-mono)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tracking-wide{letter-spacing:.06em}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-word{word-break:break-word}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-main{color:var(--color-text-main)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-brand-yellow{color:var(--brand-yellow)}.text-brand-olive{color:var(--brand-olive)}.text-white{color:#fff}.text-inherit{color:inherit}.link-hover-primary{transition:color var(--transition-base)}.link-hover-primary:hover{color:var(--color-text-primary)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-ivory{background-color:var(--color-bg-ivory)}.bg-white{background-color:#fff}.bg-transparent{background-color:transparent}.bg-border{background-color:var(--color-border)}.bg-success{background-color:var(--color-success)}.bg-danger{background-color:var(--color-danger)}.bg-warning{background-color:var(--color-warning)}.bg-info{background-color:var(--color-info)}.bg-brand-olive-tint{background-color:var(--brand-olive-tint)}.bg-slate-800{background-color:var(--slate-800)}.border{border:1px solid var(--color-border)}.border-0{border:none}.border-top{border-top:1px solid var(--color-border)}.border-bot{border-bottom:1px solid var(--color-border)}.border-collapse{border-collapse:collapse}.divider-v{width:1px;height:var(--spacing-4);background:var(--color-border);flex-shrink:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.disabled{opacity:.55;pointer-events:none;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .2s ease-in-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.hide-mobile{display:initial}.hide-mobile-text{display:none}@media (min-width: 900px){.hide-mobile-text{display:inline}}@media (max-width: 768px){.hide-mobile{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:9px var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:600;font-family:inherit;line-height:1;border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast),opacity var(--transition-fast)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.97)}.btn svg{flex-shrink:0}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:none}.btn:focus-visible{outline:2px solid var(--palette-info);outline-offset:2px}.btn--primary{background:linear-gradient(135deg,var(--brand-yellow),var(--brand-olive));color:#fff;border-color:transparent;box-shadow:0 4px 14px #6b8e2347}.btn--primary:hover:not(:disabled){box-shadow:0 6px 20px #6b8e2366}.btn--secondary{background:rgba(107,142,35,.1);color:var(--brand-olive);border-color:transparent}.btn--secondary:hover:not(:disabled){background:rgba(107,142,35,.18)}[data-theme=dark] .btn--secondary{background:rgba(107,142,35,.18);color:var(--brand-olive-vivid)}.btn--outline{background:var(--color-bg-primary);color:var(--color-text-main);border-color:var(--color-border)}.btn--outline:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--slate-300)}[data-theme=dark] .btn--outline{background:transparent;color:var(--slate-300);border-color:var(--slate-600)}[data-theme=dark] .btn--outline:hover:not(:disabled){background:var(--slate-700)}.btn--cancel{background:var(--color-bg-primary);color:var(--color-text-main);border-color:var(--color-border)}.btn--cancel:hover:not(:disabled){background:var(--color-bg-secondary)}[data-theme=dark] .btn--cancel{background:var(--slate-900);border-color:var(--slate-600);color:var(--slate-200)}[data-theme=dark] .btn--cancel:hover:not(:disabled){background:var(--slate-700)}.btn--ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}[data-theme=dark] .btn--ghost{color:var(--slate-400)}[data-theme=dark] .btn--ghost:hover:not(:disabled){background:var(--slate-800);color:var(--slate-100)}.btn--danger{background:var(--palette-danger);color:#fff;border-color:transparent;box-shadow:0 4px 14px #ef444440}.btn--danger:hover:not(:disabled){background:var(--palette-danger-dark);box-shadow:0 6px 18px #ef444459}.btn--success{background:var(--palette-success-vivid);color:#fff;border-color:var(--palette-success-dark);box-shadow:0 4px 14px #22c55e33}.btn--success:hover:not(:disabled){filter:brightness(1.06)}.btn--dashboard{background:var(--palette-danger-vivid);color:#fff;border-color:transparent;box-shadow:0 4px 14px #991b1b40}.btn--dashboard:hover:not(:disabled){background:var(--palette-danger-dark);box-shadow:0 6px 18px #991b1b66}.btn--sm{padding:6px var(--spacing-3);font-size:var(--font-size-md);border-radius:var(--radius-md)}.btn--lg{padding:12px var(--spacing-6);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.btn--full{width:100%}.btn-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:var(--radius-lg);border:none;background:transparent;color:var(--slate-500);cursor:pointer;flex-shrink:0;transition:background var(--transition-base),color var(--transition-base)}.btn-icon:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-icon--sm{width:28px;height:28px;border-radius:var(--radius-md)}.btn-icon--lg{width:40px;height:40px;border-radius:var(--radius-xl)}.btn-icon--bordered{border:1px solid var(--color-border);background:var(--color-bg-primary)}.btn-icon--bordered:hover{background:var(--color-bg-secondary);border-color:var(--slate-300)}[data-theme=dark] .btn-icon{color:var(--slate-400)}[data-theme=dark] .btn-icon:hover{background:var(--slate-700);color:var(--slate-100)}[data-theme=dark] .btn-icon--bordered{background:var(--slate-900);border-color:var(--slate-600)}.btn-icon:disabled,.btn-icon[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-icon:focus-visible{outline:2px solid var(--palette-info);outline-offset:2px}.btn-icon.is-active{background:rgba(107,142,35,.1);color:var(--brand-olive)}.btn-icon--bordered.is-active{border-color:var(--brand-olive)}[data-theme=dark] .btn-icon.is-active{background:rgba(107,142,35,.18);color:var(--brand-olive-vivid)}.btn-icon.btn--danger{background:var(--palette-danger);color:#fff}.btn-icon.btn--danger:hover:not(:disabled){background:var(--palette-danger-dark)}.btn-icon.btn--primary{background:linear-gradient(135deg,var(--brand-yellow),var(--brand-olive));color:#fff}.btn-icon.btn--primary:hover:not(:disabled){filter:brightness(1.06)}.btn-icon.btn--success{background:var(--palette-success-vivid);color:#fff}.btn-icon.btn--success:hover:not(:disabled){filter:brightness(1.06)}.btn-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:var(--radius-full);border:none;background:var(--color-bg-tertiary);color:var(--slate-500);cursor:pointer;flex-shrink:0;transition:background var(--transition-base),color var(--transition-base)}.btn-close:hover{background:var(--color-border);color:var(--color-text-primary)}.btn-close:focus-visible{outline:2px solid var(--palette-info);outline-offset:2px}.btn-close:disabled,.btn-close[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}[data-theme=dark] .btn-close{background:var(--slate-700);color:var(--slate-400)}[data-theme=dark] .btn-close:hover{background:var(--slate-600);color:var(--slate-100)}.btn-add-dashed{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);height:38px;width:100%;border:1px dashed var(--color-border);border-radius:var(--radius-lg);background:transparent;color:var(--color-text-main);font-size:var(--font-size-md);font-weight:500;font-family:inherit;cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base)}.btn-add-dashed:hover{background:var(--color-bg-secondary);border-color:var(--slate-400)}.btn-add-dashed:focus-visible{outline:2px solid var(--palette-info);outline-offset:2px}.btn-add-dashed:disabled,.btn-add-dashed[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}[data-theme=dark] .btn-add-dashed{border-color:var(--slate-600);color:var(--slate-300)}[data-theme=dark] .btn-add-dashed:hover{background:var(--slate-800)}.btn-remove-row{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-lg);border:none;background:rgba(239,68,68,.12);color:var(--palette-danger);cursor:pointer;transition:background var(--transition-base)}.btn-remove-row:hover:not(:disabled){background:rgba(239,68,68,.2)}.btn-remove-row:focus-visible{outline:2px solid var(--palette-info);outline-offset:2px}.btn-remove-row:disabled,.btn-remove-row[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.feature-pill{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:7px var(--spacing-3);border-radius:var(--radius-full);background:var(--color-bg-primary);border:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-main);box-shadow:var(--shadow-sm);white-space:nowrap;cursor:default;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.feature-pill:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014;border-color:var(--brand-yellow)}.feature-pill svg{color:var(--brand-olive);flex-shrink:0}[data-theme=dark] .feature-pill{background:var(--slate-800);border-color:var(--slate-700);color:var(--slate-300)}[data-theme=dark] .feature-pill svg{color:var(--brand-yellow)}[data-theme=dark] .feature-pill:hover{border-color:var(--brand-yellow)}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:spin .6s linear infinite;flex-shrink:0}.btn-spinner--dark{border-color:#0f172a33;border-top-color:var(--slate-900)}.btn-pill{display:inline-flex;align-items:center;gap:var(--spacing-1_5);padding:var(--spacing-1_5) var(--spacing-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-main);font-size:var(--font-size-sm);font-weight:600;font-family:inherit;line-height:1.4;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base),transform var(--transition-fast)}.btn-pill:hover{background:var(--color-bg-secondary);border-color:var(--slate-300)}.btn-pill:active{transform:scale(.97)}.btn-pill:focus-visible{outline:2px solid var(--palette-info);outline-offset:2px}.btn-pill:disabled,.btn-pill[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-pill.is-active{background:var(--brand-olive-tint);border-color:var(--brand-olive);color:var(--brand-olive)}[data-theme=dark] .btn-pill{background:var(--slate-800);border-color:var(--slate-700);color:var(--slate-300)}[data-theme=dark] .btn-pill:hover{background:var(--slate-700)}[data-theme=dark] .btn-pill.is-active{background:rgba(107,142,35,.18);border-color:var(--brand-olive);color:var(--brand-olive-vivid)}.btn-pill__icon{display:inline-flex;align-items:center}.btn-pill__num{font-variant-numeric:tabular-nums}.color-tag-swatch{width:10.5px;height:14px;border-radius:1px;border:1px solid transparent;flex-shrink:0;cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.color-tag-swatch.is-active{border-color:#fff;box-shadow:0 0 6px #000c;transform:scale(1.15)}.color-tag-swatch.is-faded{opacity:.25}.btn-pill__star{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast)}.btn-pill__star.is-filled{color:var(--brand-yellow)}.btn-pill__star.is-active{transform:scale(1.25)}.btn-pill__star.is-preview{opacity:.4}.btn-pill__star.is-dimmed{opacity:.3}.btn-confirm-tip{position:absolute;top:calc(-1 * var(--spacing-6));left:50%;transform:translate(-50%)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-1_5)}.label{display:flex;align-items:center;gap:var(--spacing-1_5);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary)}.label__lock{display:inline-flex;align-items:center;gap:3px;font-size:var(--font-size-xs);font-weight:600;color:var(--tier-bronze)}.input,.select,.textarea{width:100%;padding:var(--spacing-2_5) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;box-sizing:border-box;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.input::placeholder,.textarea::placeholder{color:var(--slate-400)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--palette-info);box-shadow:0 0 0 3px #3b82f61f}.select{cursor:pointer}.textarea{resize:vertical;min-height:100px;line-height:var(--leading-normal)}[data-theme=dark] .input,[data-theme=dark] .select,[data-theme=dark] .textarea{background:var(--slate-900);border-color:var(--slate-600);color:var(--slate-100)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--color-bg-tertiary);color:var(--slate-400);cursor:not-allowed;opacity:.7}[data-theme=dark] .input:disabled,[data-theme=dark] .select:disabled,[data-theme=dark] .textarea:disabled{background:var(--slate-800);color:var(--slate-600);opacity:1}.input--error{border-color:var(--palette-danger)}.input--error:focus{border-color:var(--palette-danger);box-shadow:0 0 0 3px #ef44441f}.input--sm,.select--sm{padding:var(--spacing-1_5) var(--spacing-2_5);font-size:var(--font-size-md);border-radius:var(--radius-md)}.input--lg{padding:var(--spacing-3_5) var(--spacing-4);font-size:var(--font-size-lg);border-radius:var(--radius-xl)}.input--mono{font-family:var(--font-family-mono);text-transform:uppercase;letter-spacing:.05em}.input-group{position:relative;display:flex;align-items:center;width:100%}.input-group:not(.input-group--prefix) .input{padding-right:38px}.input-group--prefix .input{padding-left:34px}.input-group__icon{position:absolute;display:flex;align-items:center;color:var(--color-text-secondary);pointer-events:none}.input-group--prefix .input-group__icon{left:var(--spacing-3)}.input-group:not(.input-group--prefix) .input-group__icon{right:var(--spacing-3)}.input-group__icon-btn{position:absolute;right:var(--spacing-3);display:flex;align-items:center;margin:0;padding:0;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-base)}.input-group__icon-btn:hover{color:var(--color-text-primary)}.input-group--addon{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-primary)}.input-group--addon .input{border:none;border-radius:0}.input-group__addon{flex-shrink:0;height:40px;padding:0 var(--spacing-3);display:flex;align-items:center;font-size:var(--font-size-base);color:var(--color-text-secondary);background:var(--color-bg-secondary);border-right:1px solid var(--color-border)}[data-theme=dark] .input-group--addon{background:var(--slate-900);border-color:var(--slate-600)}[data-theme=dark] .input-group__addon{background:var(--slate-800);border-right-color:var(--slate-600)}.checkbox,.radio{width:18px;height:18px;accent-color:var(--brand-olive);cursor:pointer;flex-shrink:0}.checkbox:disabled,.radio:disabled{cursor:not-allowed;opacity:.5}.radio-row,.checkbox-row{display:flex;align-items:center;gap:var(--spacing-2_5);padding:var(--spacing-2_5) var(--spacing-2);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-main);transition:background var(--transition-base)}.radio-row:hover,.checkbox-row:hover{background:var(--color-bg-secondary)}[data-theme=dark] .radio-row:hover,[data-theme=dark] .checkbox-row:hover{background:var(--slate-800)}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch__slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--slate-300);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-slow)}.switch__slider:before{content:"";position:absolute;left:3px;bottom:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--transition-slow)}.switch input:checked+.switch__slider{background:var(--palette-success-vivid)}.switch input:checked+.switch__slider:before{transform:translate(20px)}[data-theme=dark] .switch__slider{background:var(--slate-600)}[data-theme=dark] .switch__slider:before{background:var(--slate-100)}.segmented{display:flex;gap:var(--spacing-1);padding:var(--spacing-1);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.segmented__btn{flex:1;padding:var(--spacing-2) var(--spacing-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:600;font-family:inherit;white-space:nowrap;cursor:pointer;transition:background var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.segmented__btn:hover:not(.is-active){color:var(--color-text-primary)}.segmented__btn.is-active{background:var(--color-bg-primary);color:var(--palette-info);box-shadow:var(--shadow-sm)}[data-theme=dark] .segmented__btn.is-active{background:var(--slate-800);color:#60a5fa}.segmented__btn--sm{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm)}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-4);text-align:center;cursor:pointer;font-size:var(--font-size-md);color:var(--color-text-secondary);transition:border-color var(--transition-base),background var(--transition-base),color var(--transition-base)}.upload-zone:hover{border-color:var(--brand-yellow);background:rgba(232,193,93,.04);color:var(--color-text-primary)}.upload-zone img{max-height:80px;max-width:100%;object-fit:contain;border-radius:var(--radius-sm)}[data-theme=dark] .upload-zone{border-color:var(--slate-600)}.color-swatch-row{display:flex;align-items:center;gap:var(--spacing-2)}.color-swatch{width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;flex-shrink:0;transition:transform var(--transition-fast)}.color-swatch:hover{transform:scale(1.1)}.form-hint{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.form-error{margin:0;font-size:var(--font-size-sm);font-weight:500;color:var(--palette-danger)}[data-theme=dark] .form-error{color:#f87171}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid var(--color-border)}.card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm)}.card--compact{padding:var(--spacing-4) var(--spacing-5)}.card--flush{padding:0}.card--hover{cursor:pointer;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}.card--hover:hover{border-color:var(--brand-yellow);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card:has(.dropdown-menu){position:relative;z-index:10}.card--dashed{border-style:dashed;background:var(--color-bg-secondary);box-shadow:none}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}.card__title{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.card__subtitle{margin:var(--spacing-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.card__footer{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-4);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stat-card{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--spacing-5);box-shadow:var(--shadow-sm)}.stat-card__label{margin:0 0 var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stat-card__value{margin:0;font-size:var(--font-size-4xl);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.stat-card__icon{width:40px;height:40px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(107,142,35,.12);color:var(--brand-olive)}.stat-card__icon--info{background:rgba(59,130,246,.12);color:var(--palette-info)}.stat-card__icon--success{background:rgba(16,185,129,.12);color:var(--palette-success)}.stat-card__icon--warning{background:rgba(245,158,11,.12);color:var(--palette-warning)}.stat-card__icon--danger{background:var(--palette-danger-tint);color:var(--palette-danger)}.stat-card__icon--purple{background:var(--palette-purple-tint);color:var(--palette-purple)}.card-list{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.card-list__label{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-secondary);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.card-row{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2_5) var(--spacing-3_5);border-bottom:1px solid var(--color-border);cursor:pointer;min-width:0;transition:background var(--transition-fast)}.card-row:last-child{border-bottom:none;border-radius:0 0 var(--radius-xl) var(--radius-xl)}.card-row:hover{background:var(--color-bg-secondary)}.card-row__name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.card-row__sub{flex:1;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tile{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-2xl);cursor:pointer;position:relative;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}.tile:hover{border-color:var(--brand-yellow);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tile.is-active{border-color:var(--brand-yellow);box-shadow:0 0 0 3px #e8c15d38}.tile:has(.dropdown-menu){z-index:10}.tile__cover{aspect-ratio:16 / 9;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;overflow:hidden;background-color:var(--color-bg-tertiary);background-size:cover;background-position:center;position:relative}.tile__cover--sm{aspect-ratio:unset;height:64px}.tile__body{padding:var(--spacing-2_5) var(--spacing-3)}.tile__title{margin:0;font-size:var(--font-size-base);font-weight:700;color:var(--color-text-primary)}.tile__subtitle{margin:2px 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tile__menu{position:absolute;top:var(--spacing-2);right:var(--spacing-2);z-index:2}.tile-create{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);min-height:220px;border:2px dashed var(--color-border);border-radius:var(--radius-2xl);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.tile-create:hover{border-color:var(--palette-indigo);color:var(--palette-indigo);background:var(--color-bg-secondary)}.tile-create__icon{width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.tile-create:hover .tile-create__icon{background:rgba(79,70,229,.12);transform:scale(1.05)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-5)}.card-grid--sm{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-3)}.card-grid--lg{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width: 640px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-3)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-5);background:rgba(2,6,23,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-primary);border-radius:var(--radius-4xl);box-shadow:var(--shadow-xl)}.modal--sm{max-width:400px}.modal--lg{max-width:840px}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-6) var(--spacing-6) var(--spacing-4);border-bottom:1px solid var(--color-border);flex-shrink:0}.modal__title{margin:0;font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary)}.modal__subtitle{margin:var(--spacing-1) 0 0;font-size:var(--font-size-base);color:var(--color-text-secondary)}.modal__body{padding:var(--spacing-6);overflow-y:auto;flex:1;scrollbar-width:none}.modal__body::-webkit-scrollbar{display:none}.modal__body--grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--spacing-8)}@media (max-width: 768px){.modal__body--grid{grid-template-columns:1fr;gap:var(--spacing-5)}}.modal__footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-border);background:var(--color-bg-secondary);flex-shrink:0}.modal__footer--full .btn{flex:1}.modal__icon{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-5);background:rgba(107,142,35,.12);color:var(--brand-olive)}.modal__icon--danger{background:var(--palette-danger-tint);color:var(--palette-danger)}.modal__icon--warning{background:rgba(245,158,11,.12);color:var(--palette-warning)}.modal__icon--success{background:rgba(16,185,129,.12);color:var(--palette-success)}[data-theme=dark] .modal__icon{background:var(--brand-olive-vivid-tint);color:var(--brand-olive-vivid)}[data-theme=dark] .modal__icon--danger{background:rgba(248,113,113,.15);color:#f87171}[data-theme=dark] .modal__icon--warning{background:rgba(251,191,36,.15);color:#fbbf24}[data-theme=dark] .modal__icon--success{background:rgba(74,222,128,.15);color:#4ade80}.modal--centered{text-align:center;padding:var(--spacing-8) var(--spacing-6)}.modal--centered .modal__title{margin-bottom:var(--spacing-2)}.modal--centered .modal__desc{margin:0 0 var(--spacing-6);font-size:var(--font-size-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.modal--centered .modal__footer{padding:0;margin-top:0;border-top:none;background:transparent}@media (max-width: 640px){.modal-overlay{align-items:flex-end;padding:0}.modal{width:100%;max-width:100%;max-height:88vh;border-radius:var(--radius-4xl) var(--radius-4xl) 0 0}.modal--centered{padding:var(--spacing-6) var(--spacing-5)}}.menu-trigger{position:relative;flex-shrink:0}.dropdown-menu{position:absolute;top:calc(100% + var(--spacing-1_5));right:0;z-index:200;min-width:170px;max-width:calc(100vw - var(--spacing-6));display:flex;flex-direction:column;gap:1px;padding:var(--spacing-1_5);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:slideDown var(--transition-fast) both}[data-theme=dark] .dropdown-menu{background:var(--slate-800);border-color:var(--slate-700)}.dropdown-menu--left{right:auto;left:0}.dropdown-menu--up{top:auto;bottom:calc(100% + var(--spacing-1_5))}.dropdown-menu--full{width:100%;min-width:0}.dropdown-menu--lg{width:320px;max-height:400px;overflow-y:auto}.dropdown-menu__item{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-main);font-size:var(--font-size-base);font-weight:500;font-family:inherit;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.dropdown-menu__item:hover{background:var(--color-bg-secondary)}.dropdown-menu__item svg{flex-shrink:0}[data-theme=dark] .dropdown-menu__item{color:var(--slate-200)}[data-theme=dark] .dropdown-menu__item:hover{background:var(--slate-700)}.dropdown-menu__item.is-active{background:rgba(107,142,35,.1);color:var(--brand-olive);font-weight:600}[data-theme=dark] .dropdown-menu__item.is-active{background:rgba(107,142,35,.18);color:#a3e635}.dropdown-menu__item--danger{color:var(--palette-danger)}.dropdown-menu__item--danger:hover{background:var(--palette-danger-tint)}[data-theme=dark] .dropdown-menu__item--danger{color:#f87171}[data-theme=dark] .dropdown-menu__item--danger:hover{background:rgba(248,113,113,.12)}.dropdown-menu__item--danger-confirm{background:var(--palette-danger);color:#fff;font-weight:700}.dropdown-menu__item--danger-confirm:hover{background:var(--palette-danger-dark)}[data-theme=dark] .dropdown-menu__item--danger-confirm{color:#fff}.dropdown-menu__item--stacked{flex-direction:column;align-items:flex-start;gap:var(--spacing-1);cursor:default}.dropdown-menu__item--stacked:hover{background:var(--color-bg-secondary)}.dropdown-menu__divider{border:0;border-top:1px solid var(--color-border);margin:var(--spacing-1) 0}[data-theme=dark] .dropdown-menu__divider{border-top-color:var(--slate-700)}.dropdown-menu__header{padding:var(--spacing-3_5) var(--spacing-3) var(--spacing-2_5);margin-bottom:var(--spacing-1);border-bottom:1px solid var(--color-border)}[data-theme=dark] .dropdown-menu__header{border-bottom-color:var(--slate-700)}.dropdown-menu__header-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .dropdown-menu__header-name{color:var(--slate-100)}.dropdown-menu__header-meta{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .dropdown-menu__header-meta{color:var(--slate-400)}.dropdown-chevron{transition:transform var(--transition-base);opacity:.6;flex-shrink:0}.dropdown-chevron.is-open{transform:rotate(180deg)}.tier-badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:3px var(--spacing-2_5);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:700;line-height:1.4;white-space:nowrap;cursor:default;flex-shrink:0;transition:opacity var(--transition-base),box-shadow var(--transition-base)}.tier-badge--active{box-shadow:var(--shadow-sm)}.tier-badge--inactive{opacity:.85;box-shadow:none}.tier-badge__dot{width:6px;height:6px;border-radius:var(--radius-full);background:rgba(255,255,255,.85);flex-shrink:0}.tier-badge__expired{font-weight:500;opacity:.85}.toast{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);z-index:1100;display:flex;align-items:center;gap:var(--spacing-2_5);max-width:380px;padding:var(--spacing-3_5) var(--spacing-4);background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border-left:3px solid var(--color-border);font-size:var(--font-size-base);color:var(--color-text-main);animation:fadeUp .25s ease-out}[data-theme=dark] .toast{background:var(--slate-800)}.toast span{flex:1;min-width:0}.toast--success{border-left-color:var(--palette-success)}.toast--success svg{color:var(--palette-success);flex-shrink:0}.toast--error{border-left-color:var(--palette-danger)}.toast--error svg{color:var(--palette-danger);flex-shrink:0}.toast__close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--slate-400);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.toast__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}[data-theme=dark] .toast__close:hover{background:var(--slate-700);color:var(--slate-100)}@media (max-width: 480px){.toast{left:var(--spacing-4);right:var(--spacing-4);bottom:var(--spacing-4);max-width:none}}.album-tile__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 42%);pointer-events:none}.album-tile__stats{position:absolute;left:var(--spacing-2);right:var(--spacing-2);bottom:var(--spacing-2);z-index:1;display:flex;flex-wrap:wrap;gap:var(--spacing-1_5)}.album-tile-stat-pill{display:inline-flex;align-items:center;gap:4px;padding:3px var(--spacing-2);border-radius:var(--radius-full);background:rgba(15,23,42,.5);color:#fff;font-size:var(--font-size-xs);font-weight:600;line-height:1.4;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.album-tile-stat-pill .stat-num{display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:15px;padding:0 4px;border-radius:var(--radius-full);font-variant-numeric:tabular-nums;transition:background var(--transition-fast),color var(--transition-fast)}.album-tile-stat-pill.has-items .stat-num{background:var(--brand-yellow);color:#3d2f0a}.dashboard-container{min-height:100vh;background:var(--color-bg-secondary);color:var(--color-text-main)}.dashboard-toolbar{padding:var(--spacing-4) var(--spacing-6);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border)}.dashboard-main{max-width:var(--container-2xl);margin:0 auto;padding:var(--spacing-6)}.dashboard-main--full{max-width:none;margin:0;padding:0}.folder-navigation{background:var(--color-bg-primary);border:1px solid var(--color-border)}.app-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-6);transition:background var(--transition-base),border-color var(--transition-base)}.app-header--app{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border)}.app-header--marketing{background:transparent;border-bottom:1px solid transparent}.app-header__logo{display:block;height:var(--spacing-8);width:auto}.app-header__search{width:100%;max-width:320px;min-width:0}.notif-badge{position:absolute;top:-2px;right:-2px;min-width:var(--spacing-4);height:var(--spacing-4);padding:0 var(--spacing-1);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--palette-danger);color:#fff;font-size:var(--font-size-xs);font-weight:700;line-height:1;border:2px solid var(--color-bg-primary)}.avatar-circle{width:var(--spacing-8);height:var(--spacing-8);border-radius:var(--radius-full);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,var(--brand-yellow),var(--brand-olive));color:#fff;font-size:var(--font-size-base);font-weight:700}.avatar-circle__img{width:100%;height:100%;object-fit:cover}.avatar-ring{outline-style:solid;outline-width:2px;outline-offset:2px}.avatar-trigger{display:flex;background:transparent;border:none;padding:0;cursor:pointer;border-radius:var(--radius-full);transition:transform var(--transition-fast)}.avatar-trigger:hover{transform:scale(1.05)}.avatar-trigger:focus-visible{outline:2px solid var(--palette-info);outline-offset:2px}@media (max-width: 768px){.app-header{flex-wrap:wrap;padding:var(--spacing-2) var(--spacing-4);gap:var(--spacing-2)}.app-header__logo{height:var(--spacing-7)}.app-header__search{max-width:180px}.app-header .btn-icon{width:28px;height:28px}}@media (max-width: 480px){.app-header__search{display:none}}.psp-page{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--color-bg-tertiary)}.psp-builder-wrap{flex:1;min-height:0;overflow:hidden}.psp-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--palette-info);border-radius:var(--radius-full);animation:spin .7s linear infinite}.lb-slide-frame--main{will-change:transform}.lb-slide-img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.lb-slide-img--thumb{position:absolute}.lb-slide-img--base{position:relative;transition:opacity var(--transition-slow)}.lb-slide-img--full{position:absolute;transition:opacity .4s ease-in-out}.lb-limit-toast{bottom:100px;left:50%;transform:translate(-50%);z-index:9999;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);box-shadow:0 10px 25px #0003;animation:fadeUp .2s ease-out}.lb-img-stack .swiper{touch-action:none}.lb-bar-divider{width:1px;height:var(--spacing-5);background:rgba(255,255,255,.2);flex-shrink:0}.lb-stars.lb-stars--tight{gap:2px}.lb-star-slot{display:flex;align-items:center;padding:var(--spacing-1) 1px;cursor:pointer}.lb-color-picker-popover{position:absolute;bottom:calc(100% + var(--spacing-3));left:50%;transform:translate(-25%);z-index:2000;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:var(--spacing-2_5);padding:var(--spacing-1_5) var(--spacing-3_5);background:rgba(15,23,42,.7);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 28px #0000008c;white-space:nowrap}.lb-color-picker-popover .color-tag-swatch{display:inline-block;flex:0 0 auto}.lb-color-picker-close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:22px;height:22px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.15);color:#fff;font-size:var(--font-size-xs);cursor:pointer;transition:background var(--transition-fast)}.lb-color-picker-close:hover{background:rgba(255,255,255,.28)}.pub-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-secondary)}.pub-header{height:64px;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:0 var(--spacing-6);display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){.pub-header{padding-left:var(--spacing-3);padding-right:var(--spacing-3);gap:var(--spacing-2)}}.pub-nav{display:flex;align-items:center;gap:var(--spacing-6)}.pub-nav a{color:var(--color-text-main);text-decoration:none;font-size:var(--font-size-xl)}.pub-login{padding:var(--spacing-2) var(--spacing-3_5);border-radius:var(--radius-full);border:1px solid var(--slate-300)}.pub-main{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.pub-container{width:100%;max-width:760px;padding:var(--spacing-12) var(--spacing-6) var(--spacing-16)}@media (max-width: 600px){.pub-container{padding:var(--spacing-8) var(--spacing-4) var(--spacing-12)}}.pub-error{margin-top:var(--spacing-3_5);border-radius:var(--radius-lg)}.pub-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-8) var(--spacing-5) var(--spacing-7);position:relative;overflow:hidden}@media (max-width: 500px){.pub-hero{padding:var(--spacing-6) var(--spacing-4) var(--spacing-5)}}.pub-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 50% 0%,rgba(232,193,93,.18) 0%,transparent 65%),radial-gradient(ellipse 40% 35% at 85% 95%,rgba(107,142,35,.09) 0%,transparent 60%);pointer-events:none}.pub-hero__orb{position:absolute;width:440px;height:440px;border-radius:var(--radius-full);background:radial-gradient(circle,rgba(232,193,93,.08) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:pub-orbPulse 6s ease-in-out infinite;pointer-events:none}@media (max-width: 500px){.pub-hero__orb{width:220px;height:220px}}@keyframes pub-orbPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.18);opacity:1}}.pub-hero__mark{width:52px;height:52px;border-radius:var(--radius-3xl);background:linear-gradient(135deg,var(--brand-yellow),var(--brand-olive));display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-5);box-shadow:0 8px 24px #6b8e2338;animation:pub-fadeUp .4s .08s ease both;position:relative;z-index:1;flex-shrink:0}.pub-hero__mark svg{color:#fff}.pub-hero__h1{margin:0 0 var(--spacing-3);white-space:pre-line;word-break:break-word;max-width:900px;width:100%;position:relative;z-index:1;animation:pub-fadeUp .45s .16s ease both}.pub-hero__sub{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--spacing-7);max-width:650px;width:100%;word-break:keep-all;animation:pub-fadeUp .45s .23s ease both;position:relative;z-index:1}.pub-hero__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:center;animation:pub-fadeUp .45s .3s ease both;position:relative;z-index:1;margin-bottom:var(--spacing-8);width:100%;max-width:420px}.pub-hero__actions .btn{flex:1 1 auto;min-width:140px}@media (max-width: 500px){.pub-hero__actions{flex-direction:column;align-items:stretch;max-width:280px}}.pub-hero__pills{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2);position:relative;z-index:1;max-width:800px;width:100%;margin-bottom:var(--spacing-8)}.pub-hero__pills .feature-pill{opacity:0;animation:pub-fadeUp .4s ease both}.pub-hero__note{position:relative;z-index:1;margin-top:var(--spacing-1_5)}.pub-hero__error{position:relative;z-index:1;margin-top:var(--spacing-2)}@keyframes pub-fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pub-footer a{color:var(--color-text-secondary);text-decoration:none}.pub-footer a:hover{color:var(--brand-olive)}.pub-footer__links{display:flex;gap:var(--spacing-3_5);flex-wrap:wrap}.webbuilder{display:flex;height:100%;overflow:hidden;background:var(--color-bg-tertiary)}.webbuilder__sidebar{width:280px;flex-shrink:0;display:flex;flex-direction:column;height:100%;background:var(--color-bg-primary);border-right:1px solid var(--color-border)}.webbuilder__sidebar-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--spacing-4);scrollbar-width:thin}.webbuilder__sidebar-footer{display:flex;flex-direction:column;gap:var(--spacing-2);flex-shrink:0;padding:var(--spacing-4);border-top:1px solid var(--color-border);background:var(--color-bg-primary)}.webbuilder__footer-row{display:flex;gap:var(--spacing-2)}.webbuilder__footer-row>.btn{flex:1;min-width:0}.webbuilder__canvas{flex:1;min-width:0;height:100%;position:relative;background:var(--color-bg-tertiary)}.webbuilder__iframe{width:100%;height:100%;border:none;display:block;background:#fff}.webbuilder__empty-canvas{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:var(--font-size-lg)}.webbuilder__prop-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding-bottom:var(--spacing-3);margin-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border)}.webbuilder__prop-title{font-size:var(--font-size-base);font-weight:700;color:var(--color-text-primary)}.webbuilder__settings{display:flex;flex-direction:column;gap:var(--spacing-5)}.webbuilder__notice{padding:var(--spacing-3) var(--spacing-3_5);border-radius:var(--radius-lg);border:1px solid transparent;font-size:var(--font-size-sm);line-height:var(--leading-relaxed)}.webbuilder__notice--neutral{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-main)}.webbuilder__notice--info{background:rgba(59,130,246,.08);border-color:#3b82f640;color:#1d4ed8}.webbuilder__notice--success{background:rgba(16,185,129,.08);border-color:#10b98140;color:#047857}.webbuilder__notice--tip{background:var(--color-bg-secondary);border-color:var(--color-border);border-left:3px solid var(--palette-info);border-radius:var(--radius-md);color:var(--color-text-main)}[data-theme=dark] .webbuilder__notice--info{background:rgba(59,130,246,.16);color:#93c5fd}[data-theme=dark] .webbuilder__notice--success{background:rgba(16,185,129,.16);color:#6ee7b7}.webbuilder__prop-fields{display:flex;flex-direction:column;gap:var(--spacing-3)}.webbuilder__field-card{padding:var(--spacing-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);opacity:.85;transition:background var(--transition-base),border-color var(--transition-base),opacity var(--transition-base)}.webbuilder__field-card.is-active{background:rgba(59,130,246,.08);border:2px solid var(--palette-info);opacity:1}[data-theme=dark] .webbuilder__field-card{background:var(--color-bg-tertiary);border-color:var(--slate-600)}[data-theme=dark] .webbuilder__field-card.is-active{background:rgba(59,130,246,.18);border-color:#60a5fa}.webbuilder__icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:var(--spacing-2);max-height:220px;overflow-y:auto;padding:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}[data-theme=dark] .webbuilder__icon-grid{background:var(--color-bg-tertiary);border-color:var(--slate-600)}.webbuilder__icon-btn{height:65px;padding:var(--spacing-1_5) var(--spacing-1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1_5);background:var(--color-bg-primary);border:1px solid var(--slate-300);border-radius:var(--radius-md);color:var(--color-text-main);font-family:inherit;cursor:pointer;box-shadow:0 1px 2px #0000000d;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base)}.webbuilder__icon-btn:hover:not(.is-active){background:var(--color-bg-secondary)}.webbuilder__icon-btn.is-active{background:rgba(59,130,246,.08);border:2px solid var(--palette-info);color:#2563eb;box-shadow:0 2px 4px #3b82f626}[data-theme=dark] .webbuilder__icon-btn{background:var(--slate-800);border-color:var(--slate-600);color:var(--slate-300)}[data-theme=dark] .webbuilder__icon-btn:hover:not(.is-active){background:var(--slate-700)}[data-theme=dark] .webbuilder__icon-btn.is-active{background:rgba(59,130,246,.22);border-color:#60a5fa;color:#93c5fd}.webbuilder__icon-btn__emoji{font-size:20px;line-height:1}.webbuilder__icon-btn__label{width:100%;font-size:10px;font-weight:400;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webbuilder__icon-btn.is-active .webbuilder__icon-btn__label{font-weight:600}.webbuilder__map-status{display:inline-block;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;border:1px solid transparent}.webbuilder__map-status--manual{background:#fef9c3;color:#854d0e;border-color:#fde047}.webbuilder__map-status--auto{background:#f0f9ff;color:#0369a1;border-color:#bae6fd}[data-theme=dark] .webbuilder__map-status--manual{background:rgba(250,204,21,.15);color:#fde047;border-color:#facc154d}[data-theme=dark] .webbuilder__map-status--auto{background:rgba(14,165,233,.15);color:#7dd3fc;border-color:#0ea5e94d}.webbuilder__code-preview{padding:var(--spacing-1_5) var(--spacing-2);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);word-break:break-all}.webbuilder__range{width:100%;accent-color:var(--palette-info);cursor:pointer}.webbuilder__count-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--palette-info);color:#fff;border-radius:var(--radius-full);padding:1px var(--spacing-1_5);font-size:var(--font-size-xs);line-height:16px;font-weight:700}.webbuilder__manager-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-2_5) var(--spacing-3);background:rgba(245,158,11,.1);border:1.5px solid var(--palette-warning);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;color:#92400e}[data-theme=dark] .webbuilder__manager-banner{background:rgba(245,158,11,.16);color:#fbbf24;border-color:#f59e0b80}.webbuilder__drafts-panel{margin-top:var(--spacing-6);padding-top:var(--spacing-5);border-top:1px solid var(--color-border)}.webbuilder__section-title{margin-bottom:var(--spacing-3);font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.webbuilder__version-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2_5) var(--spacing-3);border-radius:var(--radius-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);font-size:var(--font-size-base)}.webbuilder__version-row__title{font-size:var(--font-size-base);color:var(--color-text-primary)}.webbuilder__version-row__meta{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.webbuilder__version-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-2);border-radius:var(--radius-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);text-align:center}.webbuilder__version-col--live{background:rgba(59,130,246,.06);border-color:#3b82f640}.webbuilder__version-col__title{font-size:var(--font-size-base);font-weight:700;color:var(--color-text-primary);white-space:nowrap}.webbuilder__version-col--live .webbuilder__version-col__title{color:#0369a1}[data-theme=dark] .webbuilder__version-col--live{background:rgba(59,130,246,.14);border-color:#3b82f64d}[data-theme=dark] .webbuilder__version-col--live .webbuilder__version-col__title{color:#7dd3fc}.modal__body.webbuilder__crop-body{padding:0;overflow:hidden;display:flex}.webbuilder__crop-area{position:relative;width:100%;height:min(60vh,480px);background:var(--slate-900)}.toast--warning{border-left-color:var(--palette-warning)}.toast--warning svg{color:var(--palette-warning);flex-shrink:0}.toast--preview{border-left-color:var(--palette-info)}.toast--preview svg{color:var(--palette-info);flex-shrink:0}.input--soft:not(.input--error),.select--soft:not(.input--error),.textarea--soft:not(.input--error){background:var(--color-bg-secondary)}[data-theme=dark] .input--soft:not(.input--error),[data-theme=dark] .select--soft:not(.input--error),[data-theme=dark] .textarea--soft:not(.input--error){border-color:transparent}.manager-locked-notice{background:rgba(245,158,11,.1);border:1px solid var(--palette-warning)}[data-theme=dark] .manager-locked-notice{background:rgba(251,191,36,.15);border-color:#fbbf2466}@media (max-width: 900px){.webbuilder{flex-direction:column}.webbuilder__canvas{order:1;height:65%}.webbuilder__sidebar{order:2;width:100%;height:35%;border-right:none;border-top:1px solid var(--color-border)}}