.studio-card{display:block;width:100%;text-align:left;padding:14px;border:1px solid #263249;border-radius:16px;background:#0f172acc;color:#f1f5f9;margin:10px 0;transition:border-color .15s,background .15s}.studio-card:hover{border-color:#00d2ff88}.studio-card[aria-pressed=true]{border-color:#00d2ff;background:#00d2ff0d;box-shadow:inset 0 0 0 1px #00d2ff44}.studio-card strong{display:block;font-size:14px}.studio-card p,.studio-note{font-size:12px;color:#94a3b8;line-height:1.65;margin-top:5px}.studio-badge{display:inline-block;border-radius:20px;padding:3px 8px;font-size:10px;color:#67e8f9;background:#164e6344;margin-top:7px}.studio-label{display:block;font-size:12px;font-weight:700;margin:16px 0 7px;color:#e2e8f0}.studio-input{display:block;width:100%;border-radius:12px;border:1px solid #334155;padding:12px;background:#0f172a;color:white;font-size:13px;outline:none}.studio-input:focus{border-color:#00d2ff}.studio-input::placeholder{color:#64748b}.studio-title{font-size:23px;font-weight:900;line-height:1.25;margin-bottom:8px}.studio-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.studio-button{border:1px solid #334155;background:#172033;padding:9px 12px;border-radius:11px;font-weight:700;font-size:12px;color:#e2e8f0}.studio-button:disabled{opacity:.5;cursor:wait}.studio-error{padding:12px;border:1px solid #fb718555;border-radius:12px;color:#fda4af;font-size:12px;margin:12px 0;line-height:1.6}.studio-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-columns .studio-card{margin:0}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.studio-mini{font-size:11px;color:#94a3b8}.studio-progress{height:4px;border-radius:8px;background:#1e293b;margin-top:12px;overflow:hidden}.studio-progress span{display:block;height:100%;background:linear-gradient(90deg,#00d2ff,#ff007f)}.studio-learning{border-top:1px solid #334155;padding-top:12px;margin-top:16px;font-size:12px;color:#cbd5e1;text-align:left}.studio-learning p{margin:8px 0}.studio-learning summary{cursor:pointer;color:#67e8f9;font-weight:700}.studio-save{font-size:10px;color:#94a3b8;margin-top:6px}.studio-card:focus-visible,.studio-button:focus-visible{outline:2px solid #67e8f9;outline-offset:3px}
.studio-chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.studio-chip{border:1px solid #334155;background:#0f172a;color:#cbd5e1;padding:7px 12px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease;user-select:none}
.studio-chip:hover{border-color:#00d2ff88;color:#fff}
.studio-chip.active,.studio-chip[aria-pressed=true]{background:linear-gradient(135deg,rgba(0,210,255,0.18),rgba(255,0,127,0.18))!important;border-color:#00d2ff!important;color:#fff!important;box-shadow:0 0 10px rgba(0,210,255,0.25);font-weight:700}
.studio-inline-add{display:flex;gap:8px;margin-top:8px}
.studio-custom-input{flex:1;border-radius:10px;border:1px solid #334155;padding:8px 12px;background:#0f172a;color:#fff;font-size:12px;outline:none}
.studio-custom-input:focus{border-color:#00d2ff}
.studio-add-btn{border:1px solid #00d2ff;background:rgba(0,210,255,0.15);color:#00d2ff;font-weight:800;border-radius:10px;padding:0 14px;cursor:pointer;font-size:13px;transition:all .15s}
.studio-add-btn:hover{background:#00d2ff;color:#03060f}
.studio-tag{display:inline-flex;align-items:center;gap:6px;background:#1e293b;border:1px solid #475569;color:#f1f5f9;padding:4px 10px;border-radius:16px;font-size:11px;margin:3px}
.studio-tag-remove{cursor:pointer;color:#fb7185;font-weight:bold;font-size:12px}
.studio-placeholder-hint{font-size:11px;color:#64748b;margin-top:5px;font-style:italic;line-height:1.4}