*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0a0e17;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden}.app{min-height:100vh;position:relative}.app.night-mode{background:#0a0000}.main-content{z-index:1;width:100%;max-width:1800px;min-height:calc(100vh - 130px);margin:0 auto;padding:16px 20px;position:relative}.tab-panel{animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.framing-viewer{width:100%;height:65vh;min-height:360px;max-height:760px;display:block}.framing-infostrip{grid-template-columns:1fr 1fr}.framing-infostrip.has-mosaic,.framing-infostrip.has-compare{grid-template-columns:1fr 1fr 1fr}.framing-infostrip.has-mosaic.has-compare{grid-template-columns:1fr 1fr 1fr 1fr}.placeholder-panel{text-align:center;background:#1a2332;border:1px solid #2a3a52;border-radius:12px;max-width:520px;margin:36px auto;padding:70px 40px}.night-mode .placeholder-panel{background:#1a0000;border-color:#3d0000}.placeholder-icon{margin-bottom:18px;font-size:52px}.placeholder-panel h3{color:#e2e8f0;margin-bottom:10px;font-size:21px;font-weight:600}.night-mode .placeholder-panel h3{color:#f99}.placeholder-panel p{color:#94a3b8;margin-bottom:14px;font-size:14px}.night-mode .placeholder-panel p{color:#a66}.placeholder-panel ul{padding:0;list-style:none}.placeholder-panel ul li{color:#64748b;border-bottom:1px solid #2a3a52;padding:5px 0;font-size:13px}.placeholder-panel ul li:last-child{border-bottom:none}.night-mode .placeholder-panel ul li{color:#644;border-color:#3d0000}.app-footer{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e17e6;border-top:1px solid #2a3a52;padding:12px 24px;position:relative}.night-mode .app-footer{background:#0a0000e6;border-color:#3d0000}.footer-content{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;max-width:1800px;margin:0 auto;font-size:12px;display:flex}.night-mode .footer-content{color:#644}.footer-divider{color:#2a3a52}.night-mode .footer-divider{color:#3d0000}.footer-target{color:#3b82f6;font-weight:500}.night-mode .footer-target{color:#f44}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0a0e17}::-webkit-scrollbar-thumb{background:#2a3a52;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b82f6}.night-mode ::-webkit-scrollbar-track{background:#0a0000}.night-mode ::-webkit-scrollbar-thumb{background:#3d0000}.night-mode ::-webkit-scrollbar-thumb:hover{background:#f44}::selection{color:#e2e8f0;background:#3b82f64d}.night-mode ::selection{color:#f99;background:#ff44444d}@media (width>=1400px){.main-content{padding:20px 28px}.framing-viewer{height:68vh}}@media (width>=1024px){.framing-infostrip{grid-template-columns:1fr 1fr}.framing-infostrip.has-mosaic{grid-template-columns:1fr 1fr 1fr}}@media (width<=1023px){.main-content{padding:16px}.framing-viewer{height:55vh;min-height:320px}.framing-infostrip,.framing-infostrip.has-mosaic{grid-template-columns:1fr 1fr}}@media (width<=767px){.main-content{padding:12px}.framing-viewer{height:50vw;min-height:280px;max-height:480px}.framing-controls{gap:8px!important}.framing-infostrip,.framing-infostrip.has-mosaic{grid-template-columns:1fr!important}.footer-content{justify-content:center}nav button{padding:9px 14px!important;font-size:12px!important}}@media (width<=479px){.main-content{padding:8px}.framing-viewer{height:56vw;min-height:240px}body{font-size:14px}.framing-controls{flex-direction:column;align-items:flex-start!important}}