:root{--app-primary:#16a34a;--app-primary-dark:#14532d;--app-primary-light:#22c55e;--app-accent:#4ade80;--app-header:#052e16;--app-text:#14532d;--app-text-muted:#3f6212;--app-bg-muted:#f0fdf4;--app-content-max:1400px;--app-border:#dcfce7;--app-shadow:0 1px 3px #052e1614;--header-h:64px}*{box-sizing:border-box}html,body{background:var(--app-bg-muted);touch-action:manipulation;min-height:100%;margin:0;padding:0}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex-direction:column;flex:1;display:flex}.app-panel{border:1px solid var(--app-border);box-shadow:var(--app-shadow);background:#fff;border-radius:12px}.app-panel .ant-card{box-shadow:none!important;background:0 0!important;border:none!important}.site-header{background:var(--app-header);height:var(--header-h);z-index:100;align-items:center;gap:12px;padding:0 20px;display:flex;position:sticky;top:0}.site-header__brand{flex-shrink:0}.site-header__logo{align-items:center;gap:10px;display:flex}.site-header__logo-icon{color:#fff;background:linear-gradient(135deg,#22c55e,#15803d);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px 12px #16a34a59}.site-header__logo-text{font-size:17px;font-weight:700;color:#fff!important}.site-nav{scrollbar-width:none;flex:1;align-items:center;gap:6px;min-width:0;padding:0 4px;display:flex;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.site-nav__link{color:#86efac;white-space:nowrap;border-radius:999px;flex-shrink:0;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.site-nav__link:hover{color:#e2e8f0;background:#ffffff14}.site-nav__link--active{color:#fff;background:var(--app-primary);box-shadow:none}.site-header__actions{flex-shrink:0}.site-header__menu-btn{font-size:18px;display:none;color:#bbf7d0!important}.site-header__username{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden;color:#e2e8f0!important}.site-header__user-btn{color:#e2e8f0!important}.site-nav__link--drawer{color:#bbf7d0;border-radius:12px;margin-bottom:4px;padding:12px 16px;display:block}.site-nav-drawer .ant-drawer-content,.site-nav-drawer .ant-drawer-header,.site-nav-drawer .ant-drawer-body{background:var(--app-header)!important}.site-nav-drawer .ant-drawer-header{border-bottom:1px solid #bbf7d026!important}.site-nav-drawer .ant-drawer-title{color:#bbf7d0!important}.site-nav-drawer__links{flex-direction:column;gap:4px;display:flex}.site-nav-drawer__auth{border-top:1px solid #bbf7d026;flex-direction:column;gap:12px;margin-top:24px;padding-top:24px;display:flex}@media (max-width:767px){.site-header{gap:8px;height:56px;padding:0 12px}.site-header__menu-btn{justify-content:center;align-items:center;display:inline-flex}.site-nav,.site-header__username,.site-header__register-link{display:none}.site-header__actions{margin-left:auto}}.site-footer{background:var(--app-header);color:#86efac;margin-top:auto;padding:24px 20px}.site-footer__inner{max-width:var(--app-content-max);text-align:center;margin:0 auto}.site-footer__copyright,.site-footer__icp{margin:0;font-size:12px;line-height:1.8}.site-footer__icp a{color:#86efac}.site-footer__icp a:hover{color:#bbf7d0}.landing{min-height:calc(100vh - var(--header-h) - 100px);flex-direction:column;flex:1;padding:16px 20px 24px;display:flex}.landing__grid{max-width:var(--app-content-max);flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:24px;width:100%;margin:0 auto;display:grid}.landing__intro{padding:24px 8px}.landing__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--app-primary-dark);border:1px solid var(--app-border);background:#ecfdf5;border-radius:999px;margin:0 0 20px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.landing__title{letter-spacing:-.03em;color:var(--app-primary-dark)!important;margin:0 0 20px!important;font-size:clamp(3rem,8vw,5rem)!important;font-weight:800!important;line-height:1.05!important}.landing__title span{background:linear-gradient(135deg,#15803d,#22c55e);-webkit-background-clip:text;background-clip:text;color:#0000!important}.landing__lead{max-width:480px;color:var(--app-text-muted)!important;margin-bottom:28px!important;font-size:17px!important;line-height:1.7!important}.landing__platforms{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.landing__platform-pill{color:var(--app-primary-dark);border:1px solid var(--app-border);background:#ecfdf5;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600}.landing__features{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.landing__features li{color:var(--app-text);align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.landing__feature-icon{width:36px;height:36px;color:var(--app-primary);background:#ecfdf5;border-radius:10px;justify-content:center;align-items:center;font-size:16px;display:flex}.landing__entries{flex-direction:column;gap:20px;display:flex}.entry-card{flex-direction:column;gap:16px;padding:28px;transition:transform .2s,box-shadow .2s;display:flex}.entry-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #052e161a}.entry-card__icon{color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex;box-shadow:0 4px 12px #16a34a40}.entry-card__subtitle{letter-spacing:.08em;color:var(--app-primary);text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.entry-card__title{color:var(--app-primary-dark)!important;margin:4px 0 8px!important}.entry-card__desc{color:var(--app-text-muted)!important;margin:0!important}.entry-card__cta{color:var(--app-primary-dark);align-items:center;gap:8px;margin-top:auto;font-weight:600;display:inline-flex}.landing__strip{max-width:var(--app-content-max);width:100%;color:var(--app-text);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 20px;margin:24px auto 0;padding:16px 24px;font-size:14px;font-weight:500;display:flex}.landing__strip-arrow{color:var(--app-primary);font-weight:700}@media (max-width:900px){.landing__grid{grid-template-columns:1fr;gap:32px}.landing__intro{text-align:center;padding:8px 0}.landing__lead{margin-left:auto;margin-right:auto}.landing__platforms,.landing__features{justify-content:center;align-items:center}}.tool-page{min-height:calc(100vh - var(--header-h) - 88px);max-width:var(--app-content-max);flex-direction:column;flex:1;width:100%;margin:0 auto;padding:12px 16px 20px;display:flex}.tool-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding:20px 24px;display:flex}.tool-page__badge{letter-spacing:.1em;color:#fff;background:linear-gradient(135deg,#22c55e,#15803d);border-radius:6px;margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.tool-page__title{color:var(--app-primary-dark)!important;margin:0!important;font-size:clamp(1.5rem,3vw,2rem)!important}.tool-page__desc{max-width:640px;color:var(--app-text-muted)!important;margin:8px 0 0!important}.tool-page__usage{color:var(--app-text-muted);white-space:nowrap;font-size:13px}.tool-page__workspace{flex:1;grid-template-columns:380px 1fr;gap:16px;min-height:0;display:grid}.tool-page__result{min-height:420px;padding:20px;overflow:auto}.tool-page__input{top:calc(var(--header-h) + 16px);max-height:calc(100vh - var(--header-h) - 80px);align-self:start;padding:20px;position:sticky;overflow-y:auto}.tool-input-panel__label{color:var(--app-primary-dark)!important;margin:0 0 12px!important}.tool-input-panel__submit{height:48px!important;margin-top:16px!important;font-weight:600!important}.tool-input-panel__alert{margin-top:16px}.tool-result-panel__actions{margin-bottom:16px}.tool-result-panel__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:40px 20px;display:flex}.tool-result-panel__list{margin-top:16px}@media (max-width:1024px){.tool-page__workspace{grid-template-rows:auto auto;grid-template-columns:1fr}.tool-page__input{order:1;max-height:none;position:static}.tool-page__result{order:2;min-height:280px}}.user-center{flex:1;width:100%;padding:8px 16px 20px}.user-layout{max-width:var(--app-content-max);gap:20px;margin:24px auto;padding:0 20px;background:0 0!important;flex-direction:row!important}.user-layout__sidebar{width:240px;top:calc(var(--header-h) + 16px);flex-shrink:0;align-self:flex-start;padding:0;position:sticky;overflow:hidden}.user-sidebar__head{border-bottom:1px solid var(--app-border);padding:24px 20px 16px}.user-sidebar__label{letter-spacing:.12em;text-transform:uppercase;color:var(--app-primary);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.user-sidebar__user{color:var(--app-primary-dark)!important;margin:0!important;font-weight:700!important}.user-sidebar__menu{background:0 0!important;border:none!important;padding:12px 10px 16px!important}.user-sidebar__menu .ant-menu-item{font-weight:500;border-radius:12px!important;height:44px!important;margin:4px 0!important;line-height:44px!important}.user-sidebar__menu .ant-menu-item-selected{font-weight:600;color:var(--app-primary-dark)!important;background:#22c55e2e!important}.user-layout__main{flex:1;min-width:0}.user-layout__topnav{justify-content:center;margin-bottom:12px;display:none;background:#fff!important;padding:4px 8px!important}.user-layout__content{min-height:560px;padding:28px 32px}.user-page-header{border-bottom:1px solid var(--app-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.user-page-header__title{color:var(--app-primary-dark)!important;margin:0!important;font-weight:700!important}.user-page-header__desc{color:var(--app-text-muted)!important;margin:6px 0 0!important}.user-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px;display:grid}.user-stat-card{border:1px solid var(--app-border);background:#f0fdf4;border-radius:12px;padding:16px 20px}.user-stat-card__label{color:var(--app-text-muted);margin-bottom:6px;font-size:12px;display:block}.user-stat-card__value{color:var(--app-primary-dark);font-size:18px;font-weight:700}.user-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px}.user-section__title{color:var(--app-primary-dark)!important;margin:0 0 20px!important;font-size:16px!important;font-weight:600!important}.user-toolbar{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.user-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.user-table-wrap .ant-table{background:0 0!important}.user-table-wrap .ant-table-thead>tr>th{color:var(--app-primary-dark);font-weight:600;background:#f0fdf4!important}.user-loading{text-align:center;color:var(--app-text-muted);padding:48px}.user-expand-images{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:8px 0;display:grid}.user-expand-images img{aspect-ratio:1;object-fit:cover;background:#f1f5f9;border-radius:10px;width:100%}.user-empty-state{text-align:center;color:var(--app-text-muted);padding:48px 20px}.user-empty-state p{margin:8px 0 0}@media (max-width:767px){.user-center{padding:0 10px 16px}.user-layout{gap:12px;flex-direction:column!important}.user-layout__sidebar{display:none}.user-layout__topnav{display:flex}.user-layout__content{min-height:360px;padding:16px}.user-page-header{margin-bottom:16px;padding-bottom:16px}.user-section{padding:16px}}.auth-page{flex:1;justify-content:center;align-items:center;padding:24px 16px;display:flex}.auth-page__card{width:100%;max-width:420px;padding:8px}.auth-page__card .ant-card{box-shadow:var(--app-shadow)!important;border-radius:12px!important}.media-grid__item{border:1px solid var(--app-border);background:#fff;border-radius:12px;overflow:hidden}.media-grid__item--selected{border:2px solid var(--app-primary)}.video-player__frame{background:var(--app-header);border-radius:12px;width:100%;max-height:420px}.tool-result-panel .ant-card{border:1px solid var(--app-border)!important;background:#fff!important;border-radius:12px!important}