.tutorial-browse__toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.tutorial-browse__search{flex:1;min-width:0}.tutorial-browse__see-all{color:var(--profile-primary, #2563eb);font-weight:500;text-decoration:none;white-space:nowrap}.tutorial-browse__see-all:hover{color:var(--profile-primary-hover, #1d4ed8)}.tutorial-browse__summary{font-size:.8125rem;color:var(--profile-ink-muted, #5c5854);margin-bottom:.5rem}.tutorial-browse__carousel-wrap{position:relative}.tutorial-browse__scroll{display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;padding:.25rem .125rem .5rem;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding-inline:.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tutorial-browse__scroll::-webkit-scrollbar{display:none}.tutorial-browse__scroll--loading-more{scroll-snap-type:none}.tutorial-browse__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:2rem;height:2rem;border:none;border-radius:999px;background:#fffffff2;box-shadow:0 2px 8px #2c2a281f;color:var(--profile-ink-muted, #5c5854);font-size:1.25rem;line-height:1;cursor:pointer}.tutorial-browse__arrow--left{left:.25rem}.tutorial-browse__arrow--right{right:.25rem}.tutorial-browse__loading,.tutorial-browse__empty{min-height:180px;display:flex;align-items:center;justify-content:center;color:var(--profile-ink-muted, #5c5854);padding:1rem}.tutorial-browse__loading-more{flex:0 0 auto;display:flex;align-items:center;justify-content:center;min-width:80px}.tutorial-browse-card{flex:0 0 auto;width:168px;scroll-snap-align:start;scroll-snap-stop:normal;background:#fff;border:1px solid rgba(44,42,40,.08);border-radius:var(--profile-radius-sm, 8px);box-shadow:var(--profile-shadow, 0 2px 12px rgba(44, 42, 40, .06));overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}@media(min-width:768px){.tutorial-browse-card{width:196px}}.tutorial-browse-card:hover{box-shadow:var(--profile-shadow-hover, 0 4px 20px rgba(44, 42, 40, .1));transform:translateY(-2px)}.tutorial-browse-card__remove-wrap{position:absolute;top:.375rem;right:.375rem;z-index:1}.tutorial-browse-card__remove{width:1.5rem;height:1.5rem;padding:0;border-radius:50%;background:#fffffff2;border:1px solid #dc3545;color:#dc3545;font-size:1.125rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.tutorial-browse-card__image-wrap{position:relative}.tutorial-browse-card__image-btn{display:block;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.tutorial-browse-card__image{width:100%;aspect-ratio:4 / 3;-o-object-fit:cover;object-fit:cover;display:block}.tutorial-browse-card__body{padding:.625rem .75rem .75rem;text-align:center}.tutorial-browse-card__title{font-size:.8125rem;line-height:1.35;margin:0 0 .5rem;color:var(--profile-ink, #2c2a28);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.2em}.tutorial-browse-card__watch-btn{min-width:6.5rem}.tutorial-browse-card__meta{font-size:.75rem;color:var(--profile-ink-muted, #5c5854)}.tutorial-browse-card__progress{font-size:.75rem;color:var(--profile-ink-muted, #5c5854);margin-top:.25rem}.tutorial-browse-card__actions{display:flex;flex-direction:column;align-items:center;gap:.375rem}.tutorial-browse-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.tutorial-browse-modal__content{background:#fff;padding:1.25rem;border-radius:8px;max-width:400px;width:90%}.tutorial-browse-modal__actions{display:flex;justify-content:flex-end;gap:.625rem;margin-top:1.25rem}