:root{--color-background-primary: #14161F;--color-background-muted: #1B1E2B;--color-background-raised: #232838;--color-background-sidebar: #10121A;--color-background-overlay: rgba(10, 12, 18, .72);--color-text-primary: #F2F3F8;--color-text-secondary: #A9AFC6;--color-text-muted: #7B82A0;--color-text-inverse: #14161F;--color-accent-primary: #C4B5FD;--color-accent-primary-hover: #D6CBFF;--color-accent-secondary: #7EE7C6;--color-accent-tertiary: #FFC9A9;--color-border-default: #2A2F42;--color-border-strong: #3D4460;--color-border-focus: #C4B5FD;--color-state-success: #7EE7C6;--color-state-warning: #FFD48A;--color-state-danger: #FFA8A8;--color-state-info: #9CC8FF;--color-state-neutral: #9AA1BE;--color-viewport-dark: #0C0E14;--color-viewport-light: #E8EAF2;--color-viewport-pastel: #2E2A44;--color-viewport-grid: #3D4460;--color-palette-lavender: #C4B5FD;--color-palette-mint: #7EE7C6;--color-palette-peach: #FFC9A9;--color-palette-sky: #9CC8FF;--color-palette-lemon: #FFE9A8;--color-palette-pink: #F9B8D4;--typography-fontFamily-base: system-ui, -apple-system, "Segoe UI", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;--typography-fontFamily-mono: ui-monospace, "Cascadia Code", "Source Code Pro", monospace;--typography-size-xs: 12px;--typography-size-sm: 14px;--typography-size-md: 16px;--typography-size-lg: 20px;--typography-size-xl: 24px;--typography-size-2xl: 32px;--typography-weight-regular: 400;--typography-weight-medium: 500;--typography-weight-bold: 700;--typography-lineHeight-tight: 1.25;--typography-lineHeight-base: 1.5;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-card: 16px;--radius-pill: 9999px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .32);--shadow-raised: 0 8px 24px rgba(0, 0, 0, .44);--shadow-focus: 0 0 0 2px #C4B5FD;--motion-duration-fast: .12s;--motion-duration-base: .2s;--motion-duration-slow: .32s;--motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--motion-easing-enter: cubic-bezier(0, 0, .2, 1);--size-sidebar: 260px;--size-infoColumn: 320px;--size-cardMin: 240px;--size-touchTarget: 40px;--size-thumbTarget: 56px;--size-thumbAspect: 1;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--color-background-primary);color:var(--color-text-primary);font-family:var(--typography-fontFamily-base);font-size:var(--typography-size-md);line-height:var(--typography-lineHeight-base)}button,input,select{font:inherit}a{color:var(--color-accent-primary)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}button,[role=button],a.nav-item,label.toggle{min-height:var(--size-touchTarget)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;font-weight:var(--typography-weight-medium);transition:background var(--motion-duration-fast) var(--motion-easing-standard)}.btn--primary{background:var(--color-accent-primary);color:var(--color-text-inverse)}.btn--primary:hover{background:var(--color-accent-primary-hover)}.btn--secondary{background:var(--color-background-raised);color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn--ghost{background:transparent;color:var(--color-text-secondary)}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm);border-radius:var(--radius-pill);font-size:var(--typography-size-xs);background:var(--color-background-muted);color:var(--color-text-secondary)}.badge--animal{color:var(--color-palette-mint)}.badge--gender{color:var(--color-palette-sky)}.badge--personality{color:var(--color-palette-peach)}.badge--info{color:var(--color-state-info)}.badge--danger{color:var(--color-state-danger)}.badge--status{color:var(--color-state-warning)}.badge--accepted{color:var(--color-state-success)}.badge--denied{color:var(--color-state-danger)}.badge--needs_fix{color:var(--color-state-warning)}.panel--card{background:var(--color-background-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-card);padding:var(--spacing-md)}.panel--viewport{background:var(--color-viewport-dark);border:1px solid var(--color-border-default);border-radius:var(--radius-card);position:relative;min-height:420px;display:flex;flex-direction:column}.panel--sidebar-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.card--generation{display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--color-background-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-md);color:inherit;text-decoration:none;transition:transform var(--motion-duration-fast) var(--motion-easing-standard),border-color var(--motion-duration-fast) var(--motion-easing-standard)}.card--generation:hover{transform:translateY(-2px);border-color:var(--color-border-strong)}.text--title{font-size:var(--typography-size-lg);font-weight:var(--typography-weight-bold)}.text--subtitle{font-size:var(--typography-size-sm);font-weight:var(--typography-weight-medium);color:var(--color-text-secondary)}.text--body{color:var(--color-text-secondary)}.text--caption{font-size:var(--typography-size-xs);color:var(--color-text-muted)}.text--mono{font-family:var(--typography-fontFamily-mono)}.header{display:flex;align-items:baseline;gap:var(--spacing-md);flex-wrap:wrap}.header__title{font-size:var(--typography-size-xl);font-weight:var(--typography-weight-bold)}.header__subtitle{color:var(--color-text-secondary);font-size:var(--typography-size-sm)}.toggle{display:inline-flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;color:var(--color-text-secondary)}.toggle input{accent-color:var(--color-accent-primary);width:18px;height:18px}.segmented{display:inline-flex;border:1px solid var(--color-border-default);border-radius:var(--radius-md);overflow:hidden}.segmented button{background:transparent;border:none;color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer}.segmented button[aria-pressed=true]{background:var(--color-background-muted);color:var(--color-accent-primary)}.select{background:var(--color-background-raised);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm)}.status-panel{background:var(--color-background-muted);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.status-dot{display:inline-block;width:10px;height:10px;border-radius:var(--radius-pill)}.status-dot--running{background:var(--color-state-success)}.status-dot--paused_by_safety{background:var(--color-state-warning)}.status-dot--stopped{background:var(--color-state-neutral)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-2xl);text-align:center}.banner{border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}.banner--danger{border:1px solid var(--color-state-danger);color:var(--color-state-danger);background:color-mix(in srgb,var(--color-state-danger) 12%,transparent)}.banner--info{border:1px solid var(--color-state-info);color:var(--color-state-info)}.spinner{width:28px;height:28px;border-radius:var(--radius-pill);border:3px solid var(--color-background-muted);border-top-color:var(--color-accent-primary);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton--card{background:var(--color-background-muted);border-radius:var(--radius-card);min-height:280px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.stat-grid__label{font-size:var(--typography-size-xs);color:var(--color-text-muted)}.stat-grid__value{font-family:var(--typography-fontFamily-mono);color:var(--color-text-primary)}.kv-list{display:flex;flex-direction:column;gap:var(--spacing-xs);font-family:var(--typography-fontFamily-mono);font-size:var(--typography-size-sm)}.kv-list__row{display:flex;justify-content:space-between;gap:var(--spacing-sm)}.kv-list__label{color:var(--color-text-muted)}.nav-item{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none}.nav-item--active{background:var(--color-background-muted);color:var(--color-accent-primary)}.toolbar{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center;padding:var(--spacing-sm)}.player-controls{background:var(--color-background-overlay);border-radius:var(--radius-md);padding:var(--spacing-sm);margin:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-sm)}.timeline{width:100%;accent-color:var(--color-accent-primary)}.clip-list{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.clip-list button{border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-pill);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer}.clip-list button[aria-pressed=true]{background:var(--color-background-muted);color:var(--color-accent-primary)}.prompt-text{font-family:var(--typography-fontFamily-mono);font-size:var(--typography-size-xs);color:var(--color-text-secondary);background:var(--color-background-muted);border-radius:var(--radius-sm);padding:var(--spacing-sm);white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow-y:auto;margin:0}.stage-table{width:100%;font-size:var(--typography-size-xs);border-collapse:collapse}.stage-table th{text-align:left;color:var(--color-text-muted);font-weight:400;padding:var(--spacing-xs) 0}.stage-table td{padding:var(--spacing-xs) 0;border-top:1px solid var(--color-border-default);color:var(--color-text-primary)}.stage-table td.stage-table__duration{text-align:right;font-family:var(--typography-fontFamily-mono)}.stage-table tr.stage-table__error td{color:var(--color-state-danger)}.stage-table tfoot td{border-top:1px solid var(--color-border-strong);font-weight:700}.screening-bar{position:sticky;bottom:0;z-index:5;flex:0 0 auto;margin-top:var(--spacing-md);padding:var(--spacing-sm);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));background:var(--color-background-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--color-border-default);border-radius:var(--radius-card) var(--radius-card) 0 0}.screening-bar__note{margin:0 0 var(--spacing-xs);text-align:center;font-size:var(--typography-size-sm);color:var(--color-state-success)}.screening-bar__buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.screening-btn{min-height:var(--size-thumbTarget);padding:var(--spacing-sm);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-background-raised);color:var(--color-text-primary);font-size:var(--typography-size-md);font-weight:var(--typography-weight-medium);cursor:pointer;touch-action:manipulation;transition:background var(--motion-duration-fast) var(--motion-easing-standard)}.screening-btn:disabled{opacity:.5;cursor:not-allowed}.screening-btn--accepted[aria-pressed=true]{background:var(--color-state-success);border-color:var(--color-state-success);color:var(--color-text-inverse)}.screening-btn--denied[aria-pressed=true]{background:var(--color-state-danger);border-color:var(--color-state-danger);color:var(--color-text-inverse)}.screening-btn--needs_fix[aria-pressed=true]{background:var(--color-state-warning);border-color:var(--color-state-warning);color:var(--color-text-inverse)}.screening-filter{display:flex;gap:var(--spacing-sm);align-items:center;flex:0 0 auto;min-height:var(--size-thumbTarget);flex-wrap:wrap;row-gap:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.screening-filter__option{flex:0 0 auto;min-height:var(--size-touchTarget);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-pill);border:1px solid var(--color-border-default);background:var(--color-background-muted);color:var(--color-text-secondary);font-size:var(--typography-size-sm);cursor:pointer;white-space:nowrap;touch-action:manipulation}.screening-filter__option[aria-pressed=true]{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-text-inverse)}.app-shell{display:grid;grid-template-columns:var(--size-sidebar) 1fr;height:100vh}.app-shell__sidebar{background:var(--color-background-sidebar);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-lg)}.app-shell__main{background:var(--color-background-primary);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);overflow-y:auto}.logo{font-size:var(--typography-size-lg);font-weight:var(--typography-weight-bold);color:var(--color-text-primary);text-decoration:none}.logo__accent{color:var(--color-accent-primary)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--size-cardMin),1fr));gap:var(--spacing-md)}.gallery-sentinel{display:flex;justify-content:center;padding:var(--spacing-md)}.thumb{aspect-ratio:1;width:100%;border-radius:var(--radius-sm);background:var(--color-background-muted);object-fit:cover}.detail-columns{display:flex;gap:var(--spacing-lg);align-items:stretch;flex:1;min-height:0}.detail-columns__viewer{flex:1;display:flex;flex-direction:column;min-height:0}.detail-columns__info{width:var(--size-infoColumn);display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;min-height:0}.viewer3d-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);min-height:320px}@media (max-width: 1024px){.detail-columns{flex-direction:column;flex:0 0 auto;min-height:auto}.detail-columns__viewer{min-height:60vh}.detail-columns__info{width:100%;overflow-y:visible}}@media (max-width: 768px){.app-shell{grid-template-columns:1fr}.app-shell__sidebar{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--spacing-md)}.app-shell__sidebar .status-panel{flex-direction:row;align-items:center;padding:var(--spacing-xs) var(--spacing-sm)}.app-shell__sidebar .status-panel .text--caption,.app-shell__sidebar .status-panel .text--body{display:none}}.viewer3d-canvas{flex:1;min-height:240px;border-radius:var(--radius-card) var(--radius-card) 0 0;overflow:hidden}.viewer3d-canvas canvas{display:block}.repair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md)}@media (max-width: 1080px){.repair-grid{grid-template-columns:1fr}}.repair-panel{min-height:320px;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.repair-viewport{min-height:260px;border-radius:var(--radius-sm)}.repair-texture-image{max-width:100%;max-height:320px;object-fit:contain;align-self:center;border-radius:var(--radius-sm);background:var(--color-background-muted)}.candidate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--spacing-sm);margin:var(--spacing-sm) 0}.candidate-card{background:var(--color-background-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--spacing-xs);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px}.candidate-card[aria-pressed=true]{border-color:var(--color-accent-primary)}.candidate-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm)}.paint-layout{display:flex;gap:var(--spacing-md);flex:1;min-height:0}.paint-palette{width:64px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);overflow-y:auto;padding:var(--spacing-sm);background:var(--color-background-raised);border:1px solid var(--color-border-default);border-radius:var(--radius-card)}.paint-swatch{width:36px;height:28px;flex-shrink:0;border:2px solid var(--color-border-default);border-radius:var(--radius-sm);cursor:pointer;padding:0}.paint-swatch[aria-pressed=true]{border-color:var(--color-accent-primary)}.paint-viewport-panel{flex:1;min-width:0;padding:var(--spacing-md);display:flex;flex-direction:column;min-height:60vh}.paint-reference{width:280px;flex-shrink:0;align-self:flex-start;display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (max-width: 1080px){.paint-layout{flex-wrap:wrap}.paint-reference{width:100%}}.paint-viewport-panel .repair-viewport{flex:1}.color-picker{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--typography-size-sm)}.color-picker input[type=color]{width:40px;height:28px;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-background-muted);padding:2px}.light-slider{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--typography-size-sm)}.light-slider input{accent-color:var(--color-accent-primary);width:120px}.detail-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.detail-nav__pager{display:inline-flex;align-items:center;gap:var(--spacing-sm)}