.url-import{gap:var(--space-3);max-width:var(--content-max);margin:0 auto;display:grid}.url-import__head{gap:var(--space-1);display:grid}.url-import__form{gap:var(--space-2);display:grid}.url-import__input-row{gap:var(--space-1);align-items:center;display:flex}.url-import__url-input{flex:1}.url-import__input-row{flex-wrap:wrap}.url-import__saved-links{gap:var(--space-2);display:grid}.url-import__error{gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius);border:1px solid var(--error);background:var(--surface);color:var(--error);display:grid}.web-recipe__hero{border-radius:var(--radius);border:1px solid var(--border);width:100%;max-height:400px;overflow:hidden}.web-recipe__hero img{object-fit:cover;width:100%;height:100%;max-height:400px;display:block}.web-recipe__times{gap:var(--space-1);flex-wrap:wrap;display:flex}.web-recipe__time{font-size:var(--text-14);font-family:var(--font-mono);color:var(--muted);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-depth);padding:4px 8px}.web-recipe__comments{gap:var(--space-2);display:grid}.web-recipe__comment{padding:var(--space-2);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);gap:4px;display:grid}.web-recipe__comment-header{align-items:center;gap:var(--space-1);display:flex}.web-recipe__comment-body{color:var(--text);margin:0;line-height:1.5}.source-filter{border-radius:var(--radius);border:1px solid var(--border);gap:0;display:flex;overflow:hidden}.source-filter__btn{background:var(--surface);color:var(--muted);font-size:var(--text-14);cursor:pointer;text-align:center;border:none;flex:1;padding:8px 16px;transition:background-color .15s,color .15s}.source-filter__btn:not(:last-child){border-right:1px solid var(--border)}.source-filter__btn:hover{background:var(--surface-hover);color:var(--text)}.source-filter__btn--active,.source-filter__btn--active:hover{background:var(--primary);color:var(--text-on-primary)}.web-recipe__comment-form{gap:var(--space-1);display:grid}.web-recipe__comment-textarea{resize:vertical;min-height:80px}.web-recipe__comment{padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.web-recipe__comment:last-child{border-bottom:none}.web-recipe__comment-header{align-items:baseline;gap:var(--space-1);margin-bottom:4px;display:flex}.web-recipe__comment-author{font-weight:600;font-size:var(--text-14);color:var(--text)}.web-recipe__comment-date{font-size:var(--text-14);color:var(--muted)}.web-recipe__comment-body{font-size:var(--text-16);color:var(--text);margin:0;line-height:1.5}.url-import__hints{gap:var(--space-1);display:grid}.url-import__hint{padding:var(--space-1) var(--space-2);border-left:2px solid var(--primary-border-25);background:var(--surface-primary-4);border-radius:0 var(--radius) var(--radius) 0;gap:2px;display:grid}.url-import__hint strong{font-size:var(--text-14);color:var(--text)}.url-import__hint p{font-size:var(--text-14);margin:0}