.df-shell{min-height:calc(100vh - 80px);padding:0 0 44px;background:radial-gradient(circle at top left,#020617 0,#020617 60%);display:flex;justify-content:center;align-items:flex-start;margin-top:0}.df-tool-panel{width:100%;max-width:1180px;margin:0 28px;border-radius:26px;padding:22px 24px 24px;background:radial-gradient(circle at top left,#020617,#020617 55%);border:1px solid rgba(31,41,55,.95);box-shadow:0 32px 90px rgba(15,23,42,.95);color:#f9fafb;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif}.df-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.df-title{margin:0 0 4px;font-size:24px;font-weight:650}.df-subtitle{margin:0;font-size:13px;color:#9ca3af}.df-back-pill{border:1px solid rgba(148,163,184,.4);background:radial-gradient(circle at top left,#1f2937,#020617);color:#e5e7eb;padding:6px 18px;border-radius:999px;font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 12px 28px rgba(15,23,42,.8);transition:background .14s ease-out,box-shadow .14s ease-out,transform .12s ease-out,border-color .14s ease-out}.df-back-pill:hover{background:radial-gradient(circle at top left,#2563eb,#020617);border-color:#60a5fa;box-shadow:0 18px 40px rgba(37,99,235,.85);transform:translateY(-1px)}.df-main-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px}.df-pane{border-radius:20px;padding:16px 18px;background:radial-gradient(circle at top left,#020617,#020617 70%);border:1px solid rgba(31,41,55,.95)}.df-mode-tabs{display:inline-flex;border-radius:999px;background:#020617;padding:3px;margin-bottom:14px}.df-mode-tabs button{border:none;background:transparent;color:#9ca3af;font-size:12px;padding:6px 14px;border-radius:999px;cursor:pointer}.df-mode-tabs button.active{background:rgba(79,70,229,.95);color:#e5e7eb}.df-control{margin-bottom:12px;display:flex;flex-direction:column;gap:6px}.df-label{font-size:13px;color:#e5e7eb}.df-control input[type=file],.df-control input[type=url]{font-size:13px;padding:8px 10px;border-radius:10px;border:1px solid #374151;background:#020617;color:#e5e7eb}.df-control input[type=url]::-moz-placeholder{color:#6b7280}.df-control input[type=url]::placeholder{color:#6b7280}.df-hint{margin:2px 0 0;font-size:11px;color:#9ca3af}.df-preview-box{margin:10px 0;display:flex;flex-direction:column;gap:6px}.df-preview-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.df-preview-frame{border-radius:12px;border:1px solid #1f2937;background:#020617;padding:6px;max-height:220px;overflow:hidden}.df-preview-frame img{display:block;width:100%;height:200px;-o-object-fit:contain;object-fit:contain;border-radius:8px}.df-submit-btn{margin-top:4px;padding:8px 18px;font-size:13px;font-weight:500;border-radius:999px;border:1px solid transparent;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#e5e7eb;cursor:pointer;transition:background .14s ease-out,box-shadow .14s ease-out,transform .12s ease-out;box-shadow:0 14px 30px rgba(79,70,229,.7)}.df-submit-btn:hover{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 18px 44px rgba(79,70,229,.85);transform:translateY(-1px)}.df-submit-btn:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}.df-error{margin-top:8px;font-size:12px;color:#fecaca}.df-output-pane{display:flex;flex-direction:column}.df-placeholder{margin:0;font-size:13px;color:#9ca3af}.df-results{gap:14px}.df-results,.df-score-bar{display:flex;flex-direction:column}.df-score-bar{border-radius:14px;padding:12px 14px;border:1px solid #1f2937;background:#020617;gap:6px;color:#f9fafb}.df-score-main{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.df-score-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#e5e7eb}.df-score-subtitle{margin-top:3px;font-size:11px;color:#e5e7eb;opacity:.9}.df-score-value{font-size:20px;font-weight:700}.df-score-label{font-size:13px;font-weight:600}.df-score-bar.risk-low{border-color:rgba(34,197,94,.9);background:linear-gradient(135deg,#16a34a,#052e16)}.df-score-bar.risk-mid{border-color:rgba(234,179,8,.9);background:linear-gradient(135deg,#eab308,#451a03)}.df-score-bar.risk-high{border-color:rgba(239,68,68,.95);background:linear-gradient(135deg,#ef4444,#450a0a)}.df-score-bar.risk-none{border-color:rgba(148,163,184,.8)}.df-detail-row{display:flex;gap:12px}.df-detail-item{flex:1;padding:8px 10px;border-radius:12px;background:rgba(15,23,42,.98);border:1px solid #1f2937;display:flex;flex-direction:column;gap:2px}.df-detail-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#9ca3af}.df-detail-value{font-size:13px;font-weight:600}.df-help-box{border-radius:12px;padding:9px 10px;background:rgba(15,23,42,.98);border:1px solid #1f2937}.df-help-title{margin:0 0 4px;font-size:12px;font-weight:600}.df-help-text{margin:0;font-size:12px;color:#9ca3af}@media (max-width:980px){.df-main-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.df-shell{padding:22px 0 30px}.df-tool-panel{margin:0 16px;padding:18px 16px 20px}.df-header-row{flex-direction:column-reverse;align-items:flex-start}}.df-btn-row{display:flex;align-items:center;gap:10px;margin-top:4px}.df-cancel-btn{padding:8px 18px;font-size:13px;font-weight:500;border-radius:999px;border:1px solid #374151;background:transparent;color:#9ca3af;cursor:pointer;transition:background .14s ease-out,color .14s ease-out,border-color .14s ease-out}.df-cancel-btn:hover{background:rgba(55,65,81,.6);color:#e5e7eb;border-color:#6b7280}.df-media-tabs{margin-bottom:18px}.df-media-tabs button{font-size:13px;padding:7px 18px}.df-video-preview{display:block;width:100%;max-height:220px;border-radius:10px;background:#020617;-o-object-fit:contain;object-fit:contain}.df-audio-preview{display:block;width:100%;margin-top:4px;accent-color:#4f46e5}.df-detail-row{flex-wrap:wrap}.df-shell{margin-top:0!important;padding-top:0!important;background:#f3f5fb}.df-tool-panel{background:#ffffff;border:1px solid #e5e7eb;box-shadow:0 20px 60px rgba(15,23,42,.08);color:#111827}.df-metric-card,.df-mode-tabs,.df-pane,.df-preview-frame,.df-result-box,.df-result-card,.df-result-item,.df-results-content,.df-score-bar,.df-status-card,.df-summary-card{background:#ffffff;border-color:#e5e7eb;color:#111827}.df-label,.df-last-scanned span,.df-metric-label,.df-preview-label,.df-result-title,.df-results-title,.df-status-title,.df-title{color:#111827}.df-error,.df-hint,.df-last-scanned,.df-metric-subtext,.df-placeholder,.df-result-meta,.df-result-url,.df-status-text,.df-subtitle{color:#6b7280}.df-back-pill{background:#ffffff;color:#111827;border-color:#d1d5db;box-shadow:0 10px 28px rgba(15,23,42,.08)}.df-back-pill:hover{background:#eef2ff;color:#3730a3;border-color:#c7d2fe;box-shadow:0 14px 32px rgba(99,102,241,.12)}.df-control input[type=file],.df-control input[type=text],.df-control input[type=url]{background:#ffffff;color:#111827;border-color:#d1d5db}.df-control input[type=text]::-moz-placeholder,.df-control input[type=url]::-moz-placeholder{color:#9ca3af}.df-control input[type=text]::placeholder,.df-control input[type=url]::placeholder{color:#9ca3af}.df-preview-frame img{background:transparent}.dark .df-shell,[data-theme=dark] .df-shell,body.dark .df-shell,body.dark-mode .df-shell,body.theme-dark .df-shell,html.dark .df-shell{background:radial-gradient(circle at top left,#020617 0,#020617 60%)}.dark .df-tool-panel,[data-theme=dark] .df-tool-panel,body.dark .df-tool-panel,body.dark-mode .df-tool-panel,body.theme-dark .df-tool-panel,html.dark .df-tool-panel{background:radial-gradient(circle at top left,#020617,#020617 55%);border-color:rgba(31,41,55,.95);box-shadow:0 32px 90px rgba(15,23,42,.95);color:#f9fafb}.dark .df-metric-card,.dark .df-mode-tabs,.dark .df-pane,.dark .df-preview-frame,.dark .df-result-box,.dark .df-result-card,.dark .df-result-item,.dark .df-results-content,.dark .df-score-bar,.dark .df-status-card,.dark .df-summary-card,[data-theme=dark] .df-metric-card,[data-theme=dark] .df-mode-tabs,[data-theme=dark] .df-pane,[data-theme=dark] .df-preview-frame,[data-theme=dark] .df-result-box,[data-theme=dark] .df-result-card,[data-theme=dark] .df-result-item,[data-theme=dark] .df-results-content,[data-theme=dark] .df-score-bar,[data-theme=dark] .df-status-card,[data-theme=dark] .df-summary-card,body.dark .df-metric-card,body.dark .df-mode-tabs,body.dark .df-pane,body.dark .df-preview-frame,body.dark .df-result-box,body.dark .df-result-card,body.dark .df-result-item,body.dark .df-results-content,body.dark .df-score-bar,body.dark .df-status-card,body.dark .df-summary-card,body.dark-mode .df-metric-card,body.dark-mode .df-mode-tabs,body.dark-mode .df-pane,body.dark-mode .df-preview-frame,body.dark-mode .df-result-box,body.dark-mode .df-result-card,body.dark-mode .df-result-item,body.dark-mode .df-results-content,body.dark-mode .df-score-bar,body.dark-mode .df-status-card,body.dark-mode .df-summary-card,body.theme-dark .df-metric-card,body.theme-dark .df-mode-tabs,body.theme-dark .df-pane,body.theme-dark .df-preview-frame,body.theme-dark .df-result-box,body.theme-dark .df-result-card,body.theme-dark .df-result-item,body.theme-dark .df-results-content,body.theme-dark .df-score-bar,body.theme-dark .df-status-card,body.theme-dark .df-summary-card,html.dark .df-metric-card,html.dark .df-mode-tabs,html.dark .df-pane,html.dark .df-preview-frame,html.dark .df-result-box,html.dark .df-result-card,html.dark .df-result-item,html.dark .df-results-content,html.dark .df-score-bar,html.dark .df-status-card,html.dark .df-summary-card{background:#020617;border-color:rgba(31,41,55,.95);color:#f9fafb}.dark .df-label,.dark .df-last-scanned span,.dark .df-metric-label,.dark .df-preview-label,.dark .df-result-title,.dark .df-results-title,.dark .df-status-title,.dark .df-title,[data-theme=dark] .df-label,[data-theme=dark] .df-last-scanned span,[data-theme=dark] .df-metric-label,[data-theme=dark] .df-preview-label,[data-theme=dark] .df-result-title,[data-theme=dark] .df-results-title,[data-theme=dark] .df-status-title,[data-theme=dark] .df-title,body.dark .df-label,body.dark .df-last-scanned span,body.dark .df-metric-label,body.dark .df-preview-label,body.dark .df-result-title,body.dark .df-results-title,body.dark .df-status-title,body.dark .df-title,body.dark-mode .df-label,body.dark-mode .df-last-scanned span,body.dark-mode .df-metric-label,body.dark-mode .df-preview-label,body.dark-mode .df-result-title,body.dark-mode .df-results-title,body.dark-mode .df-status-title,body.dark-mode .df-title,body.theme-dark .df-label,body.theme-dark .df-last-scanned span,body.theme-dark .df-metric-label,body.theme-dark .df-preview-label,body.theme-dark .df-result-title,body.theme-dark .df-results-title,body.theme-dark .df-status-title,body.theme-dark .df-title,html.dark .df-label,html.dark .df-last-scanned span,html.dark .df-metric-label,html.dark .df-preview-label,html.dark .df-result-title,html.dark .df-results-title,html.dark .df-status-title,html.dark .df-title{color:#f9fafb}.dark .df-hint,.dark .df-last-scanned,.dark .df-metric-subtext,.dark .df-placeholder,.dark .df-result-meta,.dark .df-result-url,.dark .df-status-text,.dark .df-subtitle,[data-theme=dark] .df-hint,[data-theme=dark] .df-last-scanned,[data-theme=dark] .df-metric-subtext,[data-theme=dark] .df-placeholder,[data-theme=dark] .df-result-meta,[data-theme=dark] .df-result-url,[data-theme=dark] .df-status-text,[data-theme=dark] .df-subtitle,body.dark .df-hint,body.dark .df-last-scanned,body.dark .df-metric-subtext,body.dark .df-placeholder,body.dark .df-result-meta,body.dark .df-result-url,body.dark .df-status-text,body.dark .df-subtitle,body.dark-mode .df-hint,body.dark-mode .df-last-scanned,body.dark-mode .df-metric-subtext,body.dark-mode .df-placeholder,body.dark-mode .df-result-meta,body.dark-mode .df-result-url,body.dark-mode .df-status-text,body.dark-mode .df-subtitle,body.theme-dark .df-hint,body.theme-dark .df-last-scanned,body.theme-dark .df-metric-subtext,body.theme-dark .df-placeholder,body.theme-dark .df-result-meta,body.theme-dark .df-result-url,body.theme-dark .df-status-text,body.theme-dark .df-subtitle,html.dark .df-hint,html.dark .df-last-scanned,html.dark .df-metric-subtext,html.dark .df-placeholder,html.dark .df-result-meta,html.dark .df-result-url,html.dark .df-status-text,html.dark .df-subtitle{color:#9ca3af}.dark .df-back-pill,[data-theme=dark] .df-back-pill,body.dark .df-back-pill,body.dark-mode .df-back-pill,body.theme-dark .df-back-pill,html.dark .df-back-pill{background:radial-gradient(circle at top left,#1f2937,#020617);color:#e5e7eb;border-color:rgba(148,163,184,.4);box-shadow:0 12px 28px rgba(15,23,42,.8)}.dark .df-control input[type=file],.dark .df-control input[type=text],.dark .df-control input[type=url],[data-theme=dark] .df-control input[type=file],[data-theme=dark] .df-control input[type=text],[data-theme=dark] .df-control input[type=url],body.dark .df-control input[type=file],body.dark .df-control input[type=text],body.dark .df-control input[type=url],body.dark-mode .df-control input[type=file],body.dark-mode .df-control input[type=text],body.dark-mode .df-control input[type=url],body.theme-dark .df-control input[type=file],body.theme-dark .df-control input[type=text],body.theme-dark .df-control input[type=url],html.dark .df-control input[type=file],html.dark .df-control input[type=text],html.dark .df-control input[type=url]{background:#020617;color:#e5e7eb;border-color:#374151}