/* A quiet document list rather than a wall of pills. */
.recipe-library{min-width:0;padding:2px 0 16px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.library-toolbar .note{font-size:10px;margin:0;line-height:1.6;flex:1;min-width:0}.library-new{flex:none;min-height:38px;padding:6px 10px;border-radius:11px;background:var(--ui-tint);color:var(--ui-ink);font-size:11px}
.collection-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0 12px}.collection-tab{flex:none;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:32px;border-radius:10px;padding:7px 11px;font-size:11px;color:var(--ui-muted)}.collection-tab[aria-pressed=true]{background:var(--ui-tint);color:var(--ui-ink);font-weight:600}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}.collection-heading strong{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.collection-heading .text-link{flex:none}
.recipe-list{position:relative;display:grid;gap:8px;min-width:0}.recipe-card{display:flex;align-items:center;min-width:0;min-height:64px;padding:7px 6px 7px 10px;border-radius:15px;background:color-mix(in srgb,var(--ui-glass) 70%,var(--ui-chrome));border:1px solid color-mix(in srgb,var(--ui-line) 65%,transparent);box-shadow:inset 0 1px 0 #ffffff24}.recipe-use{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:left;min-height:44px;padding:0}.recipe-mark{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:var(--ui-tint);color:var(--ui-accent)}.recipe-mark svg{width:18px;height:18px}.recipe-use>span:last-child{min-width:0;display:grid;gap:5px}.recipe-use strong{font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recipe-use small{font-size:10px;color:var(--ui-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recipe-more,.recipe-grip{flex:0 0 34px;min-height:44px;padding:4px;border-radius:10px;color:var(--ui-muted);font-size:17px;letter-spacing:1px}.recipe-grip{touch-action:none;user-select:none;-webkit-user-select:none;font-size:25px;cursor:grab}.recipe-sorting{overscroll-behavior:none}.recipe-placeholder{opacity:.22}.recipe-drag-ghost{position:fixed;z-index:100;pointer-events:none;box-shadow:0 9px 25px #102c3426;background:var(--ui-chrome);will-change:transform;transform-origin:center;opacity:.98}.recipe-drag-ghost .recipe-grip{color:var(--ui-accent)}.library-empty{padding:22px 16px;background:color-mix(in srgb,var(--ui-tint) 24%,transparent);border-radius:14px}.library-empty .note{margin:0}.library-undo{display:flex;justify-content:space-between;align-items:center;background:var(--ui-tint);font-size:11px;padding:0 12px;border-radius:10px;margin-bottom:10px}
.library-dialog{width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:20px;border:1px solid var(--ui-line);border-radius:24px;background:var(--ui-chrome);color:var(--ui-ink);box-shadow:0 20px 60px #142c3430}.library-dialog::backdrop{background:#152b345c}.library-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.library-dialog h2{font-size:16px;margin:0;font-weight:600}.library-dialog .chip{min-height:36px;font-size:11px}.library-dialog input,.library-dialog select{display:block;width:100%;max-width:100%;min-height:44px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-glass);color:var(--ui-ink);padding:10px 12px;font-size:16px;margin:8px 0 14px;box-sizing:border-box}.library-dialog label{font-size:11px;color:var(--ui-muted)}.library-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.library-dialog footer button{min-height:42px;min-width:94px;border-radius:12px}.library-dialog .primary{font-size:12px}.library-danger{color:var(--ui-ink);background:color-mix(in srgb,var(--ui-tint) 65%,transparent);font-size:12px;padding:9px 12px}.recipe-order-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.recipe-order-actions .chip{min-width:0;padding:6px 4px;font-size:11px}
/* Narrow, static blur region keeps the controls separated without a hard rule. */
#app:not(.no-photo) #nav{background:var(--ui-chrome);overflow:visible;z-index:18;border-top:0}
#app:not(.no-photo) #nav:before{content:'';display:block!important;position:absolute;left:0;right:0;top:-24px;height:25px;pointer-events:none;background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--ui-chrome) 78%,transparent) 64%,var(--ui-chrome));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask-image:linear-gradient(transparent,#000 80%);-webkit-mask-image:linear-gradient(transparent,#000 80%)}
#app:not(.no-photo) #nav:after{content:'';position:absolute;left:8%;right:8%;top:-12px;height:18px;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--ui-glow) 65%,transparent),transparent 70%);opacity:.65}
.theme-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px!important;overflow:visible!important}.theme-list .theme-choice{min-width:0;min-height:40px;padding:7px 4px;gap:5px;font-size:11px;justify-content:center}.theme-list .theme-orb{width:17px;height:17px;flex:none}.theme-choice[data-interface-theme=ink]{grid-column:1/-1;min-height:36px}
@media(max-width:359px){.library-toolbar{align-items:flex-start}.library-toolbar .note{max-width:145px}.theme-list{gap:6px!important}.theme-list .theme-choice{font-size:10px;gap:4px}.theme-list .theme-orb{width:15px;height:15px}.recipe-mark{flex-basis:30px}.recipe-use{gap:7px}.recipe-more,.recipe-grip{flex-basis:30px}}
@media(prefers-reduced-motion:reduce){.recipe-drag-ghost{will-change:auto}}

.recipe-library .note{display:block}.library-manager[open]{display:flex;flex-direction:column;width:min(540px,calc(100vw - 28px));height:min(74dvh,720px);max-height:calc(100dvh - 48px);padding:20px 18px 0;overflow:hidden}.library-manager>header{flex:none;margin-bottom:14px}.library-manager-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:20px;scrollbar-width:thin}.library-manager .recipe-library{padding-bottom:0}.library-summary p{font-size:12px;color:var(--ui-muted);margin:8px 0 18px}.library-summary .primary{width:100%}
#app.photo-workspace:not(.typing) #panel{padding-bottom:30px}
.library-undo{position:sticky;top:0;z-index:2}.library-dialog input:focus-visible,.library-dialog select:focus-visible{outline-color:var(--ui-accent)}

.library-feedback{flex:none;font-size:11px;line-height:1.6;margin:12px 0;padding:9px 11px;border-radius:10px;background:var(--ui-tint);color:var(--ui-ink)}