*{box-sizing:border-box}html{overflow-y:scroll}html,body{margin:0;padding:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:#667eea;text-decoration:none}a:hover{text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--mobile-nav-height: 60px;--touch-target-min: 48px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}@media(min-width:768px){.mobile-only{display:none!important}}@media(max-width:767px){.desktop-only{display:none!important}}@media(max-width:767px),(min-width:1025px){.tablet-only{display:none!important}}@media(min-width:1025px){.not-desktop{display:none!important}}@media(max-width:767px){.not-mobile{display:none!important}}@media(max-width:767px){button,.btn,[role=button]{min-height:var(--touch-target-min, 48px);min-width:var(--touch-target-min, 48px);padding:var(--spacing-sm, 8px) var(--spacing-md, 16px)}input,select,textarea{min-height:var(--touch-target-min, 48px);font-size:16px;padding:var(--spacing-sm, 8px) var(--spacing-md, 16px)}a.touch-target{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target-min, 48px);min-width:var(--touch-target-min, 48px)}li.touch-target,.list-item-touch{min-height:var(--touch-target-min, 48px);padding:var(--spacing-sm, 8px) var(--spacing-md, 16px)}input[type=checkbox],input[type=radio]{width:24px;height:24px;margin-right:var(--spacing-sm, 8px)}label:has(input[type=checkbox]),label:has(input[type=radio]){display:flex;align-items:center;min-height:var(--touch-target-min, 48px);padding:var(--spacing-sm, 8px) 0}}.safe-area-padding{padding-top:var(--safe-area-top, 0px);padding-bottom:var(--safe-area-bottom, 0px);padding-left:var(--safe-area-left, 0px);padding-right:var(--safe-area-right, 0px)}.safe-area-padding-top{padding-top:var(--safe-area-top, 0px)}.safe-area-padding-bottom{padding-bottom:var(--safe-area-bottom, 0px)}.mobile-nav-spacing{padding-bottom:calc(var(--mobile-nav-height, 60px) + var(--safe-area-bottom, 0px))}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--mobile-nav-height, 60px) + var(--safe-area-bottom, 0px));padding-bottom:var(--safe-area-bottom, 0px);background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;align-items:center;z-index:1000}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:var(--touch-target-min, 48px);min-height:var(--touch-target-min, 48px);padding:var(--spacing-xs, 4px);color:#6b7280;text-decoration:none;font-size:10px;transition:color .2s ease}.mobile-nav-item.active,.mobile-nav-item:hover{color:#3b82f6}.mobile-nav-icon{font-size:24px;margin-bottom:2px}.stacked-layout{display:flex;flex-direction:column;gap:var(--spacing-md, 16px);padding:var(--spacing-md, 16px);padding-bottom:calc(var(--mobile-nav-height, 60px) + var(--safe-area-bottom, 0px) + var(--spacing-md, 16px))}@media(min-width:768px){.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg, 24px);padding:var(--spacing-lg, 24px)}.split-layout-60-40{grid-template-columns:60fr 40fr}.split-layout-40-60{grid-template-columns:40fr 60fr}.split-layout-70-30{grid-template-columns:70fr 30fr}}.bbox-handle{position:absolute;width:32px;height:32px;background:#3b82f6;border:2px solid #ffffff;border-radius:50%;cursor:pointer;transform:translate(-50%,-50%);touch-action:none}.bbox-handle:active{background:#2563eb;transform:translate(-50%,-50%) scale(1.1)}.mode-badge{position:fixed;top:50px;right:var(--spacing-md, 16px);padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;min-width:var(--touch-target-min, 48px);min-height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:100;transition:all .2s ease}.mode-badge.view{background:#6b7280;color:#fff}.mode-badge.draw{background:#3b82f6;color:#fff;animation:pulse 1.5s infinite}.progress-dots{display:flex;gap:var(--spacing-sm, 8px);align-items:center;justify-content:center;padding:var(--spacing-sm, 8px) 0}.progress-dot{width:12px;height:12px;border-radius:50%;border:2px solid #d1d5db;background:transparent;transition:all .2s ease}.progress-dot.pending{border-color:#d1d5db;background:transparent}.progress-dot.current{border-color:#3b82f6;background:#3b82f6;transform:scale(1.2)}.progress-dot.completed{border-color:#10b981;background:#10b981}.zoom-controls-mobile{display:flex;gap:var(--spacing-xs, 4px);padding:var(--spacing-sm, 8px)}.zoom-btn{width:var(--touch-target-min, 48px);height:var(--touch-target-min, 48px);border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.zoom-btn:hover{background:#f3f4f6}.zoom-btn:active{background:#e5e7eb}.card-grid{display:grid;gap:var(--spacing-md, 16px)}@media(max-width:767px){.card-grid{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1023px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.image-grid{display:grid;gap:var(--spacing-sm, 8px)}@media(max-width:767px){.image-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px)and (max-width:1023px){.image-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.image-grid{grid-template-columns:repeat(4,1fr)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.login-container{min-height:100vh;display:flex;background:#fff}.login-branding{flex:1;display:flex;flex-direction:column;justify-content:center;padding:4rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.login-branding-content{max-width:520px}.login-logo{display:inline-flex;align-items:center;gap:12px;margin-bottom:2rem}.login-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:12px;display:flex;align-items:center;justify-content:center}.login-logo-text{font-size:1.5rem;font-weight:600;color:#0f172a}.login-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:#0f172a}.login-description{font-size:1.25rem;color:#64748b;line-height:1.8;margin-bottom:3rem}.login-features{display:flex;flex-direction:column;gap:1rem}.login-feature{display:flex;align-items:center;gap:12px;color:#475569}.login-feature-dot{width:6px;height:6px;background:#3b82f6;border-radius:50%;flex-shrink:0}.login-form-container{width:480px;background:#fff;display:flex;align-items:center;justify-content:center;padding:4rem 3rem;border-left:1px solid #e5e7eb}.login-form{width:100%;max-width:360px}.login-mobile-logo{display:none}.login-form-title{font-size:1.875rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.login-form-subtitle{color:#64748b;margin-bottom:2.5rem}.login-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:.9375rem;font-weight:600;color:#1e293b;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.login-google-btn:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.login-google-btn:active{transform:scale(.98)}.login-terms{margin-top:2.5rem;font-size:.8125rem;color:#94a3b8;text-align:center;line-height:1.6}@media(max-width:1024px){.login-container{flex-direction:column}.login-branding{padding:3rem 2rem}.login-branding-content{max-width:100%}.login-title{font-size:2.25rem}.login-form-container{width:100%;border-left:none;border-top:1px solid #e5e7eb;padding:3rem 2rem}}@media(max-width:768px){.login-branding{display:none}.login-form-container{min-height:100vh;padding:2rem 1.5rem;border:none;background:linear-gradient(135deg,#f8fafc,#fff 50%)}.login-form{max-width:100%}.login-mobile-logo{display:flex;justify-content:center;margin-bottom:2rem}.login-form-title{font-size:1.5rem;text-align:center}.login-form-subtitle{text-align:center;margin-bottom:2rem}.login-google-btn{padding:14px 20px}.login-terms{margin-top:2rem}}.dm-page{min-height:100vh;background:#f8fafc}.dm-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem;position:sticky;top:0;z-index:50}@media(min-width:768px){.dm-header{padding:1.25rem 2rem}}.dm-header-content{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:.75rem}.dm-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;cursor:pointer;transition:all .2s ease;flex-shrink:0}.dm-back-btn:hover{background:#f8fafc;border-color:#cbd5e1}.dm-header-title{font-size:1rem;font-weight:600;color:#0f172a;margin:0}@media(min-width:768px){.dm-header-title{font-size:1.25rem}}.dm-main{max-width:1280px;margin:0 auto;padding:1.5rem 1rem}@media(min-width:768px){.dm-main{padding:2rem}}.dm-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}@media(min-width:768px){.dm-section{padding:1.75rem}}.dm-section-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 1rem}@media(min-width:768px){.dm-section-title{font-size:1.25rem;margin-bottom:1.25rem}}.dm-table-wrapper{display:none;overflow-x:auto}@media(min-width:768px){.dm-table-wrapper{display:block}}.dm-table{width:100%;border-collapse:collapse;font-size:.875rem}.dm-table th{text-align:left;padding:.75rem 1rem;color:#64748b;font-weight:500;border-bottom:1px solid #e5e7eb;white-space:nowrap}.dm-table td{padding:.75rem 1rem;color:#334155;border-bottom:1px solid #f1f5f9}.dm-table tr:last-child td{border-bottom:none}.dm-table tr:hover td{background:#f8fafc}.dm-card-list{display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.dm-card-list{display:none}}.dm-card{border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.dm-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.dm-card-version{font-weight:600;color:#0f172a;font-size:.9375rem}.dm-card-row{display:flex;justify-content:space-between;padding:.25rem 0;font-size:.8125rem}.dm-card-label{color:#64748b}.dm-card-value{color:#334155;font-weight:500}.dm-badge{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;white-space:nowrap}.dm-hf-link{color:#3b82f6;text-decoration:none;font-size:.8125rem}.dm-hf-link:hover{text-decoration:underline}.dm-form-row{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}@media(min-width:768px){.dm-form-row{flex-direction:row;align-items:flex-end}}.dm-form-group{display:flex;flex-direction:column;gap:.25rem;flex:1}.dm-form-label{font-size:.8125rem;font-weight:500;color:#475569}.dm-form-input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#0f172a;background:#fff;outline:none;transition:border-color .2s ease}.dm-form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dm-form-input:disabled{background:#f1f5f9;color:#94a3b8}.dm-form-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#0f172a;background:#fff;outline:none;cursor:pointer;transition:border-color .2s ease}.dm-form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dm-form-select:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.dm-btn{padding:.5rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease;white-space:nowrap}.dm-btn:disabled{opacity:.5;cursor:not-allowed}.dm-btn-primary{background:#3b82f6;color:#fff}.dm-btn-primary:hover:not(:disabled){background:#2563eb}.dm-btn-success{background:#22c55e;color:#fff}.dm-btn-success:hover:not(:disabled){background:#16a34a}.dm-btn-outline{background:#fff;color:#64748b;border:1px solid #e2e8f0}.dm-btn-outline:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.dm-progress-container{margin-top:1rem}.dm-progress-label{display:flex;justify-content:space-between;font-size:.8125rem;color:#64748b;margin-bottom:.375rem}.dm-progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:9999px;overflow:hidden}.dm-progress-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,#3b82f6,#6366f1);transition:width .3s ease}.dm-error{margin-top:.75rem;padding:.625rem .875rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.8125rem}.dm-model-grid{display:grid;grid-template-columns:1fr;gap:.5rem;margin-bottom:1rem}@media(min-width:480px){.dm-model-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.dm-model-grid{grid-template-columns:repeat(3,1fr)}}.dm-model-item{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.dm-model-item:hover{border-color:#93c5fd;background:#eff6ff}.dm-model-item.selected{border-color:#3b82f6;background:#eff6ff}.dm-model-checkbox{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer;flex-shrink:0}.dm-model-name{font-size:.8125rem;color:#334155;font-weight:500}.dm-model-provider{font-size:.6875rem;color:#94a3b8}.dm-eval-form{display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.dm-eval-form{flex-direction:row;align-items:flex-end}}.dm-jobs-table{margin-top:1.25rem}.dm-empty{text-align:center;padding:2rem 1rem;color:#94a3b8;font-size:.875rem}.dm-loading{display:flex;justify-content:center;align-items:center;padding:3rem 1rem;color:#64748b;font-size:.9375rem}.dm-metric-inline{font-variant-numeric:tabular-nums}.dm-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;color:#64748b}.dm-access-denied h2{color:#0f172a;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.dm-access-denied p{font-size:.875rem;line-height:1.5;margin:0}.dm-stats-summary{display:flex;gap:1.5rem;margin-bottom:1.25rem;padding:1rem;background:#f8fafc;border-radius:8px}.dm-stat-item{display:flex;flex-direction:column;gap:.125rem}.dm-stat-value{font-size:1.5rem;font-weight:600;color:#0f172a;font-variant-numeric:tabular-nums}.dm-stat-label{font-size:.75rem;color:#64748b;font-weight:500}.dm-stat-detail{display:block;font-size:.6875rem;color:#94a3b8;font-weight:400;margin-top:.125rem}.dm-locked-badge{margin-left:.375rem;font-size:.6875rem;color:#94a3b8;font-weight:400}.dm-input-locked{background:#f1f5f9;color:#64748b;cursor:not-allowed}.dm-dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.dm-dialog{background:#fff;border-radius:12px;width:100%;max-width:420px;box-shadow:0 25px 50px -12px #00000040}.dm-dialog-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.dm-dialog-content{padding:1.25rem 1.5rem}.dm-dialog-content p{margin:0 0 1rem;font-size:.875rem;color:#64748b}.dm-dialog-stats{display:flex;gap:2rem;margin-bottom:1rem}.dm-dialog-stat{display:flex;flex-direction:column;gap:.125rem}.dm-dialog-stat-value{font-size:1.75rem;font-weight:600;color:#0f172a;font-variant-numeric:tabular-nums}.dm-dialog-stat-label{font-size:.75rem;color:#64748b;font-weight:500}.dm-dialog-note{margin:0 0 1rem;padding:.5rem .75rem;background:#fefce8;border:1px solid #fef08a;border-radius:6px;font-size:.8125rem;color:#a16207}.dm-dialog-destination{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f8fafc;border-radius:6px;font-size:.8125rem}.dm-dialog-dest-label{color:#64748b}.dm-dialog-dest-value{color:#0f172a;font-weight:500;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace}.dm-dialog-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;background:#f8fafc;border-radius:0 0 12px 12px}.dm-delete-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:.25rem .5rem;font-size:.875rem;border-radius:4px;transition:all .15s ease}.dm-delete-btn:hover{color:#ef4444;background:#fef2f2}.dm-card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f1f5f9}