.catalog-card{position:relative;display:flex;flex-direction:column;background:var(--color-white);border:var(--border-thick);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:all .2s ease;height:100%;padding:0;margin:0;text-align:left;font-family:inherit;cursor:pointer;width:100%;box-shadow:var(--shadow-solid-sm)}.catalog-card:hover{border-color:var(--color-text);transform:translate(-4px,-4px);box-shadow:var(--shadow-solid);background:var(--color-white)}.card-thumb{position:relative;aspect-ratio:4 / 3;background:var(--color-gray-100);overflow:hidden;border-bottom:var(--border-thin)}.card-thumb :global(img){position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.catalog-card:hover .card-thumb :global(img){transform:scale(1.05)}.card-body{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.card-title{font-family:var(--font-family-display);font-size:1.2rem;font-weight:800;color:var(--color-text);margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-body :global(.meta){display:flex;flex-wrap:wrap;gap:.5rem;font-family:var(--font-family-base);font-size:.8rem}.card-body :global(.meta-tag){padding:.2rem .6rem;background:var(--color-gray-100);border-radius:var(--radius-pill);border:var(--border-thin);color:var(--color-text);font-weight:700}.card-body :global(.description){font-family:var(--font-family-base);font-size:.9rem;color:var(--color-text);opacity:.8;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-actions{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.5rem;z-index:2}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;padding:.5rem 0}.hero-content{max-width:600px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero-actions{margin-top:2rem;display:flex;gap:1rem;justify-content:center}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;color:var(--color-text);pointer-events:none;opacity:.5}.catalog-page{min-height:100vh;background-color:var(--color-bg);background-image:radial-gradient(var(--color-border) 1px,transparent 1px);background-size:32px 32px;color:var(--color-text);font-family:var(--font-family-base)}.library-create-btn{display:flex;align-items:center;gap:.5rem;background:var(--color-blue);color:var(--color-on-accent);border:var(--border-thick);padding:.5rem 1rem;border-radius:var(--radius-pill);font-weight:700;cursor:pointer;box-shadow:var(--shadow-solid-xs);transition:transform .1s}.library-create-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-solid-sm)}.library-create-btn.large{padding:.75rem 1.5rem;font-size:1.1rem}.library-loading,.library-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;flex:1;text-align:center}.empty-title{font-family:var(--font-family-display);font-weight:800;font-size:1.5rem;margin-bottom:1rem}.empty-text{max-width:400px;margin-bottom:2rem;opacity:.8}.story-thumb-placeholder{width:100%;height:100%;background:var(--color-bg);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--color-text)}.meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.meta-tag{font-size:.75rem;padding:.15rem .4rem;background:var(--color-gray-100);border:var(--border-thin);border-radius:var(--radius-sm);color:var(--color-text);font-weight:600}.meta-tag.publish-status{background:var(--color-white)}.meta-tag.publish-status.published{background:var(--sb-success-bg);color:var(--sb-success);border-color:var(--sb-success)}.description{font-size:.85rem;color:var(--color-text);opacity:.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.btn-icon-edit{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:var(--border-thin);background:var(--color-white);color:var(--color-text);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-solid-xs)}.btn-icon-edit:hover{color:var(--color-blue);background:color-mix(in srgb,var(--color-blue) 20%,var(--color-white));transform:translate(-1px,-1px)}.btn-icon-delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:var(--border-thin);background:var(--color-white);color:var(--color-text);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-solid-xs)}.btn-icon-delete:hover{color:var(--sb-danger);background:var(--sb-danger-bg);transform:translate(-1px,-1px)}.sh-title.svelte-fzvkr7{appearance:none;display:-webkit-box;text-align:left;background:transparent;border:none;margin:-2px -4px;padding:2px 4px;font-family:var(--sb-font-display);font-size:1.05rem;font-weight:800;line-height:1.2;color:var(--sb-text);overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;cursor:text;-webkit-user-select:none;user-select:none;border-radius:var(--sb-radius-sm)}.sh-title.compact.svelte-fzvkr7{display:block;flex:0 1 auto;max-width:50%;font-size:.9rem;white-space:nowrap}.sh-title.svelte-fzvkr7:hover{background:var(--sb-accent-yellow)}.sh-title.svelte-fzvkr7:focus{outline:2px solid var(--sb-accent);outline-offset:-1px}.sh-title-input.svelte-fzvkr7{width:100%;box-sizing:border-box;margin:-2px -4px;padding:2px 4px;font-family:var(--sb-font-display);font-size:1.05rem;font-weight:800;line-height:1.2;color:var(--sb-text);background:var(--sb-card-bg);border:var(--sb-border);border-radius:var(--sb-radius-sm)}.sh-title-input.compact.svelte-fzvkr7{width:auto;flex:1;margin:0;padding:.2rem .35rem;font-size:.9rem}.sh-title-input.svelte-fzvkr7:focus{outline:none;box-shadow:0 0 0 2px var(--sb-accent)}