.inspector-container{display:flex;flex-direction:column;gap:1.25rem;width:100%}.controls-bar{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;background-color:hsl(var(--bg-surface-1));border:1px solid hsl(var(--border-subtle));border-radius:.75rem}.control-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.group-label{font-size:.8rem;font-weight:700;color:hsl(var(--text-secondary));text-transform:uppercase;letter-spacing:.05em}.btn-group{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.statute-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;color:hsl(var(--text-secondary));background-color:hsl(var(--bg-surface-2));padding:.25rem .6rem;border-radius:.4rem;border:1px solid hsl(var(--border-subtle))}.orient-btn,.color-format-btn{padding:.35rem .75rem;font-size:.8rem;font-weight:600;border-radius:.4rem;background-color:hsl(var(--bg-surface-2));border:1px solid hsl(var(--border-subtle));color:hsl(var(--text-secondary));cursor:pointer;transition:transform .15s cubic-bezier(.16,1,.3,1),background-color .15s ease,border-color .15s ease,color .15s ease}.orient-btn:hover,.color-format-btn:hover{color:hsl(var(--text-primary));border-color:hsl(var(--border-strong))}.orient-btn.active,.color-format-btn.active{background-color:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--bg-canvas));font-weight:700}.flag-display-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 1.5rem;background-color:hsl(var(--bg-surface-1));border:1px solid hsl(var(--border-subtle));border-radius:1rem;box-shadow:0 10px 30px -10px #0006}.canvas-wrapper{display:flex;justify-content:center;align-items:center;width:100%;min-height:260px;background:radial-gradient(circle at center,hsl(var(--bg-surface-2)),hsl(var(--bg-surface-1)));border-radius:.75rem;padding:1.5rem}.flag-svg-canvas{max-width:480px;width:100%;filter:drop-shadow(0 12px 24px rgba(0,0,0,.35));transition:transform .3s cubic-bezier(.16,1,.3,1)}.color-spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;width:100%}.color-spec-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:hsl(var(--bg-surface-2));border:1px solid hsl(var(--border-subtle));border-radius:.6rem}.spec-swatch{width:38px;height:38px;border-radius:.4rem;flex-shrink:0;box-shadow:inset 0 0 0 1px #0000001a}.spec-details{display:flex;flex-direction:column;gap:.15rem;overflow:hidden}.spec-label{font-size:.72rem;font-weight:700;color:hsl(var(--text-muted));text-transform:uppercase}.spec-val{font-size:.88rem;font-weight:700;color:hsl(var(--text-primary))}.spec-sub{font-size:.72rem;color:hsl(var(--text-secondary))}.action-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:.5rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:transform .15s cubic-bezier(.16,1,.3,1),background-color .15s ease,border-color .15s ease}.copy-btn{background-color:hsl(var(--bg-surface-2));border:1px solid hsl(var(--border-subtle));color:hsl(var(--text-primary))}.download-btn{background-color:hsl(var(--primary));border:1px solid hsl(var(--primary));color:hsl(var(--bg-canvas))}.copy-toast{position:absolute;bottom:1.5rem;background-color:hsl(var(--bg-surface-3));color:hsl(var(--text-primary));border:1px solid hsl(var(--primary));padding:.5rem 1rem;border-radius:.4rem;font-size:.82rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;transform:translateY(10px)}.copy-toast.visible{opacity:1;transform:translateY(0)}.knowledge-check-section{width:100%;margin-top:1rem;border-top:1px solid hsl(var(--border-subtle));padding-top:1.5rem}.kc-question-card{display:flex;flex-direction:column;gap:.85rem;width:100%}.kc-header{display:flex;justify-content:space-between;align-items:center}.kc-step{font-size:.78rem;font-weight:700;color:hsl(var(--primary));font-family:var(--font-mono)}.kc-tag{font-size:.72rem;background-color:hsl(var(--bg-surface-2));border:1px solid hsl(var(--border-subtle));padding:.15rem .5rem;border-radius:9999px;color:hsl(var(--text-secondary))}.kc-prompt{font-size:.95rem;font-weight:700;color:hsl(var(--text-primary))}.kc-options-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem}.kc-opt-btn{display:flex;align-items:center;gap:.6rem;padding:.6rem .85rem;border-radius:.5rem;background-color:hsl(var(--bg-surface-2));border:1px solid hsl(var(--border-subtle));color:hsl(var(--text-primary));font-size:.84rem;cursor:pointer;text-align:left;transition:background-color .15s ease,border-color .15s ease}.kc-opt-bullet{display:inline-flex;justify-content:center;align-items:center;width:22px;height:22px;border-radius:50%;background-color:hsl(var(--bg-surface-3));font-size:.75rem;font-weight:700;font-family:var(--font-mono)}.kc-opt-btn.correct{background-color:#21c45d2e;border-color:#21c45d;color:#1fe066}.kc-opt-btn.wrong{background-color:#ef43432e;border-color:#ef4343;color:#f15b5b}.kc-feedback{padding:.65rem .9rem;border-radius:.5rem;font-size:.82rem;line-height:1.45}.correct-fb{background-color:#21c45d1a;border:1px solid hsl(142 71% 45% / .3);color:hsl(var(--text-primary))}.wrong-fb{background-color:#ef43431a;border:1px solid hsl(0 84% 60% / .3);color:hsl(var(--text-primary))}.kc-complete-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;text-align:center}.kc-score-ring{font-size:1.25rem;font-weight:800;color:hsl(var(--primary));font-family:var(--font-mono)}.kc-restart-btn{padding:.4rem 1rem;font-size:.8rem;font-weight:700;border-radius:.4rem;background-color:hsl(var(--bg-surface-2));border:1px solid hsl(var(--border-subtle));color:hsl(var(--text-primary));cursor:pointer}@media(max-width:768px){.inspector-container{gap:.75rem}.controls-bar{padding:.65rem .85rem;gap:.5rem}.control-row{gap:.5rem}.statute-badge{font-size:.72rem}}