.page-module__sBLGMq__main{padding:32px 0}.page-module__sBLGMq__cardTitle{color:var(--text-primary);align-items:center;gap:8px;font-size:.875rem;font-weight:600;display:flex}.page-module__sBLGMq__testModes{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;overflow:hidden}.page-module__sBLGMq__modesHeader{background:var(--background);border-bottom:1px solid var(--border);padding:16px 20px}.page-module__sBLGMq__modesGrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;padding:20px;display:grid}.page-module__sBLGMq__modeBtn{background:var(--background);cursor:pointer;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:10px;padding:16px 10px;font-family:inherit;transition:all .2s;display:flex}.page-module__sBLGMq__modeBtn:hover{border-color:var(--border);transform:translateY(-1px)}.page-module__sBLGMq__modeBtnActive{border-color:var(--primary);background:#2563eb0d}.page-module__sBLGMq__modePreview{border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;width:100%;height:60px;display:flex;position:relative;overflow:hidden}.page-module__sBLGMq__modePreviewText{color:#fff;background:#0000004d;border-radius:3px;padding:2px 6px;font-size:.7rem;font-weight:600}.page-module__sBLGMq__modeName{color:var(--text-primary);text-align:center;font-size:.8rem;font-weight:500}.page-module__sBLGMq__previewGradient{background:linear-gradient(90deg,#000,red,#0f0,#00f,#000);width:100%;height:100%}.page-module__sBLGMq__previewGrid{background-color:#ccc;background-image:linear-gradient(#0000004d 1px,#0000 1px),linear-gradient(90deg,#0000004d 1px,#0000 1px);background-size:8px 8px;width:100%;height:100%}.page-module__sBLGMq__previewCheckerboard{background-color:#fff;background-image:linear-gradient(45deg,#999 25%,#0000 25%),linear-gradient(-45deg,#999 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#999 75%),linear-gradient(-45deg,#0000 75%,#999 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;width:100%;height:100%}.page-module__sBLGMq__previewSection{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;overflow:hidden}.page-module__sBLGMq__previewHeader{background:var(--background);border-bottom:1px solid var(--border);padding:16px 20px}.page-module__sBLGMq__previewBox{height:300px;position:relative;overflow:hidden}.page-module__sBLGMq__previewActions{border-top:1px solid var(--border);justify-content:center;padding:16px 20px;display:flex}.page-module__sBLGMq__solidColor{width:100%;height:100%}.page-module__sBLGMq__gradientContainer{flex-direction:column;width:100%;height:100%;display:flex}.page-module__sBLGMq__gradientTop{background:linear-gradient(90deg,#000,#fff);flex:1}.page-module__sBLGMq__gradientMiddle{flex:1;display:flex}.page-module__sBLGMq__gradientLeft{background:linear-gradient(red,#0f0,#00f);flex:1}.page-module__sBLGMq__gradientRight{background:linear-gradient(#0f0,#00f,red);flex:1}.page-module__sBLGMq__gradientBottom{background:linear-gradient(270deg,#000,#fff);flex:1}.page-module__sBLGMq__gridContainer{background:#fff;width:100%;height:100%}.page-module__sBLGMq__gridLines{background-image:linear-gradient(#000 1px,#0000 1px),linear-gradient(90deg,#000 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%}.page-module__sBLGMq__checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#000 25%,#0000 25%),linear-gradient(-45deg,#000 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#000 75%),linear-gradient(-45deg,#0000 75%,#000 75%);background-position:0 0,0 20px,20px -20px,-20px 0;background-size:40px 40px;width:100%;height:100%}.page-module__sBLGMq__btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.page-module__sBLGMq__btnPrimary{background:var(--primary);color:#fff}.page-module__sBLGMq__btnPrimary:hover{background:var(--primary-dark)}.page-module__sBLGMq__fullscreenContainer{z-index:9999;cursor:none;background:#000;width:100vw;height:100vh;position:fixed;top:0;left:0}.page-module__sBLGMq__fullscreenContainer:hover{cursor:default}.page-module__sBLGMq__fullscreenControls{z-index:10000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:default;background:#000c;border:1px solid #ffffff26;border-radius:16px;flex-direction:column;align-items:center;gap:16px;max-width:90vw;padding:20px 28px;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.page-module__sBLGMq__modeInfo{color:#fff;font-size:1rem;font-weight:600}.page-module__sBLGMq__quickButtons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.page-module__sBLGMq__quickBtn{cursor:pointer;color:#fffc;border:2px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-family:inherit;font-size:.55rem;font-weight:600;transition:all .2s;display:flex}.page-module__sBLGMq__quickBtn:hover{border-color:#fff;transform:scale(1.1)}.page-module__sBLGMq__quickBtnActive{border-color:#fff;box-shadow:0 0 0 2px #fff}.page-module__sBLGMq__fullscreenActions{gap:12px;display:flex}.page-module__sBLGMq__exitBtn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;align-items:center;gap:6px;padding:10px 24px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.page-module__sBLGMq__exitBtn:hover{background:#ffffff40}.page-module__sBLGMq__hint{color:#ffffff80;font-size:.7rem}.page-module__sBLGMq__usageGuide{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.page-module__sBLGMq__usageGuide h3{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:1rem;font-weight:600;display:flex}.page-module__sBLGMq__usageGuide h4{color:var(--text-primary);margin:20px 0 12px;font-size:.875rem;font-weight:600}.page-module__sBLGMq__usageGuide h4:first-of-type{margin-top:0}.page-module__sBLGMq__usageGuide p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.8}.page-module__sBLGMq__usageGuide ul{margin:0;padding-left:20px}.page-module__sBLGMq__usageGuide li{color:var(--text-secondary);font-size:.875rem;line-height:1.8}.page-module__sBLGMq__shortcutsGrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:10px;display:grid}.page-module__sBLGMq__shortcutItem{background:var(--background);border-radius:6px;align-items:center;gap:12px;padding:10px 14px;display:flex}.page-module__sBLGMq__shortcutItem kbd{background:var(--surface);border:1px solid var(--border);color:var(--primary);text-align:center;border-radius:4px;min-width:36px;padding:3px 8px;font-family:SF Mono,Consolas,monospace;font-size:.8rem;font-weight:600;display:inline-block}.page-module__sBLGMq__shortcutItem span{color:var(--text-secondary);font-size:.85rem}.page-module__sBLGMq__tipsBox{background:#2563eb14;border-radius:8px;gap:12px;margin-top:20px;padding:16px;display:flex}.page-module__sBLGMq__tipsBox>i{color:var(--primary);flex-shrink:0;margin-top:2px;font-size:1.1rem}.page-module__sBLGMq__tipsBox strong{color:var(--primary);margin-bottom:4px;font-size:.875rem;display:block}.page-module__sBLGMq__tipsBox p{color:var(--text-secondary);font-size:.8rem}.page-module__sBLGMq__relatedToolsCompact{margin-top:32px;padding-bottom:0}@media (max-width:768px){.page-module__sBLGMq__modesGrid{grid-template-columns:repeat(3,1fr)}.page-module__sBLGMq__fullscreenControls{padding:14px 18px;bottom:20px}.page-module__sBLGMq__quickBtn{width:36px;height:36px;font-size:.45rem}}