[data-rmiz-ghost]{position:absolute;pointer-events:none}[data-rmiz-btn-zoom],[data-rmiz-btn-unzoom]{background-color:#000000b3;border-radius:50%;border:none;box-shadow:0 0 1px #ffffff80;color:#fff;height:40px;margin:0;outline-offset:2px;padding:9px;touch-action:manipulation;width:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-rmiz-btn-zoom]:not(:focus):not(:active){position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;pointer-events:none;white-space:nowrap;width:1px}[data-rmiz-btn-zoom]{position:absolute;inset:10px 10px auto auto;cursor:zoom-in}[data-rmiz-btn-unzoom]{position:absolute;inset:20px 20px auto auto;cursor:zoom-out;z-index:1}[data-rmiz-content=found] img,[data-rmiz-content=found] svg,[data-rmiz-content=found] [role=img],[data-rmiz-content=found] [data-zoom]{cursor:zoom-in}[data-rmiz-modal]::backdrop{display:none}[data-rmiz-modal][open]{position:fixed;width:100vw;width:100dvw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;overscroll-behavior:none;pointer-events:all}[data-rmiz-modal-overlay]{position:absolute;top:0;right:0;bottom:0;left:0;transition:background-color .3s}[data-rmiz-modal-overlay=hidden]{background-color:#fff0}[data-rmiz-modal-overlay=visible]{background-color:#fff}[data-rmiz-modal-content]{position:relative;width:100%;height:100%}[data-rmiz-modal-img]{position:absolute;cursor:zoom-out;image-rendering:high-quality;transform-origin:top left;transition:transform .3s}@media (prefers-reduced-motion: reduce){[data-rmiz-modal-overlay],[data-rmiz-modal-img]{transition-duration:.01ms!important}}:root{color-scheme:dark;--primary: #5e6ad2;--on-primary: #ffffff;--primary-hover: #828fff;--primary-focus: #5e69d1;--ink: #f7f8f8;--ink-muted: #d0d6e0;--ink-subtle: #8a8f98;--ink-tertiary: #62666d;--canvas: #010102;--surface-1: #0f1011;--surface-2: #141516;--surface-3: #18191a;--surface-4: #191a1b;--hairline: #23252a;--hairline-strong: #34343a;--hairline-tertiary: #3e3e44;--inverse-canvas: #ffffff;--inverse-surface-1: #f5f6f6;--inverse-surface-2: #f6f7f7;--inverse-ink: #000000;--brand-secure: #7a7fad;--semantic-success: #27a644;--semantic-overlay: #000000;--bg-gradient-start: #0c0c0c;--bg-gradient-end: #1a0a1a;--rounded-xs: 4px;--rounded-sm: 6px;--rounded-md: 8px;--rounded-lg: 12px;--rounded-xl: 16px;--rounded-xxl: 24px;--rounded-pill: 9999px;--rounded-full: 9999px;--spacing-xxs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--spacing-section: 96px;font-family:PingFang SC,Noto Sans SC,Hiragino Sans GB,Microsoft YaHei,SF Pro Display,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--canvas);color:var(--ink)}*{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink-subtle)}html,body,#root{height:100%}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--canvas);overflow:hidden}button,input,textarea,select{font:inherit;background:transparent;color:inherit}button{border:0;cursor:pointer}.app-shell{height:100vh;height:100dvh;display:grid;grid-template-rows:auto 1fr;gap:0;background:var(--canvas);overflow:hidden}.list-wrapper{position:relative;display:flex;height:100%;min-height:0}.list-wrapper.is-collapsed{width:0;min-width:0}.list-wrapper:not(.is-collapsed){flex:1;min-width:200px}.list-panel{display:flex;flex-direction:column;height:100%;min-height:0;flex:1;padding:var(--spacing-md);padding-right:var(--spacing-md);transition:all .3s ease}.list-panel.is-collapsed{width:0;min-width:0;opacity:0;margin-right:0}.list-content{height:100%;flex:1;min-height:0;display:flex;flex-direction:column}.page{display:flex;flex-direction:column;gap:var(--spacing-md);min-height:0;height:100%}.bottom-tabs{position:fixed;bottom:0;left:0;right:0;z-index:40;width:100%;background:#070708f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.08);padding-bottom:env(safe-area-inset-bottom,0)}.bottom-tabs__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}.bottom-tabs__tab{min-height:56px;border:0;border-top:2px solid transparent;background:transparent;color:#ffffff8a;font-size:.95rem;font-weight:600;transition:color .2s ease,border-color .2s ease,background .2s ease}.bottom-tabs__tab:hover{color:#ffffffe0;background:#ffffff0a}.bottom-tabs__tab.is-active{color:#fff;border-top-color:#fff}.video-feed-page{display:grid;grid-template-rows:minmax(320px,56vh) minmax(0,1fr);gap:var(--spacing-md);min-height:0;height:100%;padding:var(--spacing-md);overflow:auto}.video-feed-page__spotlight{min-height:0}.video-feed-page__support{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:var(--spacing-md);min-height:0}.video-feed-page__support .list-wrapper{min-width:0}.video-feed-page__detail{min-height:0}.video-feed-page--discover{display:flex;flex-direction:column;gap:0;height:100%;padding:0;overflow:hidden}.video-feed-page--liked,.video-feed-page--disliked,.video-feed-page--review{display:flex;flex-direction:column;height:100%;padding:var(--spacing-md);overflow:hidden}.discover-gallery{flex:1;min-height:0;overflow-y:auto;padding:12px 88px calc(12px + env(safe-area-inset-bottom,0px)) 12px}.detail-image-grid.discover-gallery__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0}.discover-gallery__cover,.discover-gallery__sample{background:#080808;border-radius:18px;min-height:0}.discover-gallery__cover{aspect-ratio:3 / 4}.discover-gallery__sample{aspect-ratio:16 / 9}@media (min-width: 641px) and (max-width: 1024px){.detail-image-grid.discover-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.video-feed-page__state{margin:auto;padding:24px;color:var(--ink-muted);text-align:center}.sheet h2{margin:0;letter-spacing:-.03em;line-height:1.05}.eyebrow{margin:0 0 var(--spacing-xs);color:var(--primary);letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:700}.primary-button,.secondary-button,.ghost-button{min-height:44px;padding:0 var(--spacing-md);border-radius:var(--rounded-md);font-size:.94rem;font-weight:500;cursor:pointer;transition:all .2s ease}.primary-button{background:var(--primary);color:var(--on-primary);border:none}.primary-button:hover{background:var(--primary-hover)}.primary-button:active{background:var(--primary-focus);transform:translateY(1px)}.secondary-button{background:var(--surface-2);color:var(--ink);border:1px solid var(--hairline)}.secondary-button:hover{background:var(--surface-3);border-color:var(--hairline-strong)}.ghost-button{background:transparent;color:var(--ink-muted);border:1px solid var(--hairline)}.ghost-button:hover{background:var(--surface-1);color:var(--ink)}.ghost-button.is-active{background:#5e6ad21a;color:var(--primary);border-color:var(--primary)}.immersive-stage{position:relative;display:flex;min-height:100%;border-radius:var(--rounded-xxl);overflow:hidden;background:radial-gradient(circle at top,rgba(94,106,210,.26),transparent 45%),var(--surface-1);border:1px solid var(--hairline)}.immersive-stage__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-size:cover;filter:blur(30px);opacity:.38;transform:scale(1.08)}.immersive-stage__media{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;padding:var(--spacing-lg)}.immersive-stage__media img,.immersive-stage__placeholder{width:100%;height:100%;object-fit:contain;border-radius:var(--rounded-xl);background:#0f1011e0}.immersive-stage__placeholder{background:linear-gradient(160deg,var(--surface-3),var(--surface-1))}.immersive-stage__hit{position:absolute;top:0;bottom:72px;width:22%;opacity:0}.immersive-stage__hit--left{left:0}.immersive-stage__hit--right{right:0}.immersive-stage__counter{position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:2;padding:6px 10px;border-radius:var(--rounded-pill);background:#0101029e;color:var(--ink);font-size:.82rem}.immersive-stage__footer{position:absolute;inset-inline:0;bottom:0;z-index:2}.video-action-bar{display:grid;gap:var(--spacing-sm);padding:var(--spacing-lg);background:linear-gradient(180deg,#01010200,#010102e0,#010102f5)}.video-action-bar--floating{position:fixed;right:16px;bottom:20px;z-index:32;padding:0;background:transparent}.video-action-bar__code{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:.02em}.video-action-bar__buttons{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.video-action-bar--floating .video-action-bar__buttons{flex-direction:column;align-items:stretch}.video-action-bar__button{display:inline-flex;align-items:center;justify-content:center;width:52px;min-width:52px;height:52px;padding:0;border-radius:var(--rounded-pill);border:1px solid #202224;background:#151618;color:#f5f7fa}.video-action-bar__button svg{width:20px;height:20px}.video-action-bar__button:disabled{opacity:.55}.video-detail-drawer-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.video-detail-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#00000070}.video-detail-drawer{position:fixed;left:0;right:0;bottom:0;z-index:31;display:grid;gap:var(--spacing-md);padding:18px 18px 28px;border-top:1px solid rgba(255,255,255,.08);border-radius:24px 24px 0 0;background:#0a0a0bfa;box-shadow:0 -16px 40px #00000057;transform:translateY(100%);transition:transform .24s ease}.video-detail-drawer.is-open{transform:translateY(0)}.video-detail-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.video-detail-drawer__title{margin:0;font-size:1rem;font-weight:700;color:#fff}.video-detail-drawer__close{min-height:38px;padding:0 var(--spacing-sm);border-radius:var(--rounded-pill);border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.video-detail-drawer__body{display:grid;gap:var(--spacing-md)}.video-detail-drawer__summary{display:grid;gap:var(--spacing-sm)}.video-detail-drawer__headline{margin:0;font-size:1.08rem;font-weight:700;line-height:1.45;color:#fff}.video-detail-drawer__meta{display:grid;gap:4px;margin:0;color:var(--ink-muted);line-height:1.55}.video-detail-drawer__meta strong,.video-detail-drawer__tag-label{color:#fff;font-size:.84rem;font-weight:600}.video-detail-drawer__tag-group{display:grid;gap:var(--spacing-xs)}.video-detail-drawer__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.video-detail-drawer__tags .tag{min-height:30px}.video-detail-drawer__meta-inline{color:var(--ink-muted)}.video-detail-drawer__empty{margin:0;color:var(--ink-muted)}.sheet,.video-card,.detail-card{transition:all .2s ease}.sheet{padding:var(--spacing-md)}.sheet-description{margin:var(--spacing-xxs) 0 0;color:var(--ink-muted);font-size:.94rem}.filter-sheet{display:grid;gap:var(--spacing-sm);padding:0}.filter-group{display:grid;gap:var(--spacing-xs);padding:var(--spacing-sm)}.filter-group-title{color:var(--ink-muted);font-size:.82rem;font-weight:700;letter-spacing:.08em}.filter-group-options{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.filter-chip{min-height:36px;padding:0 var(--spacing-md);border-radius:var(--rounded-pill);background:var(--surface-2);border:1px solid var(--hairline);color:var(--ink);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.filter-chip:hover{background:var(--surface-3)}.filter-chip.is-active{background:#5e6ad226;color:var(--primary);border-color:var(--primary)}.filter-search-input{width:100%;min-height:36px;padding:0 var(--spacing-sm);border-radius:var(--rounded-md);background:var(--surface-2);border:1px solid var(--hairline);color:var(--ink);font-size:.88rem;outline:none;transition:all .2s ease}.filter-search-input::placeholder{color:var(--ink-subtle)}.filter-search-input:focus{border-color:var(--primary);background:var(--surface-3)}.video-card{display:flex;flex-direction:column;max-height:450px;border:1px solid var(--hairline);border-radius:var(--rounded-lg);background:var(--surface-1);overflow:hidden;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;padding:0;margin:0}.video-card:hover{background:var(--surface-2);border-color:var(--hairline-strong)}.video-card.is-selected{border-color:var(--primary);background:#5e6ad214}.video-list{display:grid;gap:var(--spacing-sm);overflow-y:auto;min-height:0;flex:1;padding-right:var(--spacing-xs);align-content:start}.video-list::-webkit-scrollbar{width:6px}.video-list::-webkit-scrollbar-track{background:transparent}.video-list::-webkit-scrollbar-thumb{background:var(--hairline-strong);border-radius:3px}.video-list::-webkit-scrollbar-thumb:hover{background:var(--ink-subtle)}.liked-video-feed{height:100%;min-height:0;overflow-y:auto;padding:16px}.liked-video-feed__list{display:grid;gap:12px;align-content:start}.liked-video-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px;border:1px solid var(--hairline);border-radius:20px;background:var(--surface-1)}.liked-video-row__main{display:grid;grid-template-columns:108px minmax(0,1fr);gap:16px;align-items:center;min-width:0;padding:0;text-align:left}.liked-video-row__cover{width:108px;aspect-ratio:1 / 1.34;overflow:hidden;border-radius:16px;background:var(--surface-3)}.liked-video-row__cover img,.liked-video-row__cover-placeholder{width:100%;height:100%;object-fit:cover}.liked-video-row__content{display:grid;gap:8px;min-width:0}.liked-video-row__heading{display:grid;gap:4px}.liked-video-row__code{color:var(--ink-subtle);font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.liked-video-row__title{margin:0;color:#fff;font-size:1rem;font-weight:700;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.liked-video-row__info{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;color:var(--ink-muted);font-size:.88rem}.liked-video-row__action{min-width:104px}.liked-video-row__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.video-cover{position:relative;width:100%;aspect-ratio:1 / 1.4;flex-shrink:0;border-radius:var(--rounded-lg) var(--rounded-lg) 0 0;overflow:hidden;background:var(--surface-3)}.video-cover img{display:block;width:100%;height:100%;object-fit:contain;background:var(--surface-3)}.video-cover-placeholder{width:100%;height:100%;background:linear-gradient(160deg,var(--surface-3),var(--surface-2))}.video-content{padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1;min-height:0}.video-meta-row{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.video-number{font-weight:600;color:var(--primary);font-size:.94rem}.video-date,.video-actor{color:var(--ink-muted);font-size:.82rem}.video-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xxs)}.tag-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--rounded-pill);font-size:.82rem;font-weight:600;background:#5e6ad226;color:var(--primary)}.tag-badge .tag-icon{width:12px;height:12px;flex-shrink:0}.tag-badge.is-liked{background:#ef444426;color:#ef4444}.tag-badge.is-disliked{background:transparent;color:#6b7280}.tag-badge.is-pending-selection{background:#f59e0b29;color:#f7c66b}.tag-badge.is-downloaded{background:#27a64429;color:#70d388}.tag-badge.is-unavailable{background:#ef444429;color:#ff9d9d}.tag-badge.hd{background:#27a64426;color:var(--semantic-success)}.video-title{margin:0;font-size:1rem;font-weight:600;line-height:1.4;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-card{padding:var(--spacing-md);overflow-x:hidden}.detail-grid{display:grid;gap:var(--spacing-sm)}.detail-title{margin:0;font-size:1.3rem;font-weight:600;line-height:1.35;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-top{display:flex;flex-direction:column;gap:var(--spacing-sm)}.detail-info{flex:1;min-width:0}.detail-header{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:.88rem;color:var(--ink-muted)}.detail-kv strong{color:var(--ink);font-weight:600}.detail-resources{margin-top:var(--spacing-xs)}.detail-download-panel{display:grid;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding:var(--spacing-sm);border:1px solid var(--hairline);border-radius:var(--rounded-lg);background:var(--surface-2)}.detail-status-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-xxs)}.detail-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.detail-error{color:#ff9d9d}.detail-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--spacing-md)}.detail-footer .detail-resources{flex:1;min-width:0}.detail-footer .detail-action-buttons{flex-shrink:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-resources .detail-header{margin-bottom:var(--spacing-xs)}.detail-resources .resource-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.detail-cover-wrapper{flex-shrink:0;display:flex;justify-content:center}.detail-cover-image{max-width:100%;width:800px;height:auto;object-fit:contain;background:var(--surface-3);border-radius:var(--rounded-md)}.detail-copy{margin:0;color:var(--ink-muted);line-height:1.7}.detail-cover{width:100%;height:450px;object-fit:contain;background:var(--surface-3);border-radius:var(--rounded-md)}.sample-image{width:100%;height:200px;object-fit:contain;background:var(--surface-3);border-radius:var(--rounded-md)}.detail-group{display:grid;gap:var(--spacing-xs)}.detail-section-title{margin:0;font-size:1rem;font-weight:600;color:var(--ink)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag{display:inline-flex;align-items:center;min-height:34px;padding:0 var(--spacing-sm);border-radius:var(--rounded-pill);color:var(--primary);text-decoration:none;background:#5e6ad226;font-size:.88rem}.sample-grid,.resource-list{display:grid;gap:var(--spacing-xs)}.sample-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.sample-image{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:contain;background:var(--surface-3);border-radius:var(--rounded-md)}.resource-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-md);color:var(--ink);text-decoration:none;background:var(--surface-2);border:1px solid var(--hairline);transition:all .2s ease;overflow:hidden}.resource-link:hover{background:var(--surface-3);border-color:var(--hairline-strong)}.resource-summary{display:grid;gap:2px;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--rounded-md);background:var(--surface-2);border:1px solid var(--hairline)}.resource-picker{display:grid;gap:var(--spacing-xs)}.resource-option{display:grid;gap:2px;width:100%;padding:var(--spacing-sm);border-radius:var(--rounded-md);border:1px solid var(--hairline);background:var(--surface-3);color:var(--ink);text-align:left;transition:all .2s ease}.resource-option:hover{border-color:var(--primary);background:#5e6ad21f}.resource-option:disabled{opacity:.6;cursor:not-allowed}.resource-option-name{font-size:.9rem;font-weight:600}.resource-option-meta{color:var(--ink-muted);font-size:.82rem}.resource-size{flex-shrink:0;color:var(--primary);font-weight:600;font-size:.88rem}.resource-date{flex-shrink:0;color:var(--ink-muted);font-size:.82rem}.resource-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-muted);font-size:.88rem}.resource-meta,.rating-hint{color:var(--ink-subtle);font-size:.88rem}.resource-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--surface-2);border-radius:var(--rounded-md);border:1px solid var(--hairline)}.resource-item:hover{background:var(--surface-3);border-color:var(--hairline-strong)}.resource-content{display:grid;gap:2px;flex:1;min-width:0}.resource-actions{display:flex;gap:4px;flex-shrink:0}.resource-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--hairline);border-radius:var(--rounded-sm);background:var(--surface-1);color:var(--ink-muted);cursor:pointer;transition:all .15s ease}.resource-action-btn:hover{background:var(--surface-3);border-color:var(--hairline-strong);color:var(--ink)}.resource-action-btn:active{background:var(--surface-4)}.resource-action-btn svg{width:16px;height:16px}.rating-block{display:grid;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--rounded-lg);background:var(--surface-2);border:1px solid var(--hairline)}.rating-label{font-size:.92rem;font-weight:700;color:var(--ink)}.rating-control{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.rating-button{min-width:44px;min-height:44px;padding:0 var(--spacing-sm);border-radius:var(--rounded-md);color:var(--ink);background:var(--surface-3);border:1px solid var(--hairline);cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.rating-button:hover{background:var(--surface-4)}.rating-button.is-active{color:var(--on-primary);background:var(--primary);border-color:transparent}@media (min-width: 720px){.app-shell{max-width:100vw;margin:0;padding:0;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr;align-items:stretch;height:100vh;height:100dvh;overflow:hidden}.app-shell>.app-nav{grid-column:1 / -1}.list-wrapper:not(.is-collapsed){width:308px;min-width:308px}.list-panel:not(.is-collapsed){width:280px}.page{height:100%;display:flex;flex-direction:column;min-height:0}.video-list{flex:1;overflow-y:auto;min-height:0}.video-card{display:grid;grid-template-columns:85px 1fr;min-height:120px}.video-cover{aspect-ratio:auto;height:100%;min-height:120px;border-radius:var(--rounded-lg) 0 0 var(--rounded-lg)}.detail-card{height:100%;overflow-y:auto}.detail-top{flex-direction:row;align-items:flex-start}.detail-cover-wrapper{justify-content:flex-start}}@media (min-width: 1024px){.detail-title{font-size:1.4rem}}@media (min-width: 1400px){.detail-title{font-size:1.5rem}}.detail-action-bar{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-md);border-top:1px solid var(--border);margin-top:var(--spacing-md)}.detail-action-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:var(--rounded-md);background:var(--surface-2);color:var(--ink);cursor:pointer;transition:all .15s ease}.icon-button:hover:not(:disabled){background:var(--surface-3);border-color:var(--primary);color:var(--primary)}.icon-button:disabled{opacity:.4;cursor:not-allowed}.icon-button svg{width:22px;height:22px}.icon-button.is-liked{background:#ef44441a;border-color:#ef4444;color:#ef4444}.icon-button.is-liked:hover:not(:disabled){background:#ef444433}.icon-button.is-disliked{background:#ef44441a;border-color:#ef4444;color:#ef4444}.icon-button.is-disliked:hover:not(:disabled){background:#ef444433}.detail-meta{margin:0 0 var(--spacing-sm);color:var(--ink-muted);font-size:.875rem;line-height:1.6}.detail-image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-md);justify-items:center;align-items:center}.detail-cover-inline,.detail-sample-inline{width:100%;height:100%;object-fit:contain;background:var(--surface-3);border-radius:var(--rounded-md)}.detail-image-grid>[data-rmiz]{position:relative;width:100%}.detail-image-grid>[data-rmiz]:has(.detail-cover-inline){grid-column:span 2;grid-row:span 2;aspect-ratio:3 / 4}.detail-image-grid>[data-rmiz]:has(.detail-sample-inline){aspect-ratio:16 / 9}.detail-image-grid [data-rmiz-content]{width:100%;height:100%}@media (max-width: 640px){.detail-image-grid,.detail-image-grid.discover-gallery__grid{grid-template-columns:repeat(2,1fr)}.detail-cover-inline,.detail-image-grid>[data-rmiz]:has(.detail-cover-inline){grid-column:span 2;grid-row:span 1}.discover-gallery{padding-right:12px;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}.loading{opacity:.6;pointer-events:none}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-nav{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xxs) var(--spacing-md);background:var(--surface-1);border-bottom:1px solid var(--hairline);flex-shrink:0}.nav-link{padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--rounded-sm);background:transparent;color:var(--ink-muted);font-size:.82rem;font-weight:500;border:1px solid transparent;transition:all .2s ease}.nav-link:hover{background:var(--surface-2);color:var(--ink)}.nav-link.is-active{background:#5e6ad226;color:var(--primary);border-color:var(--primary)}.app-shell--full{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.app-shell--full>section{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding-bottom:calc(56px + env(safe-area-inset-bottom,0))}.app-shell--full .crawl-tasks-page{flex:1;min-height:0}.crawl-tasks-page{display:flex;flex-direction:column;height:100%;padding:clamp(18px,3vw,32px);gap:var(--spacing-md);overflow:hidden}.crawl-tasks-hero{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.crawl-tasks-hero__copy{display:flex;flex:1 1 auto;align-items:center;min-width:0}.crawl-tasks-summary{display:flex;align-items:center}.crawl-tasks-summary__inline{font-size:.88rem;color:var(--ink-muted);display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.crawl-tasks-summary__inline strong{color:var(--ink);font-weight:700}.crawl-tasks-summary__sep{color:var(--ink-tertiary);margin:0 2px}.crawl-tasks-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.crawl-tasks-workspace{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);flex:1;min-height:0}.crawl-tasks-panel{display:flex;flex-direction:column;min-height:0;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 26%),#0b0b0ce0;box-shadow:inset 0 1px #ffffff0a;overflow:hidden}.crawl-tasks-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm);padding:20px 22px 14px}.crawl-tasks-panel__title{margin:0;font-size:1.02rem;font-weight:600;color:#fff4eb}.crawl-tasks-panel__subtitle{margin:6px 0 0;font-size:.84rem;line-height:1.5;color:#ffe8d899}.crawl-tasks-list{flex:1;min-height:260px;overflow:auto;padding:0 18px 18px}.crawl-tasks-detail{flex:1;overflow:auto;padding:0 18px 18px}.crawl-tasks-panel--scheduled{grid-column:1 / -1}.crawl-tasks-panel--scheduled .scheduled-jobs-container{flex:1;overflow:auto;padding:0 18px 18px}.settings-page{display:flex;flex-direction:column;height:100%;padding:clamp(18px,3vw,32px);gap:var(--spacing-md)}.settings-page__header{padding-bottom:var(--spacing-sm)}.settings-page__title{margin:0;font-size:1.25rem;font-weight:700;color:var(--ink)}.settings-sub-page{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}.settings-back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;margin:var(--spacing-sm) var(--spacing-md);border-radius:var(--rounded-pill);border:1px solid var(--hairline);background:var(--surface-2);color:var(--ink-muted);font-size:.88rem;font-weight:500;width:fit-content;transition:all .2s ease}.settings-back-btn:hover{background:var(--surface-3);border-color:var(--hairline-strong);color:var(--ink)}.settings-menu{display:flex;flex-direction:column;gap:var(--spacing-sm)}.settings-menu__item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--hairline);border-radius:var(--rounded-lg);background:var(--surface-1);color:var(--ink);text-align:left;transition:all .2s ease}.settings-menu__item:hover{background:var(--surface-2);border-color:var(--hairline-strong)}.settings-menu__icon{font-size:1.4rem;flex-shrink:0}.settings-menu__text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.settings-menu__label{font-size:1rem;font-weight:600;color:var(--ink)}.settings-menu__desc{font-size:.82rem;color:var(--ink-muted);line-height:1.4}.settings-menu__arrow{font-size:1.1rem;color:var(--ink-subtle);flex-shrink:0}.cache-page{display:flex;flex-direction:column;height:100%;padding:clamp(18px,3vw,32px);gap:var(--spacing-lg);overflow-y:auto}.cache-page__loading,.cache-page__error{text-align:center;color:var(--ink-muted);padding:var(--spacing-xl)}.cache-page__error{color:#f87171}.cache-stats__title{margin:0 0 var(--spacing-md);font-size:1.05rem;font-weight:600;color:var(--ink)}.cache-stats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-sm)}.cache-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-md);border:1px solid var(--hairline);border-radius:var(--rounded-lg);background:var(--surface-1)}.cache-stat__value{font-size:1.5rem;font-weight:700;color:var(--ink)}.cache-stat__value--warn{color:#fbbf24}.cache-stat__label{font-size:.82rem;color:var(--ink-muted)}.cache-cleanup{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--hairline);border-radius:var(--rounded-lg);background:var(--surface-1)}.cache-cleanup__title{margin:0;font-size:.96rem;font-weight:600;color:var(--ink)}.cache-cleanup__breakdown{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cache-cleanup__group{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--rounded-lg);border:1px solid var(--hairline)}.cache-cleanup__group--cleanable{background:#f59e0b14;border-color:#f59e0b33}.cache-cleanup__group--kept{background:#10b9810f;border-color:#10b9811f}.cache-cleanup__group-label{font-size:.88rem;font-weight:600}.cache-cleanup__group--cleanable .cache-cleanup__group-label{color:#fbbf24}.cache-cleanup__group--kept .cache-cleanup__group-label{color:#34d399}.cache-cleanup__group-desc{font-size:.78rem;color:var(--ink-muted)}.cache-cleanup__group-stats{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:4px;font-size:.94rem;color:var(--ink)}.cache-cleanup__group-stats strong{font-weight:700}.cache-cleanup__group-sep{color:var(--ink-tertiary)}.cache-cleanup__result{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--rounded-md);background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.cache-cleanup__result p{margin:0;font-size:.94rem;color:#34d399}.cache-cleanup__btn{align-self:flex-start}@media (max-width: 720px){.cache-stats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1023px){.video-feed-page{grid-template-rows:minmax(320px,52vh) auto}.video-feed-page__support{grid-template-columns:1fr}.discover-gallery{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.crawl-tasks-workspace{grid-template-columns:1fr}}@media (max-width: 720px){.liked-video-row{grid-template-columns:1fr}.liked-video-row__main{grid-template-columns:84px minmax(0,1fr);gap:12px}.liked-video-row__cover{width:84px}.liked-video-row__action,.crawl-tasks-actions{width:100%}.crawl-tasks-actions .primary-button,.crawl-tasks-actions .secondary-button{flex:1}}.crawl-table-wrapper{border:1px solid rgba(255,255,255,.06);border-radius:22px;background:#ffffff08;overflow:auto}.crawl-table{width:100%;border-collapse:collapse;font-size:.88rem}.crawl-table__header{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;color:#ffe8d8a3;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.crawl-table__row{cursor:pointer;transition:background .15s ease;border-bottom:1px solid rgba(255,255,255,.05)}.crawl-table__row:last-child{border-bottom:none}.crawl-table__row:hover{background:#ffffff0a}.crawl-table__row--selected{background:#bd492a1f;box-shadow:inset 3px 0 #d26849}.crawl-table__cell{padding:var(--spacing-sm) var(--spacing-md);color:#f5e8de;white-space:nowrap}.crawl-table__cell--id{font-weight:600;color:#ffb38d}.crawl-table__cell--site{font-family:ui-monospace,SF Mono,Monaco,Andale Mono,monospace;font-size:.82rem}.crawl-table__loading,.crawl-table__empty{padding:var(--spacing-xl);text-align:center;color:#ffe8d8a3}.status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xxs);padding:2px 8px;border-radius:var(--rounded-pill);font-size:.82rem;font-weight:500}.status-badge__icon{font-size:.9em}.status-badge--running{background:#3b82f626;color:#60a5fa}.status-badge--succeeded{background:#10b98126;color:#34d399}.status-badge--failed{background:#ef444426;color:#f87171}.status-badge--partial{background:#f59e0b26;color:#fbbf24}.task-detail{height:100%;padding:var(--spacing-md);border:1px solid rgba(255,255,255,.06);border-radius:22px;background:#ffffff08}.task-detail--empty{display:flex;align-items:center;justify-content:center;min-height:200px}.task-detail__placeholder,.task-detail__loading,.task-detail__error{margin:0;color:#ffe8d8a3;text-align:center}.task-detail__error{color:#f87171}.task-detail__header{margin-bottom:var(--spacing-md)}.task-detail__title{display:flex;align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-xs);font-size:1rem;font-weight:600;color:#fff4eb}.task-detail__time{margin:0;font-size:.82rem;color:#ffe8d8a3}.task-detail__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.task-stat{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:18px}.task-stat__value{font-size:1.5rem;font-weight:700;color:#fff4eb}.task-stat__value--success{color:#34d399}.task-stat__value--info{color:#60a5fa}.task-stat__value--error{color:#f87171}.task-stat__label{font-size:.82rem;color:#ffe8d899}.task-detail__errors{border-top:1px solid rgba(255,255,255,.06);padding-top:var(--spacing-sm)}.task-detail__error-toggle{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:14px;color:#fff1e7;font-size:.88rem;text-align:left;cursor:pointer;transition:background .15s ease}.task-detail__error-toggle:hover{background:#ffffff14}.error-list{margin:var(--spacing-sm) 0 0;padding:var(--spacing-sm);background:#0000002e;border-radius:16px;list-style:none;max-height:200px;overflow-y:auto}.error-list__item{padding:var(--spacing-xs) 0;font-size:.82rem;color:#ffe8d8a3;border-bottom:1px solid rgba(255,255,255,.06)}.error-list__item:last-child{border-bottom:none}.error-list__index{color:var(--ink-tertiary);margin-right:var(--spacing-xs)}.error-list__stage{color:#fbbf24;margin-right:var(--spacing-xs)}.error-list__message{color:#f8eee7}.error-list__loading,.error-list__empty{margin:var(--spacing-sm) 0;font-size:.82rem;color:var(--ink-muted);text-align:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{width:90%;max-width:400px;padding:var(--spacing-lg);background:var(--surface-1);border:1px solid var(--hairline);border-radius:var(--rounded-lg)}.modal-title{margin:0 0 var(--spacing-md);font-size:1.125rem;font-weight:600;color:var(--ink)}.preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:24px}.preview-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000c7}.preview-modal__content{position:relative;z-index:1;display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;width:min(1120px,96vw);max-height:92vh;padding:14px;border:1px solid var(--hairline-strong);border-radius:var(--rounded-lg);background:#08090a;box-shadow:0 24px 64px #00000075}.preview-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.preview-modal__title-group{display:grid;gap:4px;min-width:0}.preview-modal__code{color:var(--ink-subtle);font-size:.8rem;font-weight:700;letter-spacing:.06em}.preview-modal__title{margin:0;overflow:hidden;color:var(--ink);font-size:1rem;font-weight:700;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.preview-modal__close{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--rounded-md);border:1px solid var(--hairline);background:var(--surface-2);color:var(--ink);font-size:1.4rem;line-height:1}.preview-modal__video{display:block;width:100%;max-height:calc(92vh - 96px);aspect-ratio:16 / 9;border-radius:var(--rounded-md);background:#000}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-size:.88rem;font-weight:500;color:var(--ink)}.form-input,.form-select{width:100%;padding:var(--spacing-sm);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--rounded-sm);color:var(--ink);font-size:.94rem}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary)}.form-input:disabled,.form-select:disabled{opacity:.6;cursor:not-allowed}.form-hint{margin:var(--spacing-xs) 0 0;font-size:.82rem;color:var(--ink-muted)}.form-hint--required{color:#fbbf24}.form-required{color:#ef4444;margin-left:2px}.form-error{margin:var(--spacing-sm) 0;padding:var(--spacing-sm);background:#ef44441a;border-radius:var(--rounded-sm);color:#f87171;font-size:.88rem}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.crawl-tasks-tabs{display:flex;gap:var(--spacing-xs);padding:6px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:#ffffff08;width:fit-content}.tab-button{padding:10px 16px;background:transparent;border:1px solid transparent;border-radius:999px;color:#ffe8d8a3;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-button:hover{background:#ffffff0f;color:#fff4eb}.tab-button.is-active{background:linear-gradient(135deg,#d2684947,#ffbd8e1f);color:#fff6f0;border-color:#ffc6aa2e}.scheduled-jobs-container{flex:1;min-height:0;overflow:auto}.scheduled-jobs-table-wrapper{border:1px solid rgba(255,255,255,.06);border-radius:22px;background:#ffffff08;overflow:auto}.data-table--wide{min-width:900px}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:600;color:#ffe8d8a3;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.data-table td{padding:var(--spacing-sm) var(--spacing-md);color:#f5e8de;border-bottom:1px solid rgba(255,255,255,.05)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:#ffffff0a}.data-table tr.is-disabled{opacity:.5}.cell-name{font-weight:500}.cell-site,.cell-start-page,.cell-pages{font-family:ui-monospace,SF Mono,Monaco,Andale Mono,monospace;font-size:.82rem}.cell-trigger-type{font-size:.82rem}.cell-trigger{font-family:ui-monospace,SF Mono,Monaco,Andale Mono,monospace;font-size:.82rem;color:var(--primary)}.cell-status .status-badge{font-size:.82rem}.status-badge.is-enabled{background:#10b98126;color:#34d399}.status-badge.is-disabled{background:#6b728026;color:#9ca3af}.cell-next-run{color:var(--ink-muted);font-size:.82rem}.cell-actions{display:flex;gap:var(--spacing-xs)}.action-button{padding:var(--spacing-xxs) var(--spacing-sm);background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--rounded-sm);color:var(--ink);font-size:.82rem;cursor:pointer;transition:all .15s ease}.action-button:hover:not(:disabled){background:var(--surface-3);border-color:var(--hairline-strong)}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button.small{padding:4px 8px;font-size:.78rem}.action-button.primary{background:#5e6ad226;border-color:var(--primary);color:var(--primary)}.action-button.primary:hover:not(:disabled){background:#5e6ad240}.action-button.danger{background:#ef44441a;border-color:#ef4444;color:#ef4444}.action-button.danger:hover:not(:disabled){background:#ef444433}.table-loading,.table-empty{padding:var(--spacing-xl);text-align:center;color:var(--ink-muted)}.table-error{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);background:#ef44441a;border-radius:var(--rounded-sm);color:#f87171;font-size:.88rem}.liked-detail{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;min-height:0;overflow-y:auto}.liked-detail__back{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--rounded-pill);border:1px solid var(--hairline);background:var(--surface-2);color:var(--ink-muted);font-size:.88rem;font-weight:500;width:fit-content;transition:all .2s ease}.liked-detail__back:hover{background:var(--surface-3);border-color:var(--hairline-strong);color:var(--ink)}.liked-detail__title{margin:0;font-size:1.2rem;font-weight:700;color:var(--ink);line-height:1.4}.liked-detail__meta{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--ink-muted);font-size:.9rem;line-height:1.6}.liked-detail__tags{display:flex;flex-wrap:wrap;gap:8px}[data-rmiz-modal-overlay]{background:#000000c7!important}[data-rmiz-modal-img]{border-radius:var(--rounded-md)}.rmiz-custom-unzoom{position:absolute;top:16px;right:16px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:6px;border:none;border-radius:var(--rounded-sm);background:transparent;color:#ffffffb3;cursor:pointer;transition:background .15s,color .15s}.rmiz-custom-unzoom:hover,.rmiz-custom-unzoom:focus-visible{background:#ffffff1f;color:#fffffff2}.rmiz-custom-unzoom svg{width:100%;height:100%}.import-files-page{display:flex;flex-direction:column;gap:var(--space-md);padding-bottom:var(--space-lg)}.import-files-page__header{margin-bottom:var(--space-xs)}.import-files-page__title{font-size:var(--text-xl);font-weight:700;color:var(--color-text);margin:0 0 var(--space-xs)}.import-files-page__desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.import-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.import-result-msg{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;padding:var(--space-sm);background:var(--color-bg-surface);border-radius:var(--rounded-sm)}.import-errors{margin:0;padding:var(--space-sm) var(--space-md);background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:var(--rounded-sm);list-style:disc}.import-errors li{font-size:var(--text-sm);color:var(--color-text);margin:2px 0}.import-summary{display:flex;gap:var(--space-md);flex-wrap:wrap}.import-summary__item{font-size:var(--text-sm);font-weight:600;padding:2px var(--space-sm);border-radius:var(--rounded-sm)}.import-summary__item.is-new{color:#16a34a;background:#16a34a1a}.import-summary__item.is-exists{color:#6b7280;background:#6b72801a}.import-summary__item.is-nocode{color:#d97706;background:#d977061a}.import-select-all{display:flex;gap:var(--space-sm)}.import-file-list{display:flex;flex-direction:column;gap:1px;background:var(--color-border);border-radius:var(--rounded-md);overflow:hidden;border:1px solid var(--color-border)}.import-file-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg);cursor:pointer;transition:background .15s}.import-file-row:hover{background:var(--color-bg-surface)}.import-file-row.is-skip{opacity:.55}.import-file-row.is-nocode{opacity:.45}.import-file-row__checkbox{flex-shrink:0;width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.import-file-row__checkbox:disabled{cursor:not-allowed;opacity:.3}.import-file-row__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.import-file-row__name{font-size:var(--text-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-file-row__path{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-file-row__meta{font-size:var(--text-xs);color:var(--color-text-secondary)}.import-file-row__code{font-weight:600;color:var(--color-primary)}.import-file-row__status{flex-shrink:0;font-size:var(--text-xs);font-weight:600;padding:2px var(--space-sm);border-radius:var(--rounded-sm);white-space:nowrap}.import-file-row.is-new .import-file-row__status{color:#16a34a;background:#16a34a1a}.import-file-row.is-skip .import-file-row__status{color:#6b7280;background:#6b72801a}.import-file-row.is-nocode .import-file-row__status{color:#d97706;background:#d977061a}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--rounded-sm);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover, #2563eb)}.btn-success{background:#16a34a;color:#fff}.btn-success:hover:not(:disabled){background:#15803d}.btn-sm{padding:2px var(--space-sm);font-size:var(--text-xs);background:var(--color-bg-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-sm:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}