.library{box-sizing:border-box;width:100%;max-width:1228px;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(48px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));color:var(--ink);margin-inline:auto;font-size:13px}.library-top{grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;margin-bottom:28px;display:grid}.library-back{border-radius:var(--radius);background:var(--canvas);height:44px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);justify-self:start;align-items:center;gap:8px;padding:0 16px 0 12px;text-decoration:none;display:inline-flex}@media (hover:hover){.library-back:hover{box-shadow:inset 0 0 0 1px var(--ink)}}.library-back:focus-visible{box-shadow:inset 0 0 0 1px var(--ink)}.library-top h1{margin:0;font-size:15px;font-weight:600}.library-yours{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,260px) minmax(0,360px);align-items:start;gap:24px;margin-bottom:40px;padding-bottom:32px;display:grid}.library-yours h2{margin:0 0 8px;font-size:13px;font-weight:600}.library-yours p{color:var(--secondary);margin:0 0 16px;line-height:1.5}.library-yours label{color:var(--secondary);gap:6px;margin-bottom:12px;display:grid}.library-yours input{border-radius:var(--radius);background:var(--canvas);height:44px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:inherit;border:0;padding:0 12px}@media (hover:hover){.library-yours input:hover{box-shadow:inset 0 0 0 1px var(--ink);outline:none}}.library-yours input:focus,.library-yours input:focus-visible{box-shadow:inset 0 0 0 1px var(--ink);outline:none}.library-yours input::placeholder{color:var(--muted)}.library-publish{border-radius:var(--radius);background:var(--ink);height:44px;color:var(--canvas);font:inherit;cursor:pointer;padding:0 20px}.library-publish:disabled{opacity:.4;cursor:default}.library-yours .library-note{min-height:1.5em;color:var(--ink);margin:12px 0 0}.library-preview,.library-form{min-width:0;position:relative}.library-yours[aria-busy=true] .library-preview>.card-entry,.library-yours[aria-busy=true] form{visibility:hidden}.library-preview-placeholder,.library-form-placeholder{position:absolute;inset:0}.library-preview-placeholder>.library-placeholder{box-sizing:border-box;height:100%}.library-form-placeholder .library-placeholder-heading{width:18ch;height:1lh;margin-bottom:8px}.library-placeholder-field{gap:6px;margin-bottom:12px;display:grid}.library-form-placeholder .library-placeholder-label{width:16ch;height:1lh}.library-form-placeholder .library-placeholder-input,.library-form-placeholder .library-placeholder-button{border-radius:var(--radius);height:44px}.library-form-placeholder .library-placeholder-button{width:23ch;max-width:100%}.library-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:24px 20px;display:grid}.library-cell{gap:4px;display:grid}.library-placeholder{flex-direction:column;gap:8px;font-size:11px;line-height:1.35;display:flex}.library-placeholder .library-placeholder-art{aspect-ratio:3/2;border-radius:6px;height:auto}.library-placeholder .card-author{min-height:1.35em}@media (width<=1027px){.library-placeholder:nth-child(n+4){display:none}}@media (width<=777px){.library-placeholder:nth-child(n+3){display:none}}@media (width<=511px){.library-placeholder:nth-child(n+2){display:none}}.library-state{color:var(--secondary)}.library-actions{color:var(--secondary);flex-direction:column;align-items:flex-end;gap:12px;margin-top:24px;display:flex}.library-actions p{margin:0}.library-actions button{border-radius:var(--radius);background:var(--canvas);min-height:44px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:inherit;cursor:pointer;border:0;align-items:center;gap:8px;padding:0 12px 0 16px;display:inline-flex}@media (hover:hover){.library-actions button:hover{box-shadow:inset 0 0 0 1px var(--ink)}}.library-actions button:focus-visible{box-shadow:inset 0 0 0 1px var(--ink)}.library-actions button:disabled{opacity:.5;cursor:default}@media (width<=640px){.library-yours{grid-template-columns:minmax(0,1fr)}.library{padding-inline:16px}}