.tool-header{text-align:center;margin-bottom:1.5rem}.tool-header h1{font-size:2rem;margin-bottom:.5rem}.tool-header p{color:var(--color-muted)}.mode-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;justify-content:center}.mode-tab{padding:.6rem 1.5rem;border:1px solid var(--color-border);background:var(--color-surface);border-radius:.5rem;cursor:pointer;font-size:1rem;transition:all .2s}.mode-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.mode-tab:hover:not(.active){background:var(--color-border)}.panel{display:none}.panel.active{display:block}.create-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.form-field label{display:block;font-weight:600;margin-bottom:.35rem;font-size:.9rem}.form-field textarea{width:100%;padding:.65rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-bg);color:var(--color-text);font-size:1rem;resize:vertical;font-family:inherit}.form-field textarea:focus{outline:none;border-color:var(--color-primary)}.form-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.card-count{color:var(--color-muted);font-size:.9rem}.btn-primary{padding:.6rem 1.2rem;background:var(--color-primary);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-size:.95rem;transition:background .2s}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{padding:.5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;cursor:pointer;font-size:.85rem;transition:background .2s}.btn-secondary:hover{background:var(--color-border)}.btn-danger{color:var(--color-danger, #e74c3c);border-color:var(--color-danger, #e74c3c)}.card-list{display:grid;gap:.75rem;margin-bottom:1.5rem}.empty-msg{text-align:center;color:var(--color-muted);padding:2rem}.card-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:.6rem;padding:1rem;display:grid;grid-template-columns:1fr 1fr auto;gap:1rem;align-items:start}@media(max-width:640px){.card-item{grid-template-columns:1fr}}.card-item-front,.card-item-back{font-size:.95rem;word-break:break-word}.card-item-front{font-weight:600}.card-item-back{color:var(--color-muted)}.card-item-actions{display:flex;gap:.35rem}.btn-icon{width:32px;height:32px;border:1px solid var(--color-border);background:var(--color-bg);border-radius:.35rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem}.btn-icon:hover{background:var(--color-border)}.create-actions{display:flex;flex-wrap:wrap;gap:.6rem}.file-label{display:inline-flex;align-items:center;cursor:pointer}.study-progress{margin-bottom:1.5rem}.study-progress span{font-size:.9rem;color:var(--color-muted)}.progress-bar{height:6px;background:var(--color-border);border-radius:3px;margin-top:.4rem;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);border-radius:3px;transition:width .3s ease}.study-card-container{perspective:1200px;margin-bottom:1.5rem;display:flex;justify-content:center}.study-card{width:100%;max-width:600px;aspect-ratio:3 / 2;cursor:pointer;position:relative}.study-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1)}.study-card.flipped .study-card-inner{transform:rotateY(180deg)}.study-card-front,.study-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 4px 20px #00000014}.study-card-back{transform:rotateY(180deg)}.study-text{font-size:1.5rem;line-height:1.5;word-break:break-word}.study-hint{margin-top:1rem;font-size:.8rem;color:var(--color-muted)}.study-controls{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.btn-study{padding:.55rem 1.1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;cursor:pointer;font-size:.9rem}.btn-study:hover{background:var(--color-border)}.study-eval{display:flex;justify-content:center;gap:1rem;margin-top:.5rem}.btn-eval{padding:.7rem 1.5rem;border:none;border-radius:.6rem;cursor:pointer;font-size:1rem;font-weight:600;transition:transform .15s}.btn-eval:hover{transform:translateY(-2px)}.btn-success{background:#2ecc71;color:#fff}.btn-danger{background:#e74c3c;color:#fff}.study-complete{text-align:center;padding:2rem}.study-complete.hidden{display:none}.study-complete h2{margin-bottom:.75rem}.study-complete p{color:var(--color-muted);margin-bottom:1.5rem}@media(max-width:480px){.study-card{max-width:100%}.study-text{font-size:1.15rem}.study-card-front,.study-card-back{padding:1.25rem}.btn-eval{padding:.55rem 1rem;font-size:.9rem}}