/* Keep the native renderer's visual language; adapt its public browser surface. */
[data-unavailable], #account-sign-out, #google-resend, #restore-file,
#account-menu .account-menu-divider, #existing-sheet-fields, #collection-google-status,
#picture-files, label:has(> #picture-files), label:has(> #picture-links), #picture-add-links { display: none !important; }
#google-button { min-width: 80px; }
#google-button .account-label { display: inline; }
button:disabled, input:disabled, select:disabled { cursor: not-allowed; opacity: .42; }
.watch-card { cursor: pointer; }
.picture-resize { pointer-events: none; }
button:focus-visible, select:focus-visible, input:focus-visible, a:focus-visible { outline: 2px solid #90b9ed; outline-offset: 3px; }
.website-picture-note { margin-bottom: 12px; }
.feature-tour { position: fixed; inset: 0; z-index: 75; pointer-events: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.feature-arrow { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.feature-connector { fill: none; stroke: #b6d5ff; stroke-width: 1.8; filter: drop-shadow(0 1px 3px #000); }
.feature-target { fill: #90b9ed0c; stroke: #b6d5ff; stroke-width: 1.5; stroke-dasharray: 5 4; }
.feature-tip { position: absolute; width: min(276px, calc(100vw - 28px)); padding: 18px; border: 1px solid #799cc8; border-radius: 10px; background: #20262ff5; color: #f1f5fc; box-shadow: 0 8px 28px #0006; pointer-events: auto; }
.feature-tip .feature-step { color: #b6d5ff; font-size: 9px; letter-spacing: 1.2px; padding-right: 16px; margin: 0 0 10px; }
.feature-tip h2 { font: 600 16px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin: 0 0 8px; }
.feature-description { font-size: 12px; line-height: 1.6; color: #c9d1dd; margin: 0; }
.feature-close { position: absolute; right: 8px; top: 7px; color: #c9d1dd; font-size: 23px; padding: 0; width: 30px; height: 30px; border: 0; }
.feature-navigation { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; }
.feature-navigation button { font: 500 11px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; min-height: 34px; padding: 6px 10px; color: #dbeaff; border: 1px solid #576b85; border-radius: 5px; }
.feature-navigation button:hover { background: #33425a; }
.feature-navigation button:disabled { opacity: .3; }
@media (max-width: 700px) {
 .canvas-tab-bar { padding-inline: 10px; }
 .header-status-controls { flex-shrink: 0; }
 .header-collection-controls { min-width: 0; }
 .toolbar .sort-box { flex: 1; min-width: 0; }
 .sort-box select { max-width: 120px; }
 .canvas-controls { left: 8px; right: 8px; bottom: 10px; max-width: calc(100% - 16px); }
 .zoom-pill { overflow-x: auto; max-width: 100%; justify-content: flex-start; }
 .zoom-pill > * { flex-shrink: 0; }
 .feature-tip { width: 252px; padding: 14px; }
 .form-grid { grid-template-columns: minmax(0, 1fr); }
 .form-grid label, .form-grid input, .form-grid select { min-width: 0; }
 .modal { max-width: 100%; }
 .compare-table { min-width: 500px; }
}